refactor(form): menyesuaikan placeholdernya menjadi contoh data

This commit is contained in:
Yoga Pangestu 2025-10-29 18:07:52 +07:00
parent 729e0fb852
commit 08eb7e3076
19 changed files with 97 additions and 99 deletions

View File

@ -19,7 +19,7 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
<div class="flex flex-col gap-6">
<flux:input wire:model="login" label="Nama pengguna atau email" type="text"
placeholder="Masukkan nama pengguna atau email" autocomplete="off" />
placeholder="pangestu / info.pangestuyoga@gmail.com" autocomplete="off" />
<flux:field>
<div class="mb-3 flex justify-between">
@ -28,7 +28,7 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
<flux:link href="#" variant="subtle" class="text-sm">Lupa kata sandi?</flux:link>
</div>
<flux:input wire:model="password" type="password" placeholder="Masukkan kata sandi" viewable />
<flux:input wire:model="password" type="password" placeholder="********" viewable />
<flux:error name="password" />
</flux:field>

View File

@ -3,7 +3,7 @@
<div>
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
@can ('create brand')
@can('create brand')
<div>
<flux:modal.trigger name="form-modal">
<flux:button variant="primary" class="text-sm"
@ -25,7 +25,7 @@
<flux:field>
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan nama merek" wire:model.live.debounce.500ms="form.name" autofocus
<flux:input placeholder="Yves Saint Laurent / YSL" wire:model.live.debounce.500ms="form.name" autofocus
autocomplete="off" />
<flux:error name="form.name" />
</flux:field>

View File

@ -3,7 +3,7 @@
<div>
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
@can ('create category')
@can('create category')
<div>
<flux:modal.trigger name="form-modal">
<flux:button variant="primary" class="text-sm"
@ -25,12 +25,13 @@
<flux:field>
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan nama kategori" wire:model.live.debounce.500ms="form.name" autofocus
<flux:input placeholder="Aromaterapi" wire:model.live.debounce.500ms="form.name" autofocus
autocomplete="off" />
<flux:error name="form.name" />
</flux:field>
<flux:editor label="Keterangan" wire:model="form.description" placeholder="Masukkan keterangan"
<flux:editor label="Keterangan" wire:model="form.description"
placeholder="Aromaterapi merupakan wewangian yang dapat membantu meredakan stress dan meredakan perasaan sakit kepala."
auotocomplete="off" class="**:data-[slot=content]:min-h-[100px]!" />
<div class="flex">

View File

@ -20,14 +20,14 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<flux:field>
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Contoh: Blue Emotion"
<flux:input placeholder="Blue Emotion"
wire:model.live.debounce.500ms="form.name" autofocus autocomplete="off" />
<flux:error name="form.name" />
</flux:field>
<flux:field>
<flux:label>SKU <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Contoh: 001" wire:model.live.debounce.500ms="form.sku"
<flux:input placeholder="001" wire:model.live.debounce.500ms="form.sku"
autocomplete="off" copyable />
<flux:error name="form.sku" />
</flux:field>
@ -47,8 +47,7 @@
</flux:label>
<flux:input.group>
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input placeholder="Masukkan harga beli"
x-mask:dynamic="$money($input, ',')"
<flux:input placeholder="xxx" x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.cost_price"
autocomplete="off" />
</flux:input.group>
@ -60,8 +59,7 @@
</flux:label>
<flux:input.group>
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input placeholder="Masukkan harga jual"
x-mask:dynamic="$money($input, ',')"
<flux:input placeholder="xxx" x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.sale_price"
autocomplete="off" />
</flux:input.group>
@ -71,17 +69,17 @@
</div>
<div class="md:col-span-2">
<flux:input label="Base Notes" placeholder="Contoh : A, B, C"
<flux:input label="Base Notes" placeholder="A, B, C"
wire:model.live.debounce.500ms="form.base_notes" autocomplete="off" />
</div>
<div class="md:col-span-2">
<flux:input label="Middle Notes" placeholder="Contoh : A, B, C"
<flux:input label="Middle Notes" placeholder="A, B, C"
wire:model.live.debounce.500ms="form.middle_notes" autocomplete="off" />
</div>
<div class="md:col-span-2">
<flux:input label="Top Notes" placeholder="Contoh : A, B, C"
<flux:input label="Top Notes" placeholder="A, B, C"
wire:model.live.debounce.500ms="form.top_notes" autocomplete="off" />
</div>

