styling..

This commit is contained in:
Cüneyt Şentürk 2022-06-10 17:47:27 +03:00
parent db879423a4
commit fc1bc45080
3 changed files with 327 additions and 155 deletions

View File

@ -31,6 +31,7 @@
{{ $textDocumentSubheading }}
</p>
@endif
@if (! $hideCompanyDetails)
@if (! $hideCompanyName)
<p>{{ setting('company.name') }}</p>
@ -63,7 +64,9 @@
@endif
@if (! $hideCompanyEmail)
<p class="small-text">{{ setting('company.email') }}</p>
<p class="small-text">
{{ setting('company.email') }}
</p>
@endif
@endif
@stack('company_details_end')
@ -83,7 +86,12 @@
@stack('invoice_number_input_start')
@if (! $hideDocumentNumber)
<div class="text small-text text-semibold mt-classic">
<span>{{ trans($textDocumentNumber) }}:</span><br>
<span>
{{ trans($textDocumentNumber) }}:
</span>
<br>
{{ $document->document_number }}
</div>
@endif
@ -102,12 +110,16 @@
<div class="col-60">
<div class="text p-index-left">
@if (! $hideContactInfo)
<p class="text-semibold mb-0">{{ trans($textContactInfo) }}</p>
<p class="text-semibold mb-0">
{{ trans($textContactInfo) }}
</p>
@endif
@stack('name_input_start')
@if (! $hideContactName)
<p>{{ $document->contact_name }}</p>
<p>
{{ $document->contact_name }}
</p>
@endif
@stack('name_input_end')
@ -146,7 +158,9 @@
@stack('email_start')
@if (! $hideContactEmail)
<p class="small-text">{{ $document->contact_email }}</p>
<p class="small-text">
{{ $document->contact_email }}
</p>
@endif
@stack('email_input_end')
</div>
@ -158,8 +172,13 @@
@if (! $hideOrderNumber)
@if ($document->order_number)
<p class="mb-0">
<span class="text-semibold spacing">{{ trans($textOrderNumber) }}:</span>
<span class="float-right spacing">{{ $document->order_number }}</span>
<span class="text-semibold spacing">
{{ trans($textOrderNumber) }}:
</span>
<span class="float-right spacing">
{{ $document->order_number }}
</span>
</p>
@endif
@endif
@ -168,8 +187,13 @@
@stack('issued_at_input_start')
@if (! $hideIssuedAt)
<p class="mb-0">
<span class="text-semibold spacing">{{ trans($textIssuedAt) }}:</span>
<span class="float-right spacing">@date($document->issued_at)</span>
<span class="text-semibold spacing">
{{ trans($textIssuedAt) }}:
</span>
<span class="float-right spacing">
@date($document->issued_at)
</span>
</p>
@endif
@stack('issued_at_input_end')
@ -177,8 +201,13 @@
@stack('due_at_input_start')
@if (! $hideDueAt)
<p class="mb-0">
<span class="text-semibold spacing">{{ trans($textDueAt) }}:</span>
<span class="float-right spacing">@date($document->due_at)</span>
<span class="text-semibold spacing">
{{ trans($textDueAt) }}:
</span>
<span class="float-right spacing">
@date($document->due_at)
</span>
</p>
@endif
@stack('due_at_input_end')
@ -186,8 +215,13 @@
@foreach ($document->totals_sorted as $total)
@if ($total->code == 'total')
<p class="mb-0">
<span class="text-semibold spacing">{{ trans($total->name) }}:</span>
<span class="float-right spacing">@money($total->amount - $document->paid, $document->currency_code, true)</span>
<span class="text-semibold spacing">
{{ trans($total->name) }}:
</span>
<span class="float-right spacing">
@money($total->amount - $document->paid, $document->currency_code, true)
</span>
</p>
@endif
@endforeach
@ -204,33 +238,43 @@
<tr>
@stack('name_th_start')
@if (! $hideItems || (! $hideName && ! $hideDescription))
<th class="item text text-semibold text-alignment-left text-left">{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}</th>
<th class="item text text-semibold text-alignment-left text-left">
{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}
</th>
@endif
@stack('name_th_end')
@stack('quantity_th_start')
@if (! $hideQuantity)
<th class="quantity text text-semibold text-alignment-right text-right">{{ trans($textQuantity) }}</th>
<th class="quantity text text-semibold text-alignment-right text-right">
{{ trans($textQuantity) }}
</th>
@endif
@stack('quantity_th_end')
@stack('price_th_start')
@if (! $hidePrice)
<th class="price text text-semibold text-alignment-right text-right">{{ trans($textPrice) }}</th>
<th class="price text text-semibold text-alignment-right text-right">
{{ trans($textPrice) }}
</th>
@endif
@stack('price_th_end')
@if (! $hideDiscount)
@if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both']))
@stack('discount_td_start')
<th class="discount text text-semibold text-alignment-right text-right">{{ trans('invoices.discount') }}</th>
<th class="discount text text-semibold text-alignment-right text-right">
{{ trans('invoices.discount') }}
</th>
@stack('discount_td_end')
@endif
@endif
@stack('total_th_start')
@if (! $hideAmount)
<th class="total text text-semibold text-alignment-right text-right">{{ trans($textAmount) }}</th>
<th class="total text text-semibold text-alignment-right text-right">
{{ trans($textAmount) }}
</th>
@endif
@stack('total_th_end')
</tr>
@ -272,7 +316,10 @@
@stack('notes_input_start')
@if ($hideNote)
@if ($document->notes)
<strong>{{ trans_choice('general.notes', 2) }}</strong>
<strong>
{{ trans_choice('general.notes', 2) }}
</strong>
{!! nl2br($document->notes) !!}
@endif
@endif
@ -285,23 +332,39 @@
@if ($total->code != 'total')
@stack($total->code . '_total_tr_start')
<div class="text border-bottom-dashed py-1">
<strong class="float-left text-semibold">{{ trans($total->title) }}:</strong>
<span>@money($total->amount, $document->currency_code, true)</span>
<strong class="float-left text-semibold">
{{ trans($total->title) }}:
</strong>
<span>
@money($total->amount, $document->currency_code, true)
</span>
</div>
@stack($total->code . '_total_tr_end')
@else
@if ($document->paid)
@stack('paid_total_tr_start')
<div class="text border-bottom-dashed py-1">
<span class="float-left text-semibold">{{ trans('invoices.paid') }}:</span>
<span>- @money($document->paid, $document->currency_code, true)</span>
<span class="float-left text-semibold">
{{ trans('invoices.paid') }}:
</span>
<span>
- @money($document->paid, $document->currency_code, true)
</span>
</div>
@stack('paid_total_tr_end')
@endif
@stack('grand_total_tr_start')
<div class="text border-bottom-dashed py-1">
<span class="float-left text-semibold">{{ trans($total->name) }}:</span>
<span>@money($document->amount_due, $document->currency_code, true)</span>
<span class="float-left text-semibold">
{{ trans($total->name) }}:
</span>
<span>
@money($document->amount_due, $document->currency_code, true)
</span>
</div>
@stack('grand_total_tr_end')
@endif
@ -314,7 +377,9 @@
<div class="row mt-1">
<div class="col-100">
<div class="text company">
<strong>{!! nl2br($document->footer) !!}</strong>
<strong>
{!! nl2br($document->footer) !!}
</strong>
</div>
</div>
</div>

