refactor: improve UI responsiveness, add currency formatting to invoice inputs, update address formatting, and refine Docker setup instructions.

This commit is contained in:
I-Fun
2026-04-05 22:37:51 +07:00
parent 1c2c10d253
commit 59a2724057
11 changed files with 70 additions and 47 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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

View File

@@ -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