View File

@ -36,7 +36,7 @@
</flux:label>
<flux:input.group>
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input placeholder="Masukkan jumlah" x-mask:dynamic="$money($input, ',')"
<flux:input placeholder="120.000" x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.amount" autocomplete="off" />
</flux:input.group>
<flux:error name="form.amount" />

View File

@ -3,7 +3,7 @@
<div>
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
@can ('manage adjustment')
@can('manage adjustment')
<div>
<flux:modal.trigger name="form-modal">
<flux:button variant="primary" class="text-sm"
@ -120,7 +120,7 @@ class="font-bold {{ $item->type->value == \App\Enums\SalaryAdjustmentType::DEDUC
</flux:label>
<flux:input.group>
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input placeholder="Masukkan jumlah" x-mask:dynamic="$money($input, ',')"
<flux:input placeholder="1.500.000" x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.amount" autocomplete="off" autofocus />
</flux:input.group>
<flux:error name="form.amount" />
@ -128,8 +128,8 @@ class="font-bold {{ $item->type->value == \App\Enums\SalaryAdjustmentType::DEDUC
<flux:field>
<flux:label>Keterangan <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan keterangan" wire:model.live.debounce.500ms="form.description"
autocomplete="off" />
<flux:input placeholder="Gajian bulan xxx + bonus ya, semangat kerjanya"
wire:model.live.debounce.500ms="form.description" autocomplete="off" />
<flux:error name="form.description" />
</flux:field>

View File

@ -3,7 +3,7 @@
<div>
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
@can ('create customer')
@can('create customer')
<div>
<flux:modal.trigger name="form-modal">
<flux:button variant="primary" class="text-sm"
@ -25,12 +25,12 @@
<flux:field>
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan nama customer" wire:model.live.debounce.500ms="form.name" autofocus
<flux:input placeholder="Yoga Pangestu" wire:model.live.debounce.500ms="form.name" autofocus
autocomplete="off" />
<flux:error name="form.name" />
</flux:field>
<flux:input label="Nomor Telepon" placeholder="Masukkan nomor telepon" mask="9999 9999 99999"
<flux:input label="Nomor Telepon" placeholder="0821 xxxx xxxx" mask="9999 9999 99999"
wire:model.live.debounce.500ms="form.phone_number" autocomplete="off" />
<flux:field>

View File

@ -109,22 +109,22 @@ class="mt-2 bg-white dark:bg-gray-800 rounded-lg shadow p-4 text-gray-700 dark:t
<flux:field>
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan nama tier" wire:model.live.debounce.500ms="form.name" autofocus
<flux:input placeholder="Legenda" wire:model.live.debounce.500ms="form.name" autofocus
autocomplete="off" />
<flux:error name="form.name" />
</flux:field>
<flux:field>
<flux:label>Min. Poin <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan minimal poin" wire:model.live.debounce.500ms="form.min_points"
autocomplete="off" x-mask:dynamic="$money($input, ',')" />
<flux:input placeholder="101" wire:model.live.debounce.500ms="form.min_points" autocomplete="off"
x-mask:dynamic="$money($input, ',')" />
<flux:error name="form.min_points" />
</flux:field>
<flux:field>
<flux:label>Maks. Poin </flux:label>
<flux:input placeholder="Masukkan maksimal poin" wire:model.live.debounce.500ms="form.max_points"
autocomplete="off" x-mask:dynamic="$money($input, ',')" />
<flux:input placeholder="499" wire:model.live.debounce.500ms="form.max_points" autocomplete="off"
x-mask:dynamic="$money($input, ',')" />
<flux:error name="form.max_points" />
</flux:field>

View File

