refactor(form): menyesuaikan placeholdernya menjadi contoh data
This commit is contained in:
parent
729e0fb852
commit
08eb7e3076
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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" />
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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, ',')" />
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 }})"
|
||||
|
||||
@ -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" />
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user