refactor: Remove debounce from Livewire wire:model bindings for immediate input updates.
This commit is contained in:
Yoga Pangestu
parent
d2f101d49a
commit
f74e46bcb3
@ -20,15 +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="Le Labo" wire:model.live.debounce.500ms="form.name"
|
||||
autofocus autocomplete="off" />
|
||||
<flux:input placeholder="Le Labo" wire:model="form.name" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.name" />
|
||||
</flux:field>
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Ukuran <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="35" wire:model.live.debounce.500ms="form.size"
|
||||
autocomplete="off" />
|
||||
<flux:input placeholder="35" wire:model="form.size" autocomplete="off" />
|
||||
<flux:error name="form.size" />
|
||||
</flux:field>
|
||||
|
||||
@ -38,8 +37,7 @@
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="Masukkan harga beli"
|
||||
x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.cost_price"
|
||||
x-mask:dynamic="$money($input, ',')" wire:model="form.cost_price"
|
||||
autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.cost_price" />
|
||||
@ -52,8 +50,8 @@ class="col-span-{{ auth()->user()->hasRole(['Developer', 'Owner'])? '1': '2' }}"
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="Masukkan harga jual"
|
||||
x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.sale_price" autocomplete="off" />
|
||||
x-mask:dynamic="$money($input, ',')" wire:model="form.sale_price"
|
||||
autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.sale_price" />
|
||||
</flux:field>
|
||||
@ -74,7 +72,7 @@ class="col-span-{{ auth()->user()->hasRole(['Developer', 'Owner'])? '1': '2' }}"
|
||||
<flux:field>
|
||||
<flux:label>Outlet <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" multiple searchable placeholder="Pilih Outlet"
|
||||
wire:model.live.debounce.500ms="form.outlet_ids">
|
||||
wire:model="form.outlet_ids">
|
||||
<flux:select.option wire:click="selectAllOutlets" wire:ignore>Pilih Semua
|
||||
</flux:select.option>
|
||||
<flux:select.option wire:click="deselectAllOutlets" wire:ignore>Hapus Semua
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="Yves Saint Laurent / YSL" wire:model.live.debounce.500ms="form.name" autofocus
|
||||
<flux:input placeholder="Yves Saint Laurent / YSL" wire:model="form.name" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.name" />
|
||||
</flux:field>
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="Aromaterapi" wire:model.live.debounce.500ms="form.name" autofocus
|
||||
<flux:input placeholder="Aromaterapi" wire:model="form.name" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.name" />
|
||||
</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="Blue Emotion"
|
||||
wire:model.live.debounce.500ms="form.name" autofocus autocomplete="off" />
|
||||
<flux:input placeholder="Blue Emotion" wire:model="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="001" wire:model.live.debounce.500ms="form.sku"
|
||||
autocomplete="off" copyable />
|
||||
<flux:input placeholder="001" wire:model="form.sku" autocomplete="off"
|
||||
copyable />
|
||||
<flux:error name="form.sku" />
|
||||
</flux:field>
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
<div
|
||||
class="grid grid-cols-1 md:grid-cols-{{ auth()->user()->hasRole(['Developer', 'Owner'])? '3': '2' }} gap-6">
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Merek"
|
||||
label="Merek" wire:model.live.debounce.500ms="form.brand_id">
|
||||
label="Merek" wire:model="form.brand_id">
|
||||
@foreach ($brands as $key => $value)
|
||||
<flux:select.option value="{{ $key }}">{{ $value }}
|
||||
</flux:select.option>
|
||||
@ -51,8 +51,7 @@ class="grid grid-cols-1 md:grid-cols-{{ auth()->user()->hasRole(['Developer', 'O
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="xxx"
|
||||
x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.cost_price"
|
||||
autocomplete="off" />
|
||||
wire:model="form.cost_price" autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.cost_price" />
|
||||
</flux:field>
|
||||
@ -64,8 +63,7 @@ class="grid grid-cols-1 md:grid-cols-{{ auth()->user()->hasRole(['Developer', 'O
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="xxx" x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.sale_price"
|
||||
autocomplete="off" />
|
||||
wire:model="form.sale_price" autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.sale_price" />
|
||||
</flux:field>
|
||||
@ -74,17 +72,17 @@ class="grid grid-cols-1 md:grid-cols-{{ auth()->user()->hasRole(['Developer', 'O
|
||||
|
||||
<div class="md:col-span-2">
|
||||
<flux:input label="Base Notes" placeholder="A, B, C"
|
||||
wire:model.live.debounce.500ms="form.base_notes" autocomplete="off" />
|
||||
wire:model="form.base_notes" autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<div class="md:col-span-2">
|
||||
<flux:input label="Middle Notes" placeholder="A, B, C"
|
||||
wire:model.live.debounce.500ms="form.middle_notes" autocomplete="off" />
|
||||
wire:model="form.middle_notes" autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<div class="md:col-span-2">
|
||||
<flux:input label="Top Notes" placeholder="A, B, C"
|
||||
wire:model.live.debounce.500ms="form.top_notes" autocomplete="off" />
|
||||
<flux:input label="Top Notes" placeholder="A, B, C" wire:model="form.top_notes"
|
||||
autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<div class="md:col-span-2">
|
||||
@ -102,8 +100,7 @@ class="grid grid-cols-1 md:grid-cols-{{ auth()->user()->hasRole(['Developer', 'O
|
||||
<flux:card class="space-y-2 p-6">
|
||||
<flux:field>
|
||||
<flux:label>Concentration <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:radio.group wire:model.live="form.concentration" variant="buttons"
|
||||
class="w-full *:flex-1">
|
||||
<flux:radio.group wire:model="form.concentration" variant="buttons" class="w-full *:flex-1">
|
||||
@foreach (\App\Enums\Concentration::cases() as $item)
|
||||
<flux:radio value="{{ $item->value }}">{{ $item->label() }}</flux:radio>
|
||||
@endforeach
|
||||
@ -116,7 +113,7 @@ class="w-full *:flex-1">
|
||||
<flux:field>
|
||||
<flux:label>Kategori <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" multiple searchable placeholder="Pilih kategori"
|
||||
wire:model.live.debounce.500ms="form.category_ids">
|
||||
wire:model="form.category_ids">
|
||||
<flux:select.option wire:click="selectAllCategories" wire:ignore>Pilih Semua
|
||||
</flux:select.option>
|
||||
<flux:select.option wire:click="deselectAllCategories" wire:ignore>Hapus Semua
|
||||
@ -134,7 +131,7 @@ class="w-full *:flex-1">
|
||||
<flux:field>
|
||||
<flux:label>Outlet <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" multiple searchable placeholder="Pilih Outlet"
|
||||
wire:model.live.debounce.500ms="form.outlet_ids">
|
||||
wire:model="form.outlet_ids">
|
||||
<flux:select.option wire:click="selectAllOutlets" wire:ignore>Pilih Semua
|
||||
</flux:select.option>
|
||||
<flux:select.option wire:click="deselectAllOutlets" wire:ignore>Hapus Semua
|
||||
|
||||
@ -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="Air Zam Zam" wire:model.live.debounce.500ms="form.name"
|
||||
autofocus autocomplete="off" />
|
||||
<flux:input placeholder="Air Zam Zam" wire:model="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="001" wire:model.live.debounce.500ms="form.sku"
|
||||
autocomplete="off" copyable />
|
||||
<flux:input placeholder="001" wire:model="form.sku" autocomplete="off"
|
||||
copyable />
|
||||
<flux:error name="form.sku" />
|
||||
</flux:field>
|
||||
|
||||
@ -38,8 +38,7 @@
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="Masukkan harga beli"
|
||||
x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.cost_price"
|
||||
x-mask:dynamic="$money($input, ',')" wire:model="form.cost_price"
|
||||
autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.cost_price" />
|
||||
@ -52,8 +51,8 @@ class="col-span-{{ auth()->user()->hasRole(['Developer', 'Owner'])? '1': '2' }}"
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="Masukkan harga jual"
|
||||
x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.sale_price" autocomplete="off" />
|
||||
x-mask:dynamic="$money($input, ',')" wire:model="form.sale_price"
|
||||
autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.sale_price" />
|
||||
</flux:field>
|
||||
@ -74,7 +73,7 @@ class="col-span-{{ auth()->user()->hasRole(['Developer', 'Owner'])? '1': '2' }}"
|
||||
<flux:field>
|
||||
<flux:label>Outlet <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" multiple searchable placeholder="Pilih Outlet"
|
||||
wire:model.live.debounce.500ms="form.outlet_ids">
|
||||
wire:model="form.outlet_ids">
|
||||
<flux:select.option wire:click="selectAllOutlets" wire:ignore>Pilih Semua
|
||||
</flux:select.option>
|
||||
<flux:select.option wire:click="deselectAllOutlets" wire:ignore>Hapus Semua
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="200+ Aroma" wire:model.live.debounce.500ms="form.name" autofocus
|
||||
<flux:input placeholder="200+ Aroma" wire:model="form.name" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.name" />
|
||||
</flux:field>
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="Tahan Lama" wire:model.live.debounce.500ms="form.name" autofocus
|
||||
<flux:input placeholder="Tahan Lama" wire:model="form.name" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.name" />
|
||||
</flux:field>
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Keterangan <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="Beli kuota" wire:model.live.debounce.500ms="form.description" autofocus
|
||||
<flux:input placeholder="Beli kuota" wire:model="form.description" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.description" />
|
||||
</flux:field>
|
||||
@ -44,7 +44,7 @@
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="120.000" x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.amount" autocomplete="off" />
|
||||
wire:model="form.amount" autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.amount" />
|
||||
</flux:field>
|
||||
@ -53,7 +53,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Outlet <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Outlet"
|
||||
wire:model.live.debounce.500ms="form.outlet_id">
|
||||
wire:model="form.outlet_id">
|
||||
@foreach ($outlets as $key => $value)
|
||||
<flux:select.option value="{{ $key }}">{{ $value }}
|
||||
</flux:select.option>
|
||||
|
||||
@ -103,7 +103,7 @@ class="font-bold {{ $item->type->value == \App\Enums\SalaryAdjustmentType::DEDUC
|
||||
<flux:field>
|
||||
<flux:label>Pegawai <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" multiple searchable placeholder="Pilih Pegawai"
|
||||
wire:model.live.debounce.500ms="form.user_ids">
|
||||
wire:model="form.user_ids">
|
||||
<flux:select.option wire:click="selectAllUsers" wire:ignore>Pilih Semua
|
||||
</flux:select.option>
|
||||
<flux:select.option wire:click="deselectAllUsers" wire:ignore>Hapus Semua
|
||||
@ -134,7 +134,7 @@ class="font-bold {{ $item->type->value == \App\Enums\SalaryAdjustmentType::DEDUC
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="1.500.000" x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.amount" autocomplete="off" autofocus />
|
||||
wire:model="form.amount" autocomplete="off" autofocus />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.amount" />
|
||||
</flux:field>
|
||||
@ -142,7 +142,7 @@ 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="Gajian bulan xxx + bonus ya, semangat kerjanya"
|
||||
wire:model.live.debounce.500ms="form.description" autocomplete="off" />
|
||||
wire:model="form.description" autocomplete="off" />
|
||||
<flux:error name="form.description" />
|
||||
</flux:field>
|
||||
|
||||
|
||||
@ -34,21 +34,21 @@
|
||||
<flux:field>
|
||||
<flux:label>Judul <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="Yakin nggak mau coba aroma ini? 🌸✨"
|
||||
wire:model.live.debounce.500ms="form.title" autofocus autocomplete="off" />
|
||||
wire:model="form.title" autofocus autocomplete="off" />
|
||||
<flux:error name="form.title" />
|
||||
</flux:field>
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Body <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:textarea placeholder="Coba cek sekarang… siapa tahu cocok banget 😌🍃"
|
||||
wire:model.live.debounce.500ms="form.body" autocomplete="off" rows="2" />
|
||||
wire:model="form.body" autocomplete="off" rows="2" />
|
||||
<flux:error name="form.body" />
|
||||
</flux:field>
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Audiensi <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" multiple searchable placeholder="Pilih Audiensi"
|
||||
wire:model.live.debounce.500ms="form.role_ids">
|
||||
wire:model="form.role_ids">
|
||||
<flux:select.option wire:click="selectAllRoles" wire:ignore>Pilih Semua
|
||||
</flux:select.option>
|
||||
<flux:select.option wire:click="deselectAllRoles" wire:ignore>Hapus Semua
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Pertanyaan <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="Bagaimana Cara Jadi Member?" wire:model.live.debounce.500ms="form.question"
|
||||
<flux:input placeholder="Bagaimana Cara Jadi Member?" wire:model="form.question"
|
||||
autofocus autocomplete="off" />
|
||||
<flux:error name="form.question" />
|
||||
</flux:field>
|
||||
|
||||
@ -43,13 +43,13 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="John Doe" wire:model.live.debounce.500ms="form.name" autofocus
|
||||
<flux:input placeholder="John Doe" wire:model="form.name" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.name" />
|
||||
</flux:field>
|
||||
|
||||
<flux:input label="Nomor Telepon" placeholder="0821 xxxx xxxx" mask="9999 9999 99999"
|
||||
wire:model.live.debounce.500ms="form.phone_number" autocomplete="off" />
|
||||
wire:model="form.phone_number" autocomplete="off" />
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Jenis Kelamin <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
|
||||
@ -174,21 +174,21 @@ 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="Gold" wire:model.live.debounce.500ms="form.name" autofocus
|
||||
<flux:input placeholder="Gold" wire:model="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="100" wire:model.live.debounce.500ms="form.min_points" autocomplete="off"
|
||||
<flux:input placeholder="100" wire:model="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="499" wire:model.live.debounce.500ms="form.max_points" autocomplete="off"
|
||||
<flux:input placeholder="499" wire:model="form.max_points" autocomplete="off"
|
||||
x-mask:dynamic="$money($input, ',')" />
|
||||
<flux:error name="form.max_points" />
|
||||
</flux:field>
|
||||
|
||||
@ -56,7 +56,7 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="Voucher Belanja 20k" wire:model.live.debounce.500ms="form.name" autofocus
|
||||
<flux:input placeholder="Voucher Belanja 20k" wire:model="form.name" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.name" />
|
||||
</flux:field>
|
||||
@ -68,7 +68,7 @@
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="xxx" x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.value" autocomplete="off" />
|
||||
wire:model="form.value" autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.value" />
|
||||
</flux:field>
|
||||
|
||||
@ -20,24 +20,23 @@
|
||||
<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="SELAMAT DATANG"
|
||||
wire:model.live.debounce.500ms="form.name" autofocus autocomplete="off" />
|
||||
<flux:input placeholder="SELAMAT DATANG" wire:model="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="WELCOME" wire:model.live.debounce.500ms="form.code"
|
||||
autocomplete="off" copyable
|
||||
oninput="this.value = this.value.toUpperCase()" />
|
||||
<flux:input placeholder="WELCOME" wire:model="form.code" autocomplete="off"
|
||||
copyable oninput="this.value = this.value.toUpperCase()" />
|
||||
<flux:error name="form.code" />
|
||||
</flux:field>
|
||||
<div class="lg:col-span-2">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<flux:field>
|
||||
<flux:label>Tags <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="Member Baru"
|
||||
wire:model.live.debounce.500ms="form.tags" autocomplete="off" />
|
||||
<flux:input placeholder="Member Baru" wire:model="form.tags"
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.tags" />
|
||||
</flux:field>
|
||||
|
||||
@ -47,19 +46,17 @@
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="10.000"
|
||||
x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.min_purchase"
|
||||
autocomplete="off" />
|
||||
wire:model="form.min_purchase" autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.min_purchase" />
|
||||
</flux:field>
|
||||
|
||||
<flux:input label="Kuota" placeholder="100"
|
||||
wire:model.live.debounce.500ms="form.quota"
|
||||
<flux:input label="Kuota" placeholder="100" wire:model="form.quota"
|
||||
x-mask:dynamic="$money($input, ',')" autocomplete="off" />
|
||||
|
||||
<flux:input label="Batas Per Customer" placeholder="1"
|
||||
wire:model.live.debounce.500ms="form.limit_per_user"
|
||||
x-mask:dynamic="$money($input, ',')" autocomplete="off" />
|
||||
wire:model="form.limit_per_user" x-mask:dynamic="$money($input, ',')"
|
||||
autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -67,22 +64,20 @@
|
||||
<flux:field>
|
||||
<flux:label>Ringkasan <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="Diskon 10% untuk member baru"
|
||||
wire:model.live.debounce.500ms="form.summary" autofocus
|
||||
autocomplete="off" />
|
||||
wire:model="form.summary" autofocus autocomplete="off" />
|
||||
<flux:error name="form.summary" />
|
||||
</flux:field>
|
||||
</div>
|
||||
|
||||
<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"
|
||||
<flux:date-picker with-today wire:model="form.start_date"
|
||||
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" placeholder="Pilih Tanggal"
|
||||
autocomplete="off" locale="id-ID" />
|
||||
<flux:date-picker with-today label="Tanggal Selesai" wire:model="form.end_date"
|
||||
placeholder="Pilih Tanggal" autocomplete="off" locale="id-ID" />
|
||||
</div>
|
||||
</flux:card>
|
||||
</div>
|
||||
@ -93,7 +88,7 @@
|
||||
<flux:card class="space-y-2 p-6">
|
||||
<flux:field>
|
||||
<flux:label>Jumlah Diskon <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:radio.group wire:model.live="form.type" variant="buttons" class="w-full *:flex-1">
|
||||
<flux:radio.group wire:model="form.type" variant="buttons" class="w-full *:flex-1">
|
||||
@foreach (\App\Enums\VoucherType::cases() as $item)
|
||||
<flux:radio value="{{ $item->value }}">
|
||||
{{ $item->label() }}
|
||||
@ -109,10 +104,9 @@
|
||||
@if ($form->type == \App\Enums\VoucherType::FIXED->value)
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="10.000" x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.discount_amount" autocomplete="off" />
|
||||
wire:model="form.discount_amount" autocomplete="off" />
|
||||
@else
|
||||
<flux:input placeholder="5" wire:model.live.debounce.500ms="form.discount_amount"
|
||||
autocomplete="off" />
|
||||
<flux:input placeholder="5" wire:model="form.discount_amount" autocomplete="off" />
|
||||
<flux:input.group.suffix>%</flux:input.group.suffix>
|
||||
@endif
|
||||
</flux:input.group>
|
||||
@ -125,7 +119,7 @@
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="10.000" x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.max_discount" autocomplete="off" />
|
||||
wire:model="form.max_discount" autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.max_discount" />
|
||||
</flux:field>
|
||||
@ -136,7 +130,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Outlet <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" multiple searchable placeholder="Pilih Outlet"
|
||||
wire:model.live.debounce.500ms="form.outlet_ids">
|
||||
wire:model="form.outlet_ids">
|
||||
<flux:select.option wire:click="selectAllOutlets" wire:ignore>Pilih Semua
|
||||
</flux:select.option>
|
||||
<flux:select.option wire:click="deselectAllOutlets" wire:ignore>Hapus Semua
|
||||
|
||||
@ -17,8 +17,8 @@
|
||||
<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="Tips Memilih Parfum" wire:model.live.debounce.500ms="form.title"
|
||||
autofocus autocomplete="off" />
|
||||
<flux:input placeholder="Tips Memilih Parfum" wire:model="form.title" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.title" />
|
||||
</flux:field>
|
||||
|
||||
@ -42,7 +42,7 @@
|
||||
<flux:card class="space-y-6 p-6">
|
||||
<flux:field>
|
||||
<flux:label>Status <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:radio.group wire:model.live="form.status" variant="buttons" class="w-full *:flex-1">
|
||||
<flux:radio.group wire:model="form.status" variant="buttons" class="w-full *:flex-1">
|
||||
@foreach (\App\Enums\ArticleStatus::cases() as $status)
|
||||
<flux:radio value="{{ $status->value }}">
|
||||
{{ $status->label() }}
|
||||
|
||||
@ -15,8 +15,7 @@
|
||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-6">
|
||||
<flux:field>
|
||||
<flux:label>Outlet <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Outlet"
|
||||
wire:model.live.debounce.500ms="form.outlet_id">
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Outlet" wire:model="form.outlet_id">
|
||||
@foreach ($outlets as $key => $value)
|
||||
<flux:select.option value="{{ $key }}">
|
||||
{{ $value }}
|
||||
@ -28,8 +27,7 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Channel <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Channel"
|
||||
wire:model.live.debounce.500ms="form.channel">
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Channel" wire:model="form.channel">
|
||||
@foreach (\App\Enums\OrderChannel::cases() as $channel)
|
||||
<flux:select.option value="{{ $channel->value }}">{{ $channel->label() }}
|
||||
</flux:select.option>
|
||||
@ -42,7 +40,7 @@
|
||||
{{-- <flux:field>
|
||||
<flux:label>Status <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Status"
|
||||
wire:model.live.debounce.500ms="form.status">
|
||||
wire:model="form.status">
|
||||
@foreach (\App\Enums\OrderStatus::cases() as $status)
|
||||
<flux:select.option value="{{ $status->value }}">{{ $status->label() }}
|
||||
</flux:select.option>
|
||||
@ -64,7 +62,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Metode Pembayaran <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Metode Pembayaran"
|
||||
wire:model.live.debounce.500ms="form.payment_method">
|
||||
wire:model="form.payment_method">
|
||||
@foreach (\App\Enums\PaymentMethod::cases() as $paymentMethod)
|
||||
<flux:select.option value="{{ $paymentMethod->value }}">
|
||||
{{ $paymentMethod->label() }}
|
||||
@ -89,7 +87,7 @@
|
||||
<flux:tab.panel name="new">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<flux:select label="Parfum" variant="listbox" searchable
|
||||
placeholder="Cari parfum..." wire:model.live="form.perfume_id">
|
||||
placeholder="Cari parfum..." wire:model="form.perfume_id">
|
||||
@foreach ($perfumes as $key => $perfume)
|
||||
<flux:select.option value="{{ $key }}"
|
||||
wire:key="new-{{ $key }}">
|
||||
@ -99,7 +97,7 @@
|
||||
</flux:select>
|
||||
|
||||
<flux:select label="Botol" variant="listbox" searchable placeholder="Cari botol..."
|
||||
wire:model.live="form.bottle_id">
|
||||
wire:model="form.bottle_id">
|
||||
@foreach ($bottles as $key => $bottle)
|
||||
<flux:select.option value="{{ $key }}"
|
||||
wire:key="new-{{ $key }}">{{ $bottle }}
|
||||
@ -109,7 +107,7 @@
|
||||
|
||||
<div class="col-span-1 md:col-span-2">
|
||||
@if (!empty($qualities))
|
||||
<flux:radio.group label="Kualitas" wire:model.live="form.quality_id"
|
||||
<flux:radio.group label="Kualitas" wire:model="form.quality_id"
|
||||
variant="buttons" class="w-full *:flex-1">
|
||||
@foreach ($qualities as $key => $value)
|
||||
<flux:radio value="{{ $key }}"
|
||||
@ -132,7 +130,7 @@
|
||||
<flux:tab.panel name="refill">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<flux:select label="Parfum" variant="listbox" searchable
|
||||
placeholder="Cari parfum..." wire:model.live="form.perfume_id">
|
||||
placeholder="Cari parfum..." wire:model="form.perfume_id">
|
||||
@foreach ($perfumes as $key => $perfume)
|
||||
<flux:select.option value="{{ $key }}"
|
||||
wire:key="refill-{{ $key }}">
|
||||
@ -145,15 +143,15 @@
|
||||
<flux:label>Ukuran Botol</flux:label>
|
||||
<flux:input.group>
|
||||
<flux:input placeholder="Masukkan ukuran botol"
|
||||
x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.bottle_size" autocomplete="off" />
|
||||
x-mask:dynamic="$money($input, ',')" wire:model="form.bottle_size"
|
||||
autocomplete="off" />
|
||||
<flux:input.group.suffix>ml</flux:input.group.suffix>
|
||||
</flux:input.group>
|
||||
</flux:field>
|
||||
|
||||
<div class="col-span-1 md:col-span-2">
|
||||
@if (!empty($qualities))
|
||||
<flux:radio.group label="Kualitas" wire:model.live="form.quality_id"
|
||||
<flux:radio.group label="Kualitas" wire:model="form.quality_id"
|
||||
variant="buttons" class="w-full *:flex-1">
|
||||
@foreach ($qualities as $key => $value)
|
||||
<flux:radio value="{{ $key }}"
|
||||
@ -184,7 +182,7 @@
|
||||
|
||||
<flux:card class="space-y-6 p-6">
|
||||
<flux:select label="Produk" variant="listbox" searchable placeholder="Cari produk..."
|
||||
wire:model.live="form.product_id">
|
||||
wire:model="form.product_id">
|
||||
@foreach ($products as $key => $product)
|
||||
<flux:select.option value="{{ $key }}"
|
||||
wire:key="product-{{ $key }}">{{ $product }}
|
||||
@ -193,7 +191,7 @@
|
||||
</flux:select>
|
||||
|
||||
<flux:input label="Kuantitas" placeholder="Masukkan kuantitas produk"
|
||||
wire:model.live="form.quantity_product" autocomplete="off"
|
||||
wire:model="form.quantity_product" autocomplete="off"
|
||||
x-mask:dynamic="$money($input, ',')" />
|
||||
|
||||
<div class="flex justify-end">
|
||||
@ -275,7 +273,7 @@ class="text-xs text-gray-400">{{ currency($item->quantity, '') }}
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="10.000" x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.discount" autocomplete="off" />
|
||||
wire:model="form.discount" autocomplete="off" />
|
||||
</flux:input.group>
|
||||
</flux:field>
|
||||
</div>
|
||||
@ -292,10 +290,10 @@ class="text-xs text-gray-400">{{ currency($item->quantity, '') }}
|
||||
<flux:field>
|
||||
<flux:label>Member</flux:label>
|
||||
<flux:description>Silakan ketikkan nomor telepon.</flux:description>
|
||||
<flux:select variant="combobox" placeholder="Pilih Member"
|
||||
wire:model.live.debounce.500ms="form.member_id" clear>
|
||||
<flux:select variant="combobox" placeholder="Pilih Member" wire:model="form.member_id"
|
||||
clear>
|
||||
<x-slot name="input">
|
||||
<flux:select.input wire:model.live.debounce.250ms="searchMember" clearable />
|
||||
<flux:select.input wire:model.debounce.250ms="searchMember" clearable />
|
||||
</x-slot>
|
||||
@foreach ($this->members as $member)
|
||||
<flux:select.option value="{{ $member['id'] }}" key="{{ $member['id'] }}">
|
||||
@ -312,7 +310,7 @@ class="text-xs text-gray-400">{{ currency($item->quantity, '') }}
|
||||
<flux:description>Voucher diurutkan berdasarkan dengan diskon yang paling besar.
|
||||
</flux:description>
|
||||
<flux:select variant="listbox" placeholder="Pilih Voucher"
|
||||
wire:model.live.debounce.500ms="form.voucher_id" searchable clearable>
|
||||
wire:model="form.voucher_id" searchable clearable>
|
||||
@foreach ($vouchers as $key => $name)
|
||||
<flux:select.option value="{{ $key }}" key="{{ $key }}">
|
||||
{{ $name }}
|
||||
@ -338,7 +336,7 @@ class="text-xs text-gray-400">{{ currency($item->quantity, '') }}
|
||||
<div class="p-4 space-y-6">
|
||||
<flux:heading size="lg">Ubah {{ $modalTitle }}</flux:heading>
|
||||
|
||||
<flux:input label="Kuantitas" placeholder="Masukkan kuantitas" wire:model.live="form.quantity_edit"
|
||||
<flux:input label="Kuantitas" placeholder="Masukkan kuantitas" wire:model="form.quantity_edit"
|
||||
autocomplete="off" x-mask:dynamic="$money($input, ',')" />
|
||||
|
||||
<div class="flex">
|
||||
|
||||
@ -22,18 +22,18 @@
|
||||
<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="INV-2025-0001"
|
||||
wire:model.live.debounce.500ms="form.invoice_number" autofocus autocomplete="off" />
|
||||
<flux:input label="Nomor Invoice" placeholder="INV-2025-0001" wire:model="form.invoice_number"
|
||||
autofocus autocomplete="off" />
|
||||
|
||||
<flux:input label="Catatan" placeholder="Belanja pas hujan"
|
||||
wire:model.live.debounce.500ms="form.note" autocomplete="off" />
|
||||
<flux:input label="Catatan" placeholder="Belanja pas hujan" wire:model="form.note"
|
||||
autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<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"
|
||||
placeholder="Pilih Tanggal" autocomplete="off" locale="id-ID" selectable-header />
|
||||
<flux:date-picker with-today wire:model="form.purchase_date" placeholder="Pilih Tanggal"
|
||||
autocomplete="off" locale="id-ID" selectable-header />
|
||||
<flux:error name="form.purchase_date" />
|
||||
</flux:field>
|
||||
|
||||
@ -42,7 +42,7 @@
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="1.000.000" x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.total" autocomplete="off" />
|
||||
wire:model="form.total" autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.total" />
|
||||
</flux:field>
|
||||
@ -50,7 +50,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Outlet <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Outlet"
|
||||
wire:model.live.debounce.500ms="form.outlet_id">
|
||||
wire:model="form.outlet_id">
|
||||
@foreach ($outlets as $key => $value)
|
||||
<flux:select.option value="{{ $key }}">{{ $value }}
|
||||
</flux:select.option>
|
||||
@ -64,12 +64,12 @@
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<flux:card class="space-y-6 p-6">
|
||||
<flux:select label="Parfum" variant="listbox" searchable placeholder="Cari parfum..."
|
||||
wire:model.live="form.perfume_id">
|
||||
wire:model="form.perfume_id">
|
||||
@foreach ($perfumes as $key => $perfume)
|
||||
<flux:select.option value="{{ $key }}">{{ $perfume }}</flux:select.option>
|
||||
@endforeach
|
||||
</flux:select>
|
||||
<flux:input label="Kuantitas" placeholder="500" wire:model.live="form.quantity_perfume"
|
||||
<flux:input label="Kuantitas" placeholder="500" wire:model="form.quantity_perfume"
|
||||
autocomplete="off" x-mask:dynamic="$money($input, ',')" />
|
||||
|
||||
<div class="flex justify-end">
|
||||
@ -81,12 +81,12 @@
|
||||
|
||||
<flux:card class="space-y-6 p-6">
|
||||
<flux:select label="Produk" variant="listbox" searchable placeholder="Cari produk..."
|
||||
wire:model.live="form.product_id">
|
||||
wire:model="form.product_id">
|
||||
@foreach ($products as $key => $product)
|
||||
<flux:select.option value="{{ $key }}">{{ $product }}</flux:select.option>
|
||||
@endforeach
|
||||
</flux:select>
|
||||
<flux:input label="Kuantitas" placeholder="10" wire:model.live="form.quantity_product"
|
||||
<flux:input label="Kuantitas" placeholder="10" wire:model="form.quantity_product"
|
||||
autocomplete="off" x-mask:dynamic="$money($input, ',')" />
|
||||
|
||||
<div class="flex justify-end">
|
||||
@ -98,12 +98,12 @@
|
||||
|
||||
<flux:card class="space-y-6 p-6">
|
||||
<flux:select label="Botol" variant="listbox" searchable placeholder="Cari botol..."
|
||||
wire:model.live="form.bottle_id">
|
||||
wire:model="form.bottle_id">
|
||||
@foreach ($bottles as $key => $bottle)
|
||||
<flux:select.option value="{{ $key }}">{{ $bottle }}</flux:select.option>
|
||||
@endforeach
|
||||
</flux:select>
|
||||
<flux:input label="Kuantitas" placeholder="50" wire:model.live="form.quantity_bottle"
|
||||
<flux:input label="Kuantitas" placeholder="50" wire:model="form.quantity_bottle"
|
||||
autocomplete="off" x-mask:dynamic="$money($input, ',')" />
|
||||
|
||||
<div class="flex justify-end">
|
||||
@ -198,7 +198,7 @@ class="text-xs text-gray-400">{{ currency($item->quantity, '') }}
|
||||
<div class="p-4 space-y-6">
|
||||
<flux:heading size="lg">Ubah {{ $modalTitle }}</flux:heading>
|
||||
|
||||
<flux:input label="Kuantitas" placeholder="Masukkan kuantitas" wire:model.live="form.quantity_edit"
|
||||
<flux:input label="Kuantitas" placeholder="Masukkan kuantitas" wire:model="form.quantity_edit"
|
||||
autocomplete="off" x-mask:dynamic="$money($input, ',')" />
|
||||
|
||||
<div class="flex">
|
||||
|
||||
@ -81,7 +81,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Kualitas <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Kualitas"
|
||||
wire:model.live.debounce.500ms="form.quality">
|
||||
wire:model="form.quality">
|
||||
@foreach ($qualities as $key => $value)
|
||||
<flux:select.option value="{{ $value }}">{{ $value }}
|
||||
</flux:select.option>
|
||||
@ -93,7 +93,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Ukuran <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" searchable placeholder="Pilih Ukuran"
|
||||
wire:model.live.debounce.500ms="form.size">
|
||||
wire:model="form.size">
|
||||
@foreach ($sizes as $key => $value)
|
||||
<flux:select.option value="{{ $value }}">{{ $value }} ml
|
||||
</flux:select.option>
|
||||
@ -106,7 +106,7 @@
|
||||
<flux:label>Volume <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input.group>
|
||||
<flux:input placeholder="20" x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.volume" autocomplete="off" />
|
||||
wire:model="form.volume" autocomplete="off" />
|
||||
<flux:input.group.suffix>ml</flux:input.group.suffix>
|
||||
</flux:input.group>
|
||||
<flux:error name="form.volume" />
|
||||
|
||||
@ -22,8 +22,8 @@
|
||||
<flux:label>Nama
|
||||
<span class="text-red-500 ms-1">*</span>
|
||||
</flux:label>
|
||||
<flux:input placeholder="Toko 1" wire:model.live.debounce.500ms="form.name"
|
||||
autofocus autocomplete="off" />
|
||||
<flux:input placeholder="Toko 1" wire:model="form.name" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.name" />
|
||||
</flux:field>
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
<span class="text-red-500 ms-1">*</span>
|
||||
</flux:label>
|
||||
<flux:input placeholder="0821 xxxx xxxx" mask="9999 9999 99999"
|
||||
wire:model.live.debounce.500ms="form.phone_number" autocomplete="off" />
|
||||
wire:model="form.phone_number" autocomplete="off" />
|
||||
<flux:error name="form.phone_number" />
|
||||
</flux:field>
|
||||
|
||||
@ -44,8 +44,7 @@
|
||||
|
||||
<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" />
|
||||
wire:model="form.address" autocomplete="off" rows="2" />
|
||||
<flux:error name="form.address" />
|
||||
</flux:field>
|
||||
</div>
|
||||
@ -55,21 +54,21 @@
|
||||
<span class="text-red-500 ms-1">*</span>
|
||||
</flux:label>
|
||||
|
||||
<flux:input placeholder="Samping Gacoan"
|
||||
wire:model.live.debounce.500ms="form.landmark" autocomplete="off" />
|
||||
<flux:input placeholder="Samping Gacoan" wire:model="form.landmark"
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.landmark" />
|
||||
</flux:field>
|
||||
|
||||
<flux:input label="Titik Maps"
|
||||
placeholder="https://maps.app.goo.gl/n1u88DfvpuNJmfCJ7"
|
||||
wire:model.live.debounce.500ms="form.maps_url" autocomplete="off" />
|
||||
wire:model="form.maps_url" autocomplete="off" />
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Tanggal Buka
|
||||
<span class="text-red-500 ms-1">*</span>
|
||||
</flux:label>
|
||||
|
||||
<flux:date-picker with-today wire:model.live.debounce.500ms="form.opened_date"
|
||||
<flux:date-picker with-today wire:model="form.opened_date"
|
||||
placeholder="Pilih Tanggal" autocomplete="off" locale="id-ID" />
|
||||
<flux:error name="form.opened_date" />
|
||||
</flux:field>
|
||||
@ -79,7 +78,7 @@
|
||||
<span class="text-red-500 ms-1">*</span>
|
||||
</flux:label>
|
||||
|
||||
<flux:radio.group wire:model.live="form.status" variant="buttons"
|
||||
<flux:radio.group wire:model="form.status" variant="buttons"
|
||||
class="w-full *:flex-1">
|
||||
@foreach (\App\Enums\OutletStatus::cases() as $status)
|
||||
<flux:radio value="{{ $status->value }}">
|
||||
@ -151,10 +150,10 @@ class="mt-3 text-sm font-medium text-red-500 dark:text-red-400">
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-2 items-center">
|
||||
<span class="text-sm">{{ $day->label() }}</span>
|
||||
<flux:input type="time"
|
||||
wire:model.live.debounce.500ms="form.opening_hours.{{ $day->value }}.open_time" />
|
||||
wire:model="form.opening_hours.{{ $day->value }}.open_time" />
|
||||
|
||||
<flux:input type="time"
|
||||
wire:model.live.debounce.500ms="form.opening_hours.{{ $day->value }}.close_time" />
|
||||
wire:model="form.opening_hours.{{ $day->value }}.close_time" />
|
||||
</div>
|
||||
@endforeach
|
||||
</flux:field>
|
||||
@ -165,8 +164,8 @@ class="mt-3 text-sm font-medium text-red-500 dark:text-red-400">
|
||||
<h3 class="text-sm font-medium">Fasilitas</h3>
|
||||
@foreach ($form->facilities as $index => $facility)
|
||||
<div class="flex gap-2 items-center">
|
||||
<flux:input wire:model.live.debounce.500ms="form.facilities.{{ $index }}"
|
||||
placeholder="Parkir" class="flex-1" autocomplete="off" />
|
||||
<flux:input wire:model="form.facilities.{{ $index }}" placeholder="Parkir"
|
||||
class="flex-1" autocomplete="off" />
|
||||
@if ($index != 0)
|
||||
<flux:button variant="danger" icon="trash"
|
||||
wire:click="removeFacility({{ $index }})"
|
||||
|
||||
@ -28,8 +28,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Nama Lengkap <span class="text-red-500 ms-1">*</span>
|
||||
</flux:label>
|
||||
<flux:input placeholder="John Doe"
|
||||
wire:model.live.debounce.500ms="form.full_name" autofocus
|
||||
<flux:input placeholder="John Doe" wire:model="form.full_name" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="form.full_name" />
|
||||
</flux:field>
|
||||
@ -37,22 +36,22 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Nama Pengguna <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="johndoe" wire:model.live.debounce.500ms="form.username"
|
||||
<flux:input placeholder="johndoe" wire:model="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="info.pangestuyoga@gmail.com"
|
||||
wire:model.live.debounce.500ms="form.email" autocomplete="off" />
|
||||
<flux:input placeholder="info.pangestuyoga@gmail.com" wire:model="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="0821 xxxx xxxx" mask="9999 9999 99999"
|
||||
wire:model.live.debounce.500ms="form.phone_number" autocomplete="off" />
|
||||
wire:model="form.phone_number" autocomplete="off" />
|
||||
<flux:error name="form.phone_number" />
|
||||
</flux:field>
|
||||
|
||||
@ -61,14 +60,14 @@
|
||||
<flux:input.group>
|
||||
<flux:input.group.prefix>Rp</flux:input.group.prefix>
|
||||
<flux:input placeholder="1.500.000" x-mask:dynamic="$money($input, ',')"
|
||||
wire:model.live.debounce.500ms="form.base_salary" autocomplete="off" />
|
||||
wire:model="form.base_salary" autocomplete="off" />
|
||||
</flux:input.group>
|
||||
<flux:error name="form.base_salary" />
|
||||
</flux:field>
|
||||
|
||||
<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"
|
||||
<flux:date-picker with-today wire:model="form.birthdate"
|
||||
placeholder="Pilih Tanggal" autocomplete="off" locale="id-ID"
|
||||
selectable-header />
|
||||
<flux:error name="form.birthdate" />
|
||||
@ -77,7 +76,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Tanggal Bergabung <span class="text-red-500 ms-1">*</span>
|
||||
</flux:label>
|
||||
<flux:date-picker with-today wire:model.live.debounce.500ms="form.hire_date"
|
||||
<flux:date-picker with-today wire:model="form.hire_date"
|
||||
placeholder="Pilih Tanggal" autocomplete="off" locale="id-ID"
|
||||
selectable-header />
|
||||
<flux:error name="form.hire_date" />
|
||||
@ -86,8 +85,7 @@
|
||||
<div class="md:col-span-2">
|
||||
<flux:textarea label="Alamat"
|
||||
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" />
|
||||
wire:model="form.address" autocomplete="off" rows="2" />
|
||||
</div>
|
||||
</div>
|
||||
</flux:card>
|
||||
@ -99,7 +97,7 @@
|
||||
<flux:card class="space-y-6 p-6">
|
||||
<flux:field>
|
||||
<flux:label>Jenis Kelamin <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:radio.group wire:model.live="form.gender" variant="buttons" class="w-full *:flex-1">
|
||||
<flux:radio.group wire:model="form.gender" variant="buttons" class="w-full *:flex-1">
|
||||
@foreach (\App\Enums\Gender::cases() as $gender)
|
||||
<flux:radio value="{{ $gender->value }}">
|
||||
{{ $gender->label() }}
|
||||
@ -113,7 +111,7 @@
|
||||
<flux:card class="space-y-6 p-6">
|
||||
<flux:field>
|
||||
<flux:label>Status <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:radio.group wire:model.live="form.status" variant="buttons" class="w-full *:flex-1">
|
||||
<flux:radio.group wire:model="form.status" variant="buttons" class="w-full *:flex-1">
|
||||
@foreach (\App\Enums\UserStatus::cases() as $status)
|
||||
<flux:radio value="{{ $status->value }}">
|
||||
{{ $status->label() }}
|
||||
@ -128,7 +126,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Outlet <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" multiple searchable placeholder="Pilih Outlet"
|
||||
wire:model.live.debounce.500ms="form.outlet_ids">
|
||||
wire:model="form.outlet_ids">
|
||||
<flux:select.option wire:click="selectAllOutlets" wire:ignore>Pilih Semua
|
||||
</flux:select.option>
|
||||
<flux:select.option wire:click="deselectAllOutlets" wire:ignore>Hapus Semua
|
||||
@ -146,7 +144,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Peran <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:select variant="listbox" multiple searchable placeholder="Pilih Peran"
|
||||
wire:model.live.debounce.500ms="form.role_ids">
|
||||
wire:model="form.role_ids">
|
||||
<flux:select.option wire:click="selectAllRoles" wire:ignore>Pilih Semua
|
||||
</flux:select.option>
|
||||
<flux:select.option wire:click="deselectAllRoles" wire:ignore>Hapus Semua
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<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="johndoe" wire:model.live.debounce.500ms="accountForm.username"
|
||||
<flux:input placeholder="johndoe" wire:model="accountForm.username"
|
||||
autocomplete="off" />
|
||||
<flux:error name="accountForm.username" />
|
||||
</flux:field>
|
||||
@ -28,7 +28,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Email <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="info.pangestuyoga@gmail.com"
|
||||
wire:model.live.debounce.500ms="accountForm.email" autocomplete="off" />
|
||||
wire:model="accountForm.email" autocomplete="off" />
|
||||
<flux:error name="accountForm.email" />
|
||||
</flux:field>
|
||||
|
||||
@ -69,7 +69,7 @@
|
||||
<flux:label>Nama Lengkap <span class="text-red-500 ms-1">*</span>
|
||||
</flux:label>
|
||||
<flux:input placeholder="John Doe"
|
||||
wire:model.live.debounce.500ms="profileForm.full_name" autofocus
|
||||
wire:model="profileForm.full_name" autofocus
|
||||
autocomplete="off" />
|
||||
<flux:error name="profileForm.full_name" />
|
||||
</flux:field>
|
||||
@ -78,7 +78,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Nomor Telepon <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="0821 xxxx xxxx" mask="9999 9999 99999"
|
||||
wire:model.live.debounce.500ms="profileForm.phone_number" autocomplete="off" />
|
||||
wire:model="profileForm.phone_number" autocomplete="off" />
|
||||
<flux:error name="profileForm.phone_number" />
|
||||
</flux:field>
|
||||
|
||||
@ -93,7 +93,7 @@
|
||||
|
||||
<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="profileForm.birthdate"
|
||||
<flux:date-picker with-today wire:model="profileForm.birthdate"
|
||||
placeholder="Pilih Tanggal" autocomplete="off" locale="id-ID" selectable-header />
|
||||
<flux:error name="profileForm.birthdate" />
|
||||
</flux:field>
|
||||
@ -103,7 +103,7 @@
|
||||
<div class="md:col-span-2">
|
||||
<flux:textarea label="Alamat"
|
||||
placeholder="Jl. Taman Pahlawan No.41, Nagri Kaler, Kec. Purwakarta, Kabupaten Purwakarta, Jawa Barat 41119"
|
||||
wire:model.live.debounce.500ms="profileForm.address" autocomplete="off"
|
||||
wire:model="profileForm.address" autocomplete="off"
|
||||
rows="2" />
|
||||
</div>
|
||||
|
||||
@ -147,21 +147,21 @@ class="w-full *:flex-1">
|
||||
<flux:field>
|
||||
<flux:label>Kata Sandi Saat Ini <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="********" type="password"
|
||||
wire:model.live.debounce.500ms="passwordForm.current_password" viewable />
|
||||
wire:model="passwordForm.current_password" viewable />
|
||||
<flux:error name="passwordForm.current_password" />
|
||||
</flux:field>
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Kata Sandi Baru <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="********" type="password"
|
||||
wire:model.live.debounce.500ms="passwordForm.new_password" viewable />
|
||||
wire:model="passwordForm.new_password" viewable />
|
||||
<flux:error name="passwordForm.new_password" />
|
||||
</flux:field>
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Konfirmasi Kata Sandi <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="********" type="password"
|
||||
wire:model.live.debounce.500ms="passwordForm.new_confirm_password" viewable />
|
||||
wire:model="passwordForm.new_confirm_password" viewable />
|
||||
<flux:error name="passwordForm.new_confirm_password" />
|
||||
</flux:field>
|
||||
|
||||
|
||||
@ -11,14 +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="Yadi Parfum" wire:model.live.debounce.500ms="generalForm.site_name"
|
||||
<flux:input placeholder="Yadi Parfum" wire:model="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="Seungit Pisan" wire:model.live.debounce.500ms="generalForm.site_tagline"
|
||||
<flux:input placeholder="Seungit Pisan" wire:model="generalForm.site_tagline"
|
||||
autocomplete="off" />
|
||||
<flux:error name="generalForm.site_tagline" />
|
||||
</flux:field>
|
||||
@ -27,7 +27,7 @@
|
||||
<flux:field>
|
||||
<flux:label>Deskripsi <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:textarea rows="4" placeholder="Tuliskan deskripsi singkat tentang bisnis Anda"
|
||||
wire:model.live.debounce.500ms="generalForm.site_description" autocomplete="off" />
|
||||
wire:model="generalForm.site_description" autocomplete="off" />
|
||||
<flux:error name="generalForm.site_description" />
|
||||
</flux:field>
|
||||
|
||||
@ -59,23 +59,23 @@
|
||||
<flux:field>
|
||||
<flux:label>Nomor Telepon <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input placeholder="0821 xxxx xxxx" mask="9999 9999 99999"
|
||||
wire:model.live.debounce.500ms="contactForm.phone_number" autocomplete="off" />
|
||||
wire:model="contactForm.phone_number" autocomplete="off" />
|
||||
<flux:error name="contactForm.phone_number" />
|
||||
</flux:field>
|
||||
|
||||
<flux:input label="Email" placeholder="yadiparfum@.com"
|
||||
wire:model.live.debounce.500ms="contactForm.email" autocomplete="off" />
|
||||
wire:model="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"
|
||||
<flux:textarea rows="3" wire:model="contactForm.address"
|
||||
placeholder="Jl. Taman Pahlawan No.41, Nagri Kaler, Kec. Purwakarta, Kabupaten Purwakarta, Jawa Barat 41119"
|
||||
autocomplete="off" />
|
||||
<flux:error name="contactForm.address" />
|
||||
</flux:field>
|
||||
|
||||
<flux:textarea label="Embed Map" rows="3" wire:model.live.debounce.500ms="contactForm.map_embed"
|
||||
<flux:textarea label="Embed Map" rows="3" wire:model="contactForm.map_embed"
|
||||
placeholder="https://maps.app.goo.gl/n1u88DfvpuNJmfCJ7" autocomplete="off" />
|
||||
|
||||
@can('update contact settings')
|
||||
@ -98,22 +98,22 @@
|
||||
|
||||
<div class="flex-1 space-y-6">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<flux:input label="Facebook" wire:model.live.debounce.500ms="socialForm.facebook"
|
||||
<flux:input label="Facebook" wire:model="socialForm.facebook"
|
||||
placeholder="https://facebook.com/yadiparfum" autocomplete="off" />
|
||||
|
||||
<flux:input label="Instagram" wire:model.live.debounce.500ms="socialForm.instagram"
|
||||
<flux:input label="Instagram" wire:model="socialForm.instagram"
|
||||
placeholder="https://instagram.com/yadiparfum" autocomplete="off" />
|
||||
|
||||
<flux:input label="YouTube" wire:model.live.debounce.500ms="socialForm.youtube"
|
||||
<flux:input label="YouTube" wire:model="socialForm.youtube"
|
||||
placeholder="https://youtube.com/@yadiparfum" autocomplete="off" />
|
||||
|
||||
<flux:input label="TikTok" wire:model.live.debounce.500ms="socialForm.tiktok"
|
||||
<flux:input label="TikTok" wire:model="socialForm.tiktok"
|
||||
placeholder="https://tiktok.com/@yadiparfum" autocomplete="off" />
|
||||
|
||||
<flux:input label="WhatsApp" wire:model.live.debounce.500ms="socialForm.whatsapp"
|
||||
<flux:input label="WhatsApp" wire:model="socialForm.whatsapp"
|
||||
placeholder="https://wa.me/6281234567890" autocomplete="off" />
|
||||
|
||||
<flux:input label="Telegram" wire:model.live.debounce.500ms="socialForm.telegram"
|
||||
<flux:input label="Telegram" wire:model="socialForm.telegram"
|
||||
placeholder="https://t.me/yadiparfum" autocomplete="off" />
|
||||
</div>
|
||||
|
||||
@ -139,7 +139,7 @@
|
||||
<div class="space-y-6">
|
||||
<flux:field>
|
||||
<flux:label>Meta Description <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:textarea rows="3" wire:model.live.debounce.500ms="seoForm.meta_description"
|
||||
<flux:textarea rows="3" wire:model="seoForm.meta_description"
|
||||
placeholder="Tulis deskripsi singkat situs Anda yang akan muncul di hasil pencarian Google."
|
||||
autocomplete="off" />
|
||||
<flux:error name="seoForm.meta_description" />
|
||||
@ -147,7 +147,7 @@
|
||||
|
||||
<flux:field>
|
||||
<flux:label>Meta Keywords <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input wire:model.live.debounce.500ms="seoForm.meta_keywords"
|
||||
<flux:input wire:model="seoForm.meta_keywords"
|
||||
placeholder="parfum refill, parfum original, toko parfum Purwakarta" autocomplete="off" />
|
||||
<flux:error name="seoForm.meta_keywords" />
|
||||
</flux:field>
|
||||
@ -155,28 +155,28 @@
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<flux:field>
|
||||
<flux:label>Meta Author <span class="text-red-500 ms-1">*</span></flux:label>
|
||||
<flux:input wire:model.live.debounce.500ms="seoForm.meta_author"
|
||||
<flux:input wire:model="seoForm.meta_author"
|
||||
placeholder="Yadi Parfum Official" autocomplete="off" />
|
||||
<flux:error name="seoForm.meta_author" />
|
||||
</flux:field>
|
||||
|
||||
<flux:input label="OG Title" wire:model.live.debounce.500ms="seoForm.og_title"
|
||||
<flux:input label="OG Title" wire:model="seoForm.og_title"
|
||||
placeholder="Yadi Parfum – Wangi yang Mewakili Gaya Anda" autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<flux:textarea label="OG Description" rows="3"
|
||||
wire:model.live.debounce.500ms="seoForm.og_description"
|
||||
wire:model="seoForm.og_description"
|
||||
placeholder="Temukan koleksi parfum terbaik dari Yadi Parfum untuk setiap momen istimewa."
|
||||
autocomplete="off" />
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<flux:input label="OG Type" wire:model.live.debounce.500ms="seoForm.og_type"
|
||||
<flux:input label="OG Type" wire:model="seoForm.og_type"
|
||||
placeholder="website, article, product, dll." autocomplete="off" />
|
||||
|
||||
<flux:input label="Twitter Card" wire:model.live.debounce.500ms="seoForm.twitter_card"
|
||||
<flux:input label="Twitter Card" wire:model="seoForm.twitter_card"
|
||||
placeholder="summary_large_image" autocomplete="off" />
|
||||
|
||||
<flux:input label="Canonical URL" wire:model.live.debounce.500ms="seoForm.canonical_url"
|
||||
<flux:input label="Canonical URL" wire:model="seoForm.canonical_url"
|
||||
placeholder="https://yadiparfum.com" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user