@ -20,15 +20,15 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<flux:field>
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan nama voucher"
<flux:input placeholder="SELAMAT DATANG"
wire:model.live.debounce.500ms="form.name" autofocus autocomplete="off" />
<flux:error name="form.name" />
</flux:field>
<flux:field>
<flux:label>Kode <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan kode voucher"
wire:model.live.debounce.500ms="form.code" autocomplete="off" copyable
<flux:input placeholder="WELCOME" wire:model.live.debounce.500ms="form.code"
autocomplete="off" copyable
oninput="this.value = this.value.toUpperCase()" />
<flux:error name="form.code" />
</flux:field>
@ -39,7 +39,7 @@
<flux:label>Min. Belanja</flux:label>
<flux:input.group>
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input placeholder="Masukkan minimal belanja"
<flux:input placeholder="10.000"
x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.min_purchase"
autocomplete="off" />
@ -47,12 +47,11 @@
<flux:error name="form.min_purchase" />
</flux:field>
<flux:input label="Kuota" placeholder="Masukkan kuota"
<flux:input label="Kuota" placeholder="1"
wire:model.live.debounce.500ms="form.quota"
x-mask:dynamic="$money($input, ',')" autocomplete="off" />
<flux:input label="Batas Per Customer"
placeholder="Masukkan batas per customer"
<flux:input label="Batas Per Customer" placeholder="1"
wire:model.live.debounce.500ms="form.limit_per_user"
x-mask:dynamic="$money($input, ',')" autocomplete="off" />
</div>
@ -61,18 +60,18 @@
<flux:field>
<flux:label>Tanggal Mulai <span class="text-red-500 ms-1">*</span></flux:label>
<flux:date-picker with-today wire:model.live.debounce.500ms="form.start_date"
autocomplete="off" locale="id-ID" />
placeholder="Pilih Tanggal" autocomplete="off" locale="id-ID" />
<flux:error name="form.start_date" />
</flux:field>
<flux:date-picker with-today label="Tanggal Selesai"
wire:model.live.debounce.500ms="form.end_date" autocomplete="off"
locale="id-ID" />
wire:model.live.debounce.500ms="form.end_date" placeholder="Pilih Tanggal"
autocomplete="off" locale="id-ID" />
<div class="md:col-span-2">
<flux:editor label="Syarat dan Ketentuan"
wire:model.live.debounce.500ms="form.terms_conditions"
placeholder="Masukkan syarat dan ketentuan" auotocomplete="off"
placeholder="1.Harus berlaku hanya untuk ....." auotocomplete="off"
class="**:data-[slot=content]:min-h-[100px]!" />
<flux:error name="form.terms_conditions" />
</div>
@ -101,12 +100,11 @@ class="**:data-[slot=content]:min-h-[100px]!" />
<flux:input.group>
@if ($form->type == \App\Enums\VoucherType::FIXED->value)
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input placeholder="Masukkan jumlah diskon"
x-mask:dynamic="$money($input, ',')"
<flux:input placeholder="10.000" x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.discount_amount" autocomplete="off" />
@else
<flux:input placeholder="Masukkan jumlah diskon"
wire:model.live.debounce.500ms="form.discount_amount" autocomplete="off" />
<flux:input placeholder="5" wire:model.live.debounce.500ms="form.discount_amount"
autocomplete="off" />
<flux:input.group.suffix>%</flux:input.group.suffix>
@endif
</flux:input.group>
@ -118,7 +116,7 @@ class="**:data-[slot=content]:min-h-[100px]!" />
<flux:label>Maks. Diskon <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input.group>
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input placeholder="Masukkan maksimal diskon"
<flux:input placeholder="10.000"
x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.max_discount" autocomplete="off" />
</flux:input.group>

View File

