refactor: improve UI responsiveness, add currency formatting to invoice inputs, update address formatting, and refine Docker setup instructions.
This commit is contained in:
@@ -78,9 +78,16 @@
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<label class="text-xs text-gray-400 block mb-0.5">Unit Price</label>
|
||||
<input type="number" :name="`items[${index}][unit_price]`"
|
||||
x-model.number="item.unit_price" @input="recalc()"
|
||||
class="input-soft text-sm bg-white" min="0" step="1000" placeholder="0">
|
||||
<input type="hidden" :name="`items[${index}][unit_price]`" :value="item.unit_price">
|
||||
<input type="text"
|
||||
:value="item.unit_price ? formatNum(item.unit_price) : ''"
|
||||
@input="
|
||||
let raw = $event.target.value.replace(/\D/g, '');
|
||||
item.unit_price = raw ? parseInt(raw, 10) : 0;
|
||||
$event.target.value = item.unit_price ? formatNum(item.unit_price) : '';
|
||||
recalc();
|
||||
"
|
||||
class="input-soft text-sm bg-white" placeholder="0">
|
||||
</div>
|
||||
<div class="w-24 shrink-0 text-right">
|
||||
<label class="text-xs text-gray-400 block mb-0.5">Total</label>
|
||||
|
||||
@@ -75,9 +75,16 @@
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<label class="text-xs text-gray-400 block mb-0.5">Unit Price</label>
|
||||
<input type="number" :name="`items[${index}][unit_price]`"
|
||||
x-model.number="item.unit_price" @input="recalc()"
|
||||
class="input-soft text-sm bg-white" min="0" step="1000">
|
||||
<input type="hidden" :name="`items[${index}][unit_price]`" :value="item.unit_price">
|
||||
<input type="text"
|
||||
:value="item.unit_price ? formatNum(item.unit_price) : ''"
|
||||
@input="
|
||||
let raw = $event.target.value.replace(/\D/g, '');
|
||||
item.unit_price = raw ? parseInt(raw, 10) : 0;
|
||||
$event.target.value = item.unit_price ? formatNum(item.unit_price) : '';
|
||||
recalc();
|
||||
"
|
||||
class="input-soft text-sm bg-white" placeholder="0">
|
||||
</div>
|
||||
<div class="w-24 shrink-0 text-right">
|
||||
<label class="text-xs text-gray-400 block mb-0.5">Total</label>
|
||||
|
||||
@@ -271,7 +271,7 @@
|
||||
@if($invoice->client->email)
|
||||
<div class="billing-detail">{{ $invoice->client->email }}</div> @endif
|
||||
@if($invoice->client->full_address)
|
||||
<div class="billing-detail">{{ $invoice->client->full_address }}</div> @endif
|
||||
<div class="billing-detail">{!! nl2br(e($invoice->client->full_address)) !!}</div> @endif
|
||||
@else
|
||||
<div class="billing-detail">—</div>
|
||||
@endif
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
@if($invoice->client->email)
|
||||
<div class="text-sm text-gray-500">{{ $invoice->client->email }}</div> @endif
|
||||
@if($invoice->client->full_address)
|
||||
<div class="text-sm text-gray-400">{{ $invoice->client->full_address }}</div> @endif
|
||||
<div class="text-sm text-gray-400">{!! nl2br(e($invoice->client->full_address)) !!}</div> @endif
|
||||
@else
|
||||
<div class="text-gray-500 text-sm">No client</div>
|
||||
@endif
|
||||
|
||||
Reference in New Issue
Block a user