View File

@ -31,6 +31,7 @@
{{ $textDocumentSubheading }}
</p>
@endif
@if (! $hideCompanyDetails)
@if (! $hideCompanyName)
<p>{{ setting('company.name') }}</p>
@ -54,13 +55,11 @@
@endif
@if (! $hideCompanyPhone)
@if (setting('company.phone'))
<p>
{{ setting('company.phone') }}
</p>
@endif
@endif
@if (! $hideCompanyEmail)
@ -136,9 +135,11 @@
<span class="font-semibold spacing w-numbers">
{{ trans($textDocumentNumber) }}:
</span>
<span class="float-right spacing">{{ $document->document_number }}</span>
</p>
<span class="float-right spacing">
{{ $document->document_number }}
</span>
</p>
@endif
@stack('document_number_input_end')
@ -149,7 +150,10 @@
<span class="font-semibold spacing w-numbers">
{{ trans($textOrderNumber) }}:
</span>
<span class="float-right spacing">{{ $document->order_number }}</span>
<span class="float-right spacing">
{{ $document->order_number }}
</span>
</p>
@endif
@endif
@ -161,7 +165,10 @@
<span class="font-semibold spacing w-numbers">
{{ trans($textIssuedAt) }}:
</span>
<span class="float-right spacing">@date($document->issued_at)</span>
<span class="float-right spacing">
@date($document->issued_at)
</span>
</p>
@endif
@stack('issued_at_input_end')
@ -172,7 +179,10 @@
<span class="font-semibold spacing w-numbers">
{{ trans($textDueAt) }}:
</span>
<span class="float-right spacing">@date($document->due_at)</span>
<span class="float-right spacing">
@date($document->due_at)
</span>
</p>
@endif
@stack('due_at_input_end')
@ -189,37 +199,48 @@
<tr>
@stack('name_th_start')
@if (! $hideItems || (! $hideName && ! $hideDescription))
<th class="item text text-semibold text-alignment-left text-left text-white border-radius-first">{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}</th>
<th class="item text text-semibold text-alignment-left text-left text-white border-radius-first">
{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}
</th>
@endif
@stack('name_th_end')
@stack('quantity_th_start')
@if (! $hideQuantity)
<th class="quantity text text-semibold text-alignment-right text-right text-white">{{ trans($textQuantity) }}</th>
<th class="quantity text text-semibold text-alignment-right text-right text-white">
{{ trans($textQuantity) }}
</th>
@endif
@stack('quantity_th_end')
@stack('price_th_start')
@if (! $hidePrice)
<th class="price text text-semibold text-alignment-right text-right text-white">{{ trans($textPrice) }}</th>
<th class="price text text-semibold text-alignment-right text-right text-white">
{{ trans($textPrice) }}
</th>
@endif
@stack('price_th_end')
@if (! $hideDiscount)
@if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both']))
@stack('discount_td_start')
<th class="discount text text-semibold text-alignment-right text-right text-white">{{ trans('invoices.discount') }}</th>
<th class="discount text text-semibold text-alignment-right text-right text-white">
{{ trans('invoices.discount') }}
</th>
@stack('discount_td_end')
@endif
@endif
@stack('total_th_start')
@if (! $hideAmount)
<th class="total text text-semibold text-white text-alignment-right text-right border-radius-last">{{ trans($textAmount) }}</th>
<th class="total text text-semibold text-white text-alignment-right text-right border-radius-last">
{{ trans($textAmount) }}
</th>
@endif
@stack('total_th_end')
</tr>
</thead>
<tbody>
@if ($document->items->count())
@foreach($document->items as $item)
@ -255,7 +276,10 @@
<div class="text p-index-left">
@stack('notes_input_start')
@if ($document->notes)
<p class="text-semibold">{{ trans_choice('general.notes', 2) }}</p>
<p class="text-semibold">
{{ trans_choice('general.notes', 2) }}
</p>
{!! nl2br($document->notes) !!}
@endif
@stack('notes_input_end')
@ -267,23 +291,39 @@
@if ($total->code != 'total')
@stack($total->code . '_total_tr_start')
<div class="text border-bottom-1 py-1">
<span class="float-left text-semibold">{{ trans($total->title) }}:</span>
<span>@money($total->amount, $document->currency_code, true)</span>
<span class="float-left text-semibold">
{{ trans($total->title) }}:
</span>
<span>
@money($total->amount, $document->currency_code, true)
</span>
</div>
@stack($total->code . '_total_tr_end')
@else
@if ($document->paid)
@stack('paid_total_tr_start')
<div class="text border-bottom-1 py-1">
<span class="float-left text-semibold">{{ trans('invoices.paid') }}:</span>
<span>- @money($document->paid, $document->currency_code, true)</span>
<span class="float-left text-semibold">
{{ trans('invoices.paid') }}:
</span>
<span>
- @money($document->paid, $document->currency_code, true)
</span>
</div>
@stack('paid_total_tr_end')
@endif
@stack('grand_total_tr_start')
<div class="text border-bottom-1 py-1">
<span class="float-left text-semibold">{{ trans($total->name) }}:</span>
<span>@money($document->amount_due, $document->currency_code, true)</span>
<span class="float-left text-semibold">
{{ trans($total->name) }}:
</span>
<span>
@money($document->amount_due, $document->currency_code, true)
</span>
</div>
@stack('grand_total_tr_end')
@endif
@ -296,7 +336,9 @@
<div class="row mt-4">
<div class="col-100 text-left">
<div class="text">
<strong>{!! nl2br($document->footer) !!}</strong>
<strong>
{!! nl2br($document->footer) !!}
</strong>
</div>
</div>
</div>