@ -17,21 +17,21 @@
<flux:card class="space-y-6 p-6">
<flux:field>
<flux:label>Judul <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Contoh: Tips Memilih Parfum"
wire:model.live.debounce.500ms="form.title" autofocus autocomplete="off" />
<flux:input placeholder="Tips Memilih Parfum" wire:model.live.debounce.500ms="form.title"
autofocus autocomplete="off" />
<flux:error name="form.title" />
</flux:field>
<flux:field>
<flux:label>Cuplikasn <span class="text-red-500 ms-1">*</span></flux:label>
<flux:editor wire:model="form.excerpt" placeholder="Masukan inti artikel yang menarik"
<flux:editor wire:model="form.excerpt" placeholder="Masukkan inti artikel yang menarik"
auotocomplete="off" class="**:data-[slot=content]:min-h-[100px]!" />
<flux:error name="form.excerpt" />
</flux:field>
<flux:field>
<flux:label>Konten <span class="text-red-500 ms-1">*</span></flux:label>
<flux:editor wire:model="form.content" placeholder="Masukan konten artikel"
<flux:editor wire:model="form.content" placeholder="Masukkan konten artikel"
auotocomplete="off" class="**:data-[slot=content]:min-h-[100px]!" />
<flux:error name="form.content" />
</flux:field>

View File

@ -259,7 +259,7 @@ class="text-xs text-gray-400">{{ currency($item->quantity, '') }}
</flux:description>
<flux:input.group>
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input placeholder="Masukkan diskon" x-mask:dynamic="$money($input, ',')"
<flux:input placeholder="10.000" x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.discount" autocomplete="off" />
</flux:input.group>
</flux:field>

View File

@ -15,10 +15,10 @@
<div class="w-full lg:w-3/4 space-y-4">
<flux:card class="space-y-6 p-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<flux:input label="Nomor Invoice" placeholder="Masukkan nomor invoice"
<flux:input label="Nomor Invoice" placeholder="INV-2025-0001"
wire:model.live.debounce.500ms="form.invoice_number" autofocus autocomplete="off" />
<flux:input label="Catatan" placeholder="Masukkan catatan"
<flux:input label="Catatan" placeholder="Belanja pas hujan"
wire:model.live.debounce.500ms="form.note" autocomplete="off" />
</div>
@ -26,7 +26,7 @@
<flux:field>
<flux:label>Tanggal Belanja <span class="text-red-500 ms-1">*</span></flux:label>
<flux:date-picker with-today wire:model.live.debounce.500ms="form.purchase_date"
autocomplete="off" locale="id-ID" selectable-header />
placeholder="Pilih Tanggal" autocomplete="off" locale="id-ID" selectable-header />
<flux:error name="form.purchase_date" />
</flux:field>
@ -34,7 +34,7 @@
<flux:label>Total <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input.group>
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input placeholder="Masukkan total" x-mask:dynamic="$money($input, ',')"
<flux:input placeholder="1.000.000" x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.total" autocomplete="off" />
</flux:input.group>
<flux:error name="form.total" />
@ -62,9 +62,8 @@
<flux:select.option value="{{ $key }}">{{ $perfume }}</flux:select.option>
@endforeach
</flux:select>
<flux:input label="Kuantitas" placeholder="Masukkan kuantitas parfum"
wire:model.live="form.quantity_perfume" autocomplete="off"
x-mask:dynamic="$money($input, ',')" />
<flux:input label="Kuantitas" placeholder="500" wire:model.live="form.quantity_perfume"
autocomplete="off" x-mask:dynamic="$money($input, ',')" />
<div class="flex justify-end">
<flux:button variant="primary" color="zinc" wire:click="addItem('parfum')">
@ -80,9 +79,8 @@
<flux:select.option value="{{ $key }}">{{ $product }}</flux:select.option>
@endforeach
</flux:select>
<flux:input label="Kuantitas" placeholder="Masukkan kuantitas produk"
wire:model.live="form.quantity_product" autocomplete="off"
x-mask:dynamic="$money($input, ',')" />
<flux:input label="Kuantitas" placeholder="10" wire:model.live="form.quantity_product"
autocomplete="off" x-mask:dynamic="$money($input, ',')" />
<div class="flex justify-end">
<flux:button variant="primary" color="zinc" wire:click="addItem('produk')">
@ -98,7 +96,7 @@
<flux:select.option value="{{ $key }}">{{ $bottle }}</flux:select.option>
@endforeach
</flux:select>
<flux:input label="Kuantitas" placeholder="Masukkan kuantitas botol"
<flux:input label="Kuantitas" placeholder="50"
wire:model.live="form.quantity_bottle" autocomplete="off"
x-mask:dynamic="$money($input, ',')" />

