shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show template edited

Browse Source
This commit is contained in:
Burak Civan 2021-06-25 18:10:58 +03:00
parent eb8d94a31a
commit 2f85448ff7
5 changed files with 282 additions and 278 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/Abstracts/View/Components/TransactionShow.php
View File

@ -837,7 +837,7 @@ abstract class TransactionShow extends Base
return $class;
}
return 'col-md-2';
return 'col-4 col-lg-3';
}
protected function getClassHeaderContact($type, $classHeaderContact)
@ -852,7 +852,7 @@ abstract class TransactionShow extends Base
return $class;
}
return 'col-md-3';
return 'col-4 col-lg-2';
}
protected function getClassHeaderCategory($type, $classHeaderCategory)
@ -867,7 +867,7 @@ abstract class TransactionShow extends Base
return $class;
}
return 'col-md-3';
return 'col-4 col-lg-3';
}
protected function getClassHeaderAmount($type, $classHeaderAmount)
@ -882,7 +882,7 @@ abstract class TransactionShow extends Base
return $class;
}
return 'col-md-2';
return 'col-4 col-lg-2';
}
protected function getClassHeaderPaidAt($type, $classHeaderPaidAt)
@ -897,7 +897,7 @@ abstract class TransactionShow extends Base
return $class;
}
return 'col-md-2';
return 'col-4 col-lg-2';
}
protected function getTextContentTitle($type, $textContentTitle)
@ -1187,4 +1187,4 @@ abstract class TransactionShow extends Base
return 'col-sm-6 col-md-6 col-lg-6 col-xl-6';
}
}
}

16
public/css/custom.css vendored
View File