View File

@ -31,9 +31,13 @@
{{ $textDocumentSubheading }}
</p>
@endif
@if (! $hideCompanyName)
<p class="text-white">{{ setting('company.name') }}</p>
<p class="text-white">
{{ setting('company.name') }}
</p>
@endif
@if (! $hideCompanyDetails)
@if (! $hideCompanyAddress)
<p class="text-white">
@ -48,6 +52,7 @@
<span class="text-medium text-default">
{{ trans('general.tax_number') }}:
</span>
{{ setting('company.tax_number') }}
@endif
</p>
@ -62,7 +67,9 @@
@endif
@if (!$hideCompanyEmail)
<p class="small-text text-white">{{ setting('company.email') }}</p>
<p class="small-text text-white">
{{ setting('company.email') }}
</p>
@endif
@endif
@stack('company_details_end')
@ -74,19 +81,24 @@
<div class="col-50">
<div class="text p-modern">
@if (! $hideContactInfo)
<p class="text-semibold mb-0">{{ trans($textContactInfo) }}</p>
<p class="text-semibold mb-0">
{{ trans($textContactInfo) }}
</p>
@endif
@stack('name_input_start')
@if (! $hideContactName)
<p>{{ $document->contact_name }}</p>
<p>
{{ $document->contact_name }}
</p>
@endif
@stack('name_input_end')
@stack('address_input_start')
@if (! $hideContactAddress)
<p>
{!! nl2br($document->contact_address) !!} <br/>
{!! nl2br($document->contact_address) !!}
<br/>
{!! $document->contact_location !!}
</p>
@endif
@ -99,6 +111,7 @@
<span class="text-medium text-default">
{{ trans('general.tax_number') }}:
</span>
{{ $document->contact_tax_number }}
</p>
@endif
@ -131,8 +144,13 @@
@if (! $hideOrderNumber)
@if ($document->order_number)
<p class="mb-0">
<span class="text-semibold spacing">{{ trans($textOrderNumber) }}:</span>
<span class="float-right spacing">{{ $document->order_number }}</span>
<span class="text-semibold spacing">
{{ trans($textOrderNumber) }}:
</span>
<span class="float-right spacing">
{{ $document->order_number }}
</span>
</p>
@endif
@endif
@ -141,8 +159,13 @@
@stack('invoice_number_input_start')
@if (! $hideDocumentNumber)
<p class="mb-0">
<span class="text-semibold spacing">{{ trans($textDocumentNumber) }}:</span>
<span class="float-right spacing">{{ $document->document_number }}</span>
<span class="text-semibold spacing">
{{ trans($textDocumentNumber) }}:
</span>
<span class="float-right spacing">
{{ $document->document_number }}
</span>
</p>
@endif
@stack('invoice_number_input_end')
@ -150,8 +173,13 @@
@stack('issued_at_input_start')
@if (! $hideIssuedAt)
<p class="mb-0">
<span class="text-semibold spacing">{{ trans($textIssuedAt) }}:</span>
<span class="float-right spacing">@date($document->issued_at)</span>
<span class="text-semibold spacing">
{{ trans($textIssuedAt) }}:
</span>
<span class="float-right spacing">
@date($document->issued_at)
</span>
</p>
@endif
@stack('issued_at_input_end')
@ -159,8 +187,13 @@
@stack('due_at_input_start')
@if (! $hideDueAt)
<p class="mb-0">
<span class="text-semibold spacing">{{ trans($textDueAt) }}:</span>
<span class="float-right spacing">@date($document->due_at)</span>
<span class="text-semibold spacing">
{{ trans($textDueAt) }}:
</span>
<span class="float-right spacing">
@date($document->due_at)
</span>
</p>
@endif
@stack('due_at_input_end')
@ -177,37 +210,48 @@
<tr>
@stack('name_th_start')
@if (! $hideItems || (! $hideName && ! $hideDescription))
<th class="item text text-semibold text-alignment-left text-left text-white border-radius-first">{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}</th>
<th class="item text text-semibold text-alignment-left text-left text-white border-radius-first">
{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}
</th>
@endif
@stack('name_th_end')
@stack('quantity_th_start')
@if (! $hideQuantity)
<th class="quantity text text-semibold text-white text-alignment-right text-right">{{ trans($textQuantity) }}</th>
<th class="quantity text text-semibold text-white text-alignment-right text-right">
{{ trans($textQuantity) }}
</th>
@endif
@stack('quantity_th_end')
@stack('price_th_start')
@if (! $hidePrice)
<th class="price text text-semibold text-white text-alignment-right text-right">{{ trans($textPrice) }}</th>
<th class="price text text-semibold text-white text-alignment-right text-right">
{{ trans($textPrice) }}
</th>
@endif
@stack('price_th_end')
@if (! $hideDiscount)
@if (in_array(setting('localisation.discount_location', 'total'), ['item', 'both']))
@stack('discount_td_start')
<th class="discount text text-semibold text-white text-alignment-right text-right">{{ trans('invoices.discount') }}</th>
<th class="discount text text-semibold text-white text-alignment-right text-right">
{{ trans('invoices.discount') }}
</th>
@stack('discount_td_end')
@endif
@endif
@stack('total_th_start')
@if (! $hideAmount)
<th class="total text text-semibold text-white text-alignment-right text-right border-radius-last">{{ trans($textAmount) }}</th>
<th class="total text text-semibold text-white text-alignment-right text-right border-radius-last">
{{ trans($textAmount) }}
</th>
@endif
@stack('total_th_end')
</tr>
</thead>
<tbody>
@if ($document->items->count())
@foreach($document->items as $item)
@ -243,7 +287,10 @@
<div class="text p-index-right p-modern">
@stack('notes_input_start')
@if ($document->notes)
<p class="text-semibold">{{ trans_choice('general.notes', 2) }}</p>
<p class="text-semibold">
{{ trans_choice('general.notes', 2) }}
</p>
{!! nl2br($document->notes) !!}
@endif
@stack('notes_input_end')
@ -255,23 +302,39 @@
@if ($total->code != 'total')
@stack($total->code . '_total_tr_start')
<div class="text">
<span class="float-left text-semibold">{{ trans($total->title) }}:</span>
<span>@money($total->amount, $document->currency_code, true)</span>
<span class="float-left text-semibold">
{{ trans($total->title) }}:
</span>
<span>
@money($total->amount, $document->currency_code, true)
</span>
</div>
@stack($total->code . '_total_tr_end')
@else
@if ($document->paid)
@stack('paid_total_tr_start')
<div class="text">
<span class="float-left text-semibold">{{ trans('invoices.paid') }}:</span>
<span>- @money($document->paid, $document->currency_code, true)</span>
<span class="float-left text-semibold">
{{ trans('invoices.paid') }}:
</span>
<span>
- @money($document->paid, $document->currency_code, true)
</span>
</div>
@stack('paid_total_tr_end')
@endif
@stack('grand_total_tr_start')
<div class="text">
<span class="float-left text-semibold">{{ trans($total->name) }}:</span>
<span>@money($document->amount_due, $document->currency_code, true)</span>
<span class="float-left text-semibold">
{{ trans($total->name) }}:
</span>
<span>
@money($document->amount_due, $document->currency_code, true)
</span>
</div>
@stack('grand_total_tr_end')
@endif
@ -284,7 +347,9 @@
<div class="row mt-7">
<div class="col-100 py-top p-modern bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
<div class="text pl-2">
<strong class="text-white">{!! nl2br($document->footer) !!}</strong>
<strong class="text-white">
{!! nl2br($document->footer) !!}
</strong>
</div>
</div>
</div>