View File

@ -86,7 +86,7 @@
<flux:field>
<flux:label>Volume <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input.group>
<flux:input placeholder="Masukkan volume" x-mask:dynamic="$money($input, ',')"
<flux:input placeholder="20" x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.volume" autocomplete="off" />
<flux:input.group.suffix>ml</flux:input.group.suffix>
</flux:input.group>

View File

@ -22,8 +22,8 @@
<flux:label>Nama
<span class="text-red-500 ms-1">*</span>
</flux:label>
<flux:input placeholder="Masukkan nama outlet"
wire:model.live.debounce.500ms="form.name" autofocus autocomplete="off" />
<flux:input placeholder="Toko 1" wire:model.live.debounce.500ms="form.name"
autofocus autocomplete="off" />
<flux:error name="form.name" />
</flux:field>
@ -31,7 +31,7 @@
<flux:label>Nomor Telepon
<span class="text-red-500 ms-1">*</span>
</flux:label>
<flux:input placeholder="Masukkan nomor telepon" mask="9999 9999 99999"
<flux:input placeholder="0821 xxxx xxxx" mask="9999 9999 99999"
wire:model.live.debounce.500ms="form.phone_number" autocomplete="off" />
<flux:error name="form.phone_number" />
</flux:field>
@ -42,7 +42,8 @@
<span class="text-red-500 ms-1">*</span>
</flux:label>
<flux:textarea placeholder="Masukkan alamat lengkap"
<flux:textarea
placeholder="Jl. Taman Pahlawan No.41, Nagri Kaler, Kec. Purwakarta, Kabupaten Purwakarta, Jawa Barat 41119"
wire:model.live.debounce.500ms="form.address" autocomplete="off"
rows="2" />
<flux:error name="form.address" />
@ -54,12 +55,13 @@
<span class="text-red-500 ms-1">*</span>
</flux:label>
<flux:input placeholder="Masukkan patokan"
<flux:input placeholder="Samping Gacoan"
wire:model.live.debounce.500ms="form.landmark" autocomplete="off" />
<flux:error name="form.landmark" />
</flux:field>
<flux:input label="Titik Maps" placeholder="Masukkan titik maps"
<flux:input label="Titik Maps"
placeholder="https://maps.app.goo.gl/n1u88DfvpuNJmfCJ7"
wire:model.live.debounce.500ms="form.maps_url" autocomplete="off" />
<flux:field>
@ -68,7 +70,7 @@
</flux:label>
<flux:date-picker with-today wire:model.live.debounce.500ms="form.opened_date"
autocomplete="off" locale="id-ID" />
placeholder="Pilih Tanggal" autocomplete="off" locale="id-ID" />
<flux:error name="form.opened_date" />
</flux:field>
@ -163,7 +165,7 @@ class="mt-3 text-sm font-medium text-red-500 dark:text-red-400">
@foreach ($form->facilities as $index => $facility)
<div class="flex gap-2 items-center">
<flux:input wire:model.live.debounce.500ms="form.facilities.{{ $index }}"
placeholder="Masukkan fasilitas" class="flex-1" autocomplete="off" />
placeholder="Parkir" class="flex-1" autocomplete="off" />
@if ($index != 0)
<flux:button variant="danger" icon="trash"
wire:click="removeFacility({{ $index }})"

View File