@ -220,6 +220,22 @@ button:focus {
.mwpx-100 {
max-width: 100px !important;
}
.mwpx-200 {
max-width: 200px !important;
}
.mwpx-300 {
max-width: 300px !important;
}
.mwpx-400 {
max-width: 400px !important;
}
.mwpx-500 {
max-width: 500px !important;
}
/*--------Max Width 100 Pixel Finish--------*/
/*--------Form Group--------*/

32
public/css/print.css vendored
View File

@ -252,7 +252,7 @@ th, td
.col-16
{
display: inline-block;
width: 16%;
max-width: 16%;
vertical-align: top;
}
@ -516,14 +516,8 @@ th, td
font-size: 32px;
}
.show-head {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.show-card-body {
padding: 1.5rem 4.5rem;
padding: 1.5rem 2.5rem;
}
.show-card-bg-success {
@ -537,4 +531,26 @@ th, td
.show-company p {
min-height: 52px;
}
@media (max-width: 1200px) {
.transaction-head-text {
max-width: 100px !important;
}
}
@media (max-width: 991px) {
.transaction-head-text {
max-width: 75px !important;
}
}
@media (max-width: 575.98px) {
.show-card {
overflow-y: scroll;
}
.show-card-body {
padding: 1.5rem 1.5rem;
}
}

12
resources/views/components/transactions/show/header.blade.php
View File

@ -6,7 +6,7 @@
<br>
<strong>
<span class="float-left">
<span class="float-left long-texts mwpx-200 transaction-head-text">
{{ $transaction->account->name }}
</span>
</strong>
@ -22,7 +22,7 @@
<br>
<strong>
<span class="float-left">
<span class="float-left long-texts mwpx-300 transaction-head-text">
{{ $transaction->category->name }}
</span>
</strong>
@ -38,7 +38,7 @@
<br>
<strong>
<span class="float-left">
<span class="float-left long-texts mwpx-300 transaction-head-text">
{{ $transaction->contact->name }}
</span>
</strong>
@ -54,7 +54,7 @@
<br>
<strong>
<span class="float-left">
<span class="float-left long-texts mwpx-100 transaction-head-text">
@money($transaction->amount, $transaction->currency_code, true)
</span>
</strong>
@ -70,7 +70,7 @@
<br>
<strong>
<span class="float-left">
<span class="float-left long-texts mwpx-100 transaction-head-text">
@date($transaction->paid_at)
</span>
</strong>
@ -78,4 +78,4 @@
</div>
@endif
@stack('header_paid_at_end')
</div>
</div>

488
resources/views/components/transactions/template/default.blade.php
View File

@ -1,311 +1,283 @@
@stack('company_start')
@if (!$hideCompany)
<div class="row border-bottom-1 pt-6 pb-6">
<div class="col-16">
<div class="text company">
<table class="border-bottom-1">
<tr>
<td style="width:5%;" valign="top">
@stack('company_logo_start')
@if (!$hideCompanyLogo)
@if (!empty($transaction->contact->logo) && !empty($transaction->contact->logo->id))
<img src="{{ Storage::url($transaction->contact->logo->id) }}" height="128" width="128" alt="{{ $transaction->contact->name }}"/>
@if (!empty($document->contact->logo) && !empty($document->contact->logo->id))
<img src="{{ Storage::url($document->contact->logo->id) }}" height="128" width="128" alt="{{ $document->contact_name }}" />
@else
<img src="{{ $logo }}" alt="{{ setting('company.name') }}"/>
<img src="{{ $logo }}" alt="{{ setting('company.name') }}" />
@endif
@endif
@stack('company_logo_end')
</div>
</div>
<div class="col-42">
<div class="text company lead">
</td>
<td style="width: 60%;">
@stack('company_details_start')
@if (!$hideCompanyDetails)
@if (!$hideCompanyName)
<h2 class="mb-1">
<h2 class="mb-1" style="font-size: 16px;">
{{ setting('company.name') }}
</h2>
@endif
@if (!$hideCompanyAddress)
<p>{!! nl2br(setting('company.address')) !!}</p>
@endif
@if (!$hideCompanyAddress)
<p style="margin:0; padding:0; font-size:14px;">{!! nl2br(setting('company.address')) !!}</p>
@endif
@if (!$hideCompanyTaxNumber)
<p>
@if (setting('company.tax_number'))
{{ trans('general.tax_number') }}: {{ setting('company.tax_number') }}
@endif
</p>
@endif
@if (!$hideCompanyTaxNumber)
<p style="margin:0; padding:0; font-size:14px;">
@if (setting('company.tax_number'))
{{ trans('general.tax_number') }}: {{ setting('company.tax_number') }}
@endif
</p>
@endif
@if (!$hideCompanyPhone)
<p>
@if (setting('company.phone'))
{{ setting('company.phone') }}
@endif
</p>
@endif
@if (!$hideCompanyPhone)
<p style="margin:0; padding:0; font-size:14px;">
@if (setting('company.phone'))
{{ setting('company.phone') }}
@endif
</p>
@endif
@if (!$hideCompanyEmail)
<p>{{ setting('company.email') }}</p>
@endif
@if (!$hideCompanyEmail)
<p style="margin:0; padding:0; font-size:14px;">{{ setting('company.email') }}</p>
@endif
@endif
@stack('company_details_end')
</div>
</div>
</div>
</td>
</tr>
</table>
@endif
@stack('company_end')
<div class="row border-bottom-1 w-100 mt-6 pb-6 d-flex flex-column">
@if (!$hideContentTitle)
<h2 class="text-center text-uppercase mb-6">
{{ trans($textContentTitle) }}
</h2>
@endif
@if (!$hideContentTitle)
<table>
<tr>
<td style="padding-bottom: 0; padding-top: 32px;">
<h2 class="text-center text-uppercase" style="font-size: 16px;">{{ trans('invoices.revenue_made') }}</h2>
</td>
</tr>
</table>
@endif
<div class="d-flex">
<div class="d-flex flex-column col-lg-7 pl-0">
<div class="d-flex mt-3">
<div class="text company show-company col-lg-4 pl-0">
@if (!$hidePaidAt)
<p>
<strong>{{ trans($textPaidAt) }}:</strong>
</p>
@endif
<table>
<tr>
<td style="width: 70%; padding-top:0; padding-bottom:0;">
<table>
@if (!$hidePaidAt)
<tr>
<td style="width: 20%; padding-bottom:3px; font-size:14px; font-weight: bold;">{{ trans('general.date') }}:</td>
<td class="border-bottom-1" style="width:80%; padding-bottom:3px; font-size:14px;"> @date($transaction->paid_at)</td>
</tr>
@endif
@if (!$hideAccount)
<p>
<strong>{{ trans_choice($textAccount, 1) }}:</strong>
</p>
@endif
@if (!$hideAccount)
<tr>
<td style="width: 20%; padding-bottom:3px; font-size:14px; font-weight: bold;">{{ trans_choice('general.accounts', 1) }}:</td>
<td class="border-bottom-1" style="width:80%; padding-bottom:3px; font-size:14px;">{{ $transaction->account->name }}</td>
</tr>
@endif
@if (!$hideCategory)
<p>
{{ trans_choice($textCategory, 1) }}:</strong>
</p>
@endif
@if (!$hideCategory)
<tr>
<td style="width: 20%; padding-bottom:3px; font-size:14px; font-weight: bold;">{{ trans_choice('general.categories', 1) }}:</td>
<td class="border-bottom-1" style="width:80%; padding-bottom:3px; font-size:14px;">{{ $transaction->category->name }}</td>
</tr>
@endif
@if (!$hidePaymentMethods)
<p>
<strong>{{ trans_choice($textPaymentMethods, 1) }}:</strong>
</p>
@endif
@if (!$hidePaymentMethods)
<tr>
<td style="width: 20%; padding-bottom:3px; font-size:14px; font-weight: bold;">{{ trans_choice('general.payment_methods', 1) }}:</td>
<td class="border-bottom-1" style="width:80%; padding-bottom:3px; font-size:14px;">{{ $payment_methods[$transaction->payment_method] }}</td>
</tr>
@endif
@if (!$hideReference)
<p>
<strong>{{ trans($textReference) }}:</strong>
</p>
@endif
@if (!$hideReference)
<tr>
<td style="width: 20%; padding-bottom:3px; font-size:14px; font-weight: bold;">{{ trans('general.reference') }}:</td>
<td class="border-bottom-1" style="width:80%; padding-bottom:3px; font-size:14px;">{{ $transaction->reference }}</td>
</tr>
@endif
@if (!$hideDescription)
<p>
<strong>{{ trans($textDescription) }}:</strong>
</p>
@endif
</div>
@if (!$hideDescription)
<tr>
<td style="width: 20%; padding-bottom:3px; font-size:14px; font-weight: bold;">{{ trans('general.description') }}:</td>
<td style="width:80%; padding-bottom:3px; font-size:14px;">
<p style="font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0;">{!! nl2br($transaction->description) !!}</p>
</td>
</tr>
@endif
@if (!$hideContact)
<tr>
<td style="padding-top:45px; padding-bottom:0;">
<h2 style="font-size: 16px;">{{ trans('general.paid_by') }}</h2>
</td>
</tr>
@if ($hideContactInfo)
<tr>
<td style="padding-bottom:5px; padding-top:0; font-size:14px;">
<strong>{{ trans($textContactInfo) }}</strong><br>
</td>
</tr>
@endif
<div class="text company col-lg-8 pr-0 show-company show-company-value">
@if (!$hidePaidAt)
<p class="border-bottom-1">
@date($transaction->paid_at)
</p>
@endif
@stack('name_input_start')
@if (!$hideContactName)
<tr>
<td style="padding-bottom:5px; padding-top:0; font-size:14px;">
<strong>{{ $transaction->contact->name }}</strong><br>
</td>
</tr>
@endif
@stack('name_input_end')
@if (!$hideAccount)
<p class="border-bottom-1">
{{ $transaction->account->name }}
</p>
@endif
@stack('address_input_start')
@if (!$hideContactAddress)
<tr>
<td style="padding-bottom:5px; padding-top:0; font-size:14px;">
<p style="margin:0; padding:0; font-size:14px;">{!! nl2br($transaction->contact->address) !!}</p>
</td>
</tr>
@endif
@stack('address_input_end')
@if (!$hideCategory)
<p class="border-bottom-1">
{{ $transaction->category->name }}
</p>
@endif
@if (!$hidePaymentMethods)
<p class="border-bottom-1">
{{ $payment_methods[$transaction->payment_method] }}
</p>
@endif
@if (!$hideReference)
<p class="border-bottom-1">
{{ $transaction->reference }}
</p>
@endif
@if (!$hideDescription)
<p>
{!! nl2br($transaction->description) !!}
</p>
@endif
</div>
</div>
@if (!$hideContact)
<div class="text company mt-5">
<h2>{{ trans($textPaidBy) }}</h2>
@if ($hideContactInfo)
<strong>{{ trans($textContactInfo) }}</strong><br>
@endif
@stack('name_input_start')
@if (!$hideContactName)
<strong>{{ $transaction->contact->name }}</strong><br>
@endif
@stack('name_input_end')
@stack('address_input_start')
@if (!$hideContactAddress)
<p>{!! nl2br($transaction->contact->address) !!}</p>
@endif
@stack('address_input_end')
@stack('tax_number_input_start')
@if (!$hideContactTaxNumber)
<p>
@if ($transaction->contact->tax_number)
@stack('tax_number_input_start')
@if (!$hideContactTaxNumber)
<tr>
<td style="padding-bottom:5px; padding-top:0; font-size:14px;">
<p style="margin:0; padding:0; font-size:14px;">
@if ($transaction->contact->tax_number)
{{ trans('general.tax_number') }}: {{ $transaction->contact->tax_number }}
@endif
</p>
@endif
@stack('tax_number_input_end')
@endif
</p>
</td>
</tr>
@endif
@stack('tax_number_input_end')
@stack('phone_input_start')
@if (!$hideContactPhone)
<p>
@if ($transaction->contact->phone)
@stack('phone_input_start')
@if (!$hideContactPhone)
<tr>
<td style="padding-bottom:0; padding-top:0; font-size:14px;">
<p style="margin:0; padding:0; font-size:14px;">
@if ($transaction->contact->phone)
{{ $transaction->contact->phone }}
@endif
</p>
@endif
@stack('phone_input_end')
@stack('email_start')
@if (!$hideContactEmail)
<p>
{{ $transaction->contact->email }}
</p>
@endif
@stack('email_input_end')
</div>
@endif
</div>
@endif
</p>
</td>
</tr>
@endif
@stack('phone_input_end')
@stack('email_start')
@if (!$hideContactEmail)
<tr>
<td style="padding-bottom:0; padding-top:0; font-size:14px;">
<p style="margin:0; padding:0; font-size:14px;">
{{ $transaction->contact->email }}
</p>
</td>
</tr>
@endif
@stack('email_input_end')
@endif
</table>
</td>
@if (!$hideAmount)
<div class="d-flex flex-column align-items-end col-lg-5 pr-0">
<div class="card bg-success show-card-bg-success border-0 mt-4 mb-0">
<div class="card-body">
<div class="row">
<div class="col card-amount-badge text-center mt-3">
<h5 class="text-muted mb-0 text-white">
{{ trans($textAmount) }}
</h5>
<span class="h2 font-weight-bold mb-0 text-white">
@money($transaction->amount, $transaction->currency_code, true)
</span>
</div>
</div>
</div>
</div>
</div>
<td style="width:30%; padding-top:32px; padding-left: 25px;" valign="top">
<table>
<tr>
<td style="background-color: #6da252; -webkit-print-color-adjust: exact; width: 280px; font-weight:bold !important; display:block;">
<h5 class="text-muted mb-0 text-white" style="font-size: 20px; color:#ffffff; text-align:center; margin-top: 16px;">{{ trans('general.amount') }}</h5>
<p class="font-weight-bold mb-0 text-white" style="font-size: 32px; color:#ffffff; text-align:center;">
@money($transaction->amount, $transaction->currency_code, true)
</p>
</td>
</tr>
</table>
</td>
@endif
</div>
</div>
</tr>
</table>
<table>
<tr>
<td class="border-bottom-1" style="padding-bottom: 0; padding-top:16px;"></td>
</tr>
</table>
@if (!$hideReletad)
@if ($transaction->document)
<div class="row mt-3 mb-3">
<div class="col-100">
<div class="text">
<h3>{{ trans($textReleatedTransansaction) }}</h3>
<table>
<tr>
<td style="padding-bottom: 0; padding-top:36px;">
<h2 style="font-size: 16px;">{{ trans('invoices.related_revenue') }}</h2>
</td>
</tr>
</table>
<table class="table table-flush table-hover" cellspacing="0" cellpadding="0" style="margin-bottom: 36px;">
<thead style="background-color: #f6f9fc; -webkit-print-color-adjust: exact; font-family: Arial, sans-serif; color:#8898aa; font-size:11px;">
<tr class="border-bottom-1">
<th class="item text-left" style="text-align: left; text-transform: uppercase; font-family: Arial, sans-serif;">
<span>{{ trans_choice('general.numbers', 1) }}</span>
</th>
<table class="table table-flush table-hover mt-3">
<thead class="thead-light">
<tr class="border-bottom-1">
@if (!$hideReletadDocumentNumber)
<th class="item text-left">
<span>{{ trans_choice($textReleatedDocumentNumber, 1) }}</span>
</th>
@endif
<th class="quantity" style="text-align: left; text-transform: uppercase; font-family: Arial, sans-serif;">
{{ trans_choice('general.customers', 1) }}
</th>
@if (!$hideReletadContact)
<th class="quantity">
{{ trans_choice($textReleatedContact, 1) }}
</th>
@endif
<th class="price" style="text-align: left; text-transform: uppercase; font-family: Arial, sans-serif;">
{{ trans('invoices.invoice_date') }}
</th>
@if (!$hideReletadDocumentDate)
<th class="price">
{{ trans($textReleatedDocumentDate) }}
</th>
@endif
<th class="price" style="text-align: left; text-transform: uppercase; font-family: Arial, sans-serif;">
{{ trans('invoices.invoice_date') }}
</th>
@if (!$hideReletadDocumentAmount)
<th class="price">
{{ trans($textReleatedDocumentAmount) }}
</th>
@endif
<th class="total" style="text-align: left; text-transform: uppercase; font-family: Arial, sans-serif;">
{{ trans('general.amount') }}
</th>
</tr>
</thead>
@if (!$hideReletadAmount)
<th class="total">
{{ trans($textReleatedAmount) }}
</th>
@endif
</tr>
</thead>
<tbody>
<tr>
<td class="item" style="color:#525f7f; font-size:13px;">
<a style="color:#6da252 !important;" href="{{ route('invoices.show' , $transaction->document->id) }}">
{{ $transaction->document->document_number }}
</a>
</td>
<tbody>
<tr class="border-bottom-1">
@if (!$hideReletadDocumentNumber)
<td class="item">
<a href="{{ route($routeDocumentShow, $transaction->document->id) }}">
{{ $transaction->document->document_number }}
</a>
</td>
@endif
<td class="quantity" style="color:#525f7f; font-size:13px;">
{{ $transaction->document->contact_name }}
</td>
@if (!$hideReletadContact)
<td class="quantity">
{{ $transaction->document->contact_name }}
</td>
@endif
<td class="price" style="color:#525f7f; font-size:13px;">
@date($transaction->document->due_at)
</td>
@if (!$hideReletadDocumentDate)
<td class="price">
@date($transaction->document->due_at)
</td>
@endif
<td class="price" style="color:#525f7f; font-size:13px;">
@money($transaction->document->amount, $transaction->document->currency_code, true)
</td>
@if (!$hideReletadDocumentAmount)
<td class="price">
@money($transaction->document->amount, $transaction->document->currency_code, true)
</td>
@endif
@if (!$hideReletadAmount)
<td class="total">
@money($transaction->amount, $transaction->currency_code, true)
</td>
@endif
</tr>
</tbody>
</table>
</div>
</div>
</div>
<td class="total" style="color:#525f7f; font-size:13px;">
@money($transaction->amount, $transaction->currency_code, true)
</td>
</tr>
</tbody>
</table>
@else
<div class="row mt-3 mb-3">
<p class="text-right">
{{ trans('invoices.overdue_revenue') }}:
<strong style="font-weight: bold;">
@money($transaction->amount, $transaction->currency_code, true)
</strong>
</p>
</div>
<table>
<tr>
<td style="padding-bottom:0; font-size:14px;">
<p style="margin-bottom:0; font-size:14px;">
{{ trans('invoices.overdue_revenue') }}: <strong style="font-weight: bold;">@money($transaction->amount, $transaction->currency_code, true)</strong>
</p>
</td>
</tr>
</table>
@endif
@endif