Format listings.

This commit is contained in:
2025-02-06 15:40:42 +01:00
parent 53f087eed0
commit 643e68e9a7
3 changed files with 37 additions and 27 deletions

View File

@@ -57,10 +57,9 @@
</header>
<summary class="cursor-pointer flex flex-row w-full mt-4">
<div class="w-1/6 font-bold border-b-2">{{ __('invoice.Invoice Number') }}</div>
<div class="w-1/3 font-bold border-b-2">{{ __('invoice.Invoice Number') }}</div>
<div class="w-1/3 font-bold border-b-2">{{ __('supplier.Supplier') }}</div>
<div class="w-1/4 font-bold border-b-2">{{ __('common.Name') }}</div>
<div class="w-1/12 font-bold border-b-2 text-right">{{ __('invoice.Sum') }}</div>
<div class="w-1/6 font-bold border-b-2 text-right">{{ __('invoice.Sum') }}</div>
<div class="w-1/12 font-bold border-b-2 text-right">{{ __('common.Created at') }}</div>
<div class="w-1/12 font-bold border-b-2 text-right">{{ __('common.Paid at') }}</div>
</summary>
@@ -68,10 +67,9 @@
<template x-for="invoice in invoices">
<details class="even:bg-gray-100 odd:bg-white hover:bg-gray-400">
<summary class="cursor-pointer flex flex-row w-full" @click="window.location.href='/incoming/' + invoice.id + '/edit';">
<div class="w-1/6" x-text="invoice.invoice_number"></div>
<div class="w-1/3" x-text="invoice.invoice_number"></div>
<div class="w-1/3" x-text="invoice.supplier.name"></div>
<div class="w-1/4" x-text="invoice.supplier.email"></div>
<div class="w-1/12 text-right" x-text="invoice.gross + ' €'"></div>
<div class="w-1/6 text-right" x-text="invoice.gross + ' €'"></div>
<div class="w-1/12 text-right" x-text="invoice.created"></div>
<div class="w-1/12 text-right" x-text="invoice.paid"></div>
</summary>
@@ -80,13 +78,17 @@
<div class="w-full border-t-2"></div>
<div class="w-1/2 grid grid-cols-2">
<div>{{ __('invoice.Net') }}</div>
<div class="text-right" x-text="net + ' €'"></div>
<div>{{ __('invoice.Tax') }}</div>
<div class="text-right" x-text="tax + ' €'"></div>
<div class="font-bold">{{ __('invoice.Sum') }}</div>
<div class="font-bold text-right" x-text="gross + ' €'"></div>
<div class="flex flex-row">
<div class="w-1/2">{{ __('invoice.Net') }}</div>
<div class="w-1/3 text-right" x-text="net + ' €'"></div>
</div>
<div class="flex flex-row">
<div class="w-1/2">{{ __('invoice.Tax') }}</div>
<div class="w-1/3 text-right" x-text="tax + ' €'"></div>
</div>
<div class="flex flex-row">
<div class="w-1/2 font-bold">{{ __('invoice.Sum') }}</div>
<div class="w-1/3 font-bold text-right" x-text="gross + ' €'"></div>
</div>
</section>

View File

@@ -68,13 +68,17 @@
<div class="w-full border-t-2"></div>
<div class="w-1/2 grid grid-cols-2">
<div>{{ __('invoice.Net') }}</div>
<div class="text-right" x-text="(sum - tax).toFixed(2) + ' €'"></div>
<div>{{ __('invoice.Tax') }}</div>
<div class="text-right" x-text="tax + ' €'"></div>
<div class="font-bold">{{ __('invoice.Sum') }}</div>
<div class="font-bold text-right" x-text="sum + ' €'"></div>
<div class="flex flex-row">
<div class="w-2/3">{{ __('invoice.Net') }}</div>
<div class="w-1/4 text-right" x-text="(sum - tax).toFixed(2) + ' €'"></div>
</div>
<div class="flex flex-row">
<div class="w-2/3">{{ __('invoice.Tax') }}</div>
<div class="w-1/4 text-right" x-text="tax + ' €'"></div>
</div>
<div class="flex flex-row">
<div class="w-2/3 font-bold">{{ __('invoice.Sum') }}</div>
<div class="w-1/4 font-bold text-right" x-text="sum + ' €'"></div>
</div>
</section>

View File

@@ -63,13 +63,17 @@
<div class="w-full border-t-2"></div>
<div class="w-1/2 grid grid-cols-2">
<div>{{ __('invoice.Net') }}</div>
<div class="text-right" x-text="(sum - tax).toFixed(2) + ' €'"></div>
<div>{{ __('invoice.Tax') }}</div>
<div class="text-right" x-text="tax + ' €'"></div>
<div class="font-bold">{{ __('invoice.Sum') }}</div>
<div class="font-bold text-right" x-text="sum + ' €'"></div>
<div class="flex flex-row">
<div class="w-1/2">{{ __('invoice.Net') }}</div>
<div class="w-1/4 text-right" x-text="(sum - tax).toFixed(2) + ' €'"></div>
</div>
<div class="flex flex-row">
<div class="w-1/2">{{ __('invoice.Tax') }}</div>
<div class="w-1/4 text-right" x-text="tax + ' €'"></div>
</div>
<div class="flex flex-row">
<div class="w-1/2 font-bold">{{ __('invoice.Sum') }}</div>
<div class="w-1/4 font-bold text-right" x-text="sum + ' €'"></div>
</div>
</section>