@ -22,7 +22,7 @@
<flux:field>
<flux:label>Nama Lengkap <span class="text-red-500 ms-1">*</span>
</flux:label>
<flux:input placeholder="Masukkan nama lengkap"
<flux:input placeholder="Yoga Pangestu"
wire:model.live.debounce.500ms="form.full_name" autofocus
autocomplete="off" />
<flux:error name="form.full_name" />
@ -31,21 +31,21 @@
<flux:field>
<flux:label>Nama Pengguna <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan nama pengguna"
<flux:input placeholder="pangestu"
wire:model.live.debounce.500ms="form.username" autocomplete="off" />
<flux:error name="form.username" />
</flux:field>
<flux:field>
<flux:label>Email <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan email"
<flux:input placeholder="info.pangestuyoga@gmail.com"
wire:model.live.debounce.500ms="form.email" autocomplete="off" />
<flux:error name="form.email" />
</flux:field>
<flux:field>
<flux:label>Nomor Telepon <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan nomor telepon" mask="9999 9999 99999"
<flux:input placeholder="0821 xxxx xxxx" mask="9999 9999 99999"
wire:model.live.debounce.500ms="form.phone_number" autocomplete="off" />
<flux:error name="form.phone_number" />
</flux:field>
@ -54,8 +54,7 @@
<flux:label>Gaji Pokok <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input.group>
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input placeholder="Masukkan gaji pokok"
x-mask:dynamic="$money($input, ',')"
<flux:input placeholder="1.500.000" x-mask:dynamic="$money($input, ',')"
wire:model.live.debounce.500ms="form.base_salary" autocomplete="off" />
</flux:input.group>
<flux:error name="form.base_salary" />
@ -79,7 +78,8 @@
<div class="md:col-span-2">
<flux:field>
<flux:label>Alamat <span class="text-red-500 ms-1">*</span></flux:label>
<flux:textarea placeholder="Masukkan alamat lengkap"
<flux:textarea
placeholder="Jl. Taman Pahlawan No.41, Nagri Kaler, Kec. Purwakarta, Kabupaten Purwakarta, Jawa Barat 41119"
wire:model.live.debounce.500ms="form.address" autocomplete="off"
rows="2" />
<flux:error name="form.address" />

View File

@ -8,15 +8,15 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<flux:field>
<flux:label>Nama Pengguna <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan nama pengguna"
wire:model.live.debounce.500ms="form.username" autocomplete="off" />
<flux:input placeholder="pangestu" wire:model.live.debounce.500ms="form.username"
autocomplete="off" />
<flux:error name="form.username" />
</flux:field>
<flux:field>
<flux:label>Email <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan email" wire:model.live.debounce.500ms="form.email"
autocomplete="off" />
<flux:input placeholder="info.pangestuyoga@gmail.com"
wire:model.live.debounce.500ms="form.email" autocomplete="off" />
<flux:error name="form.email" />
</flux:field>
@ -30,7 +30,7 @@
</div>
</div>
@can ('update account')
@can('update account')
<div class="flex justify-start mt-4">
<flux:button variant="primary" class="sm:w-auto cursor-pointer" wire:click="update">
Simpan

View File

@ -11,15 +11,14 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<flux:field>
<flux:label>Nama Situs <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Contoh: Yadi Parfum" wire:model.live.debounce.500ms="generalForm.site_name"
<flux:input placeholder="Yadi Parfum" wire:model.live.debounce.500ms="generalForm.site_name"
autocomplete="off" />
<flux:error name="generalForm.site_name" />
</flux:field>
<flux:field>
<flux:label>Tagline <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Contoh: Premium Refill & Fragrance Store"
wire:model.live.debounce.500ms="generalForm.site_tagline" />
<flux:input placeholder="Seungit Pisan" wire:model.live.debounce.500ms="generalForm.site_tagline" />
</flux:field>
</div>
@ -56,24 +55,24 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<flux:field>
<flux:label>Nomor Telepon <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Contoh: 0821 xxxx xxxx" mask="9999 9999 99999"
<flux:input placeholder="0821 xxxx xxxx" mask="9999 9999 99999"
wire:model.live.debounce.500ms="contactForm.phone_number" autocomplete="off" />
<flux:error name="contactForm.phone_number" />
</flux:field>
<flux:input label="Email" placeholder="Contoh: yadiparfum@.com"
<flux:input label="Email" placeholder="yadiparfum@.com"
wire:model.live.debounce.500ms="contactForm.email" autocomplete="off" />
</div>
<flux:field>
<flux:label>Alamat <span class="text-red-500 ms-1">*</span></flux:label>
<flux:textarea rows="3" wire:model.live.debounce.500ms="contactForm.address"
placeholder="Contoh: Jl. Taman Pahlawan No.41, Nagri Kaler, Kec. Purwakarta, Kabupaten Purwakarta, Jawa Barat 41119" />
placeholder="Jl. Taman Pahlawan No.41, Nagri Kaler, Kec. Purwakarta, Kabupaten Purwakarta, Jawa Barat 41119" />
<flux:error name="contactForm.address" />
</flux:field>
<flux:textarea label="Embed Map" rows="3" wire:model.live.debounce.500ms="contactForm.map_embed"
placeholder="Tempelkan kode embed Google Maps di sini" />
placeholder="https://maps.app.goo.gl/n1u88DfvpuNJmfCJ7" />
@can('update contact settings')
<flux:button variant="primary" wire:click="updateContact">

