mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-10 05:02:36 +01:00
updates for html invoice layout
This commit is contained in:
David Bomba
Benjamin Beganović
parent
a47040aa15
commit
621cd1e169
File diff suppressed because one or more lines are too long
@ -242,6 +242,7 @@
|
||||
"resources/sass/app.scss": {
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
"file": "assets/app-fee1da41.css",
|
||||
=======
|
||||
@ -253,6 +254,9 @@
|
||||
=======
|
||||
"file": "assets/app-4cad835a.css",
|
||||
>>>>>>> fd7c28880c (Payment methods)
|
||||
=======
|
||||
"file": "assets/app-8544e4cc.css",
|
||||
>>>>>>> c7cc0e084f (updates for html invoice layout)
|
||||
"isEntry": true,
|
||||
"src": "resources/sass/app.scss"
|
||||
}
|
||||
|
||||
@ -1,14 +1,67 @@
|
||||
<div style="w-full">
|
||||
|
||||
<table width="100%">
|
||||
<thead>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>{{ ctrans('texts.invoice')}} #</td><td>{{ $invoice->number }}</td></tr>
|
||||
<tr><td>{{ ctrans('texts.due_date')}} #</td><td>{{ $invoice->due_date }}</td></tr>
|
||||
<tr><td>{{ ctrans('texts.amount')}} #</td><td>{{ $invoice->amount }}</td></tr>
|
||||
<tr><td>{{ ctrans('texts.balance')}} #</td><td>{{ $invoice->balance }}</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="rounded-lg border bg-card bg-white text-card-foreground shadow-sm overflow-hidden" x-chunk="An order details card with order details, shipping information, customer information and payment information.">
|
||||
<div class="space-y-1.5 p-6 flex flex-row items-start bg-muted/50">
|
||||
<div class="grid gap-0.5">
|
||||
<h3 class="font-semibold tracking-tight group flex items-center gap-2 text-lg">
|
||||
{{ ctrans('texts.invoice') }} {{ $invoice->number }}
|
||||
<button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-6 w-6 opacity-0 transition-opacity group-hover:opacity-100">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3 w-3">
|
||||
<rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect>
|
||||
<path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path>
|
||||
</svg>
|
||||
<span class="sr-only">{{ ctrans('texts.copy') }}</span>
|
||||
</button>
|
||||
</h3>
|
||||
<p class="text-sm text-muted-foreground">{{ ctrans('texts.date') }}: {{ $invoice->translateDate($invoice->date, $invoice->client->date_format(), $invoice->client->locale()) }}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="p-6 text-sm">
|
||||
<div class="grid gap-3">
|
||||
<div class="font-semibold">{{ ctrans('texts.invoice_details') }} </div>
|
||||
<ul class="grid gap-3">
|
||||
@foreach($invoice->line_items as $item)
|
||||
<li class="flex items-center justify-between"><span class="text-muted-foreground">{{ $item->notes }}<span></span></span><span> {{ App\Utils\Number::formatMoney($item->line_total, $invoice->client) }}</span></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
<div data-orientation="horizontal" role="none" class="shrink-0 bg-border h-[1px] w-full my-2"></div>
|
||||
<ul class="grid gap-3">
|
||||
@if($invoice->total_taxes > 0)
|
||||
<li class="flex items-center justify-between"><span class="text-muted-foreground">{{ ctrans('texts.tax')}}</span><span>{{App\Utils\Number::formatMoney($invoice->total_taxes, $invoice->client) }} </span></li>
|
||||
@endif
|
||||
<li class="flex items-center justify-between font-semibold"><span class="text-muted-foreground">{{ ctrans('texts.total') }}</span><span>{{ App\Utils\Number::formatMoney($invoice->amount, $invoice->client) }}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div data-orientation="horizontal" role="none" class="shrink-0 bg-border h-[1px] w-full my-4"></div>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div class="grid auto-rows-max gap-3">
|
||||
<div class="font-semibold"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-orientation="horizontal" role="none" class="shrink-0 bg-border h-[1px] w-full my-4"></div>
|
||||
<div class="grid gap-3">
|
||||
<div class="font-semibold">{{ ctrans('texts.client_information') }}</div>
|
||||
<dl class="grid gap-3">
|
||||
<div class="flex items-center justify-between">
|
||||
<dt class="text-muted-foreground">{{ ctrans('texts.client') }}</dt>
|
||||
<dd>{{ $invoice->client->present()->name() }}</dd>
|
||||
</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<dt class="text-muted-foreground">{{ ctrans('texts.email') }}</dt>
|
||||
<dd><a href="mailto:">{{ $invoice->client->present()->email() }}</a></dd>
|
||||
</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<dt class="text-muted-foreground">{{ ctrans('texts.phone') }}</dt>
|
||||
<dd><a href="tel:">{{ $invoice->client->present()->phone() }} </a></dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div data-orientation="horizontal" role="none" class="shrink-0 bg-border h-[1px] w-full my-4"></div>
|
||||
<div class="grid gap-3">
|
||||
<div class="font-semibold"></div>
|
||||
<dl class="grid gap-3">
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user