View File

@ -8,21 +8,21 @@
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<flux:field>
<flux:label>Kata Sandi Saat Ini <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan kata sandi saat ini" type="password"
<flux:input placeholder="********" type="password"
wire:model.live.debounce.500ms="form.current_password" viewable />
<flux:error name="form.current_password" />
</flux:field>
<flux:field>
<flux:label>Kata Sandi Baru <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan kata sandi baru" type="password"
<flux:input placeholder="********" type="password"
wire:model.live.debounce.500ms="form.new_password" viewable />
<flux:error name="form.new_password" />
</flux:field>
<flux:field>
<flux:label>Konfirmasi Kata Sandi <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan konfirmasi kata sandi" type="password"
<flux:input placeholder="********" type="password"
wire:model.live.debounce.500ms="form.new_confirm_password" viewable />
<flux:error name="form.new_confirm_password" />
</flux:field>
@ -32,7 +32,7 @@
</div>
</div>
@can ('update password')
@can('update password')
<div class="flex justify-start mt-4">
<flux:button variant="primary" class="sm:w-auto cursor-pointer" wire:click="update">
Simpan

View File

@ -12,7 +12,7 @@
<flux:field>
<flux:label>Nama Lengkap <span class="text-red-500 ms-1">*</span>
</flux:label>
<flux:input placeholder="Masukkan nama lengkap"
<flux:input placeholder="Yoga Pangestu"
wire:model.live.debounce.500ms="form.full_name" autofocus
autocomplete="off" />
<flux:error name="form.full_name" />
@ -21,7 +21,7 @@
<flux:field>
<flux:label>Nomor Telepon <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input placeholder="Masukkan nomor telepon" mask="9999 9999 99999"
<flux:input placeholder="0821 xxxx xxxx" mask="9999 9999 99999"
wire:model.live.debounce.500ms="form.phone_number" autocomplete="off" />
<flux:error name="form.phone_number" />
</flux:field>
@ -30,7 +30,7 @@
<flux:label>Gaji Pokok</flux:label>
<flux:input.group>
<flux:input.group.prefix>Rp</flux:input.group.prefix>
<flux:input wire:model="form.base_salary" readonly />
<flux:input wire:model="form.base_salary" readonly placeholder="1.500.000" />
</flux:input.group>
<flux:error name="form.base_salary" />
</flux:field>
@ -38,7 +38,8 @@
<flux:field>
<flux:label>Tanggal Lahir <span class="text-red-500 ms-1">*</span></flux:label>
<flux:date-picker with-today wire:model.live.debounce.500ms="form.birthdate"
autocomplete="off" locale="id-ID" selectable-header />
placeholder="Pilih Tanggal" autocomplete="off" locale="id-ID"
selectable-header />
<flux:error name="form.birthdate" />
</flux:field>
@ -47,7 +48,8 @@
<div class="md:col-span-2">
<flux:field>
<flux:label>Alamat <span class="text-red-500 ms-1">*</span></flux:label>
<flux:textarea placeholder="Masukkan alamat lengkap"
<flux:textarea
placeholder="Jl. Taman Pahlawan No.41, Nagri Kaler, Kec. Purwakarta, Kabupaten Purwakarta, Jawa Barat 41119"
wire:model.live.debounce.500ms="form.address" autocomplete="off"
rows="2" />
<flux:error name="form.address" />
@ -81,7 +83,7 @@
</div>
</div>
@can ('update profile')
@can('update profile')
<div class="flex justify-start mt-4">
<flux:button variant="primary" class="sm:w-auto cursor-pointer" wire:click="update">
Simpan