Merge pull request #611 from klittle81/EnhanceExpenseReport
Enhance Expense Report - Grouped itemized Expenses By Expense Category
This commit is contained in:
@@ -33,7 +33,7 @@
|
||||
.heading-date-range {
|
||||
font-weight: normal;
|
||||
font-size: 15px;
|
||||
color: #A5ACC1;
|
||||
color: #606060;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
padding: 0px;
|
||||
@@ -41,7 +41,7 @@
|
||||
}
|
||||
|
||||
.sub-heading-text {
|
||||
font-weight: normal;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
color: #595959;
|
||||
padding: 0px;
|
||||
@@ -50,8 +50,7 @@
|
||||
}
|
||||
|
||||
.expenses-title {
|
||||
margin-top: 60px;
|
||||
padding-left: 3px;
|
||||
margin-top: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 21px;
|
||||
color: #040405;
|
||||
@@ -133,6 +132,84 @@
|
||||
line-height: 21px;
|
||||
color: #5851D8;
|
||||
}
|
||||
|
||||
/* -- Items Table -- */
|
||||
|
||||
.items-table {
|
||||
margin-top: 35px;
|
||||
padding: 0px 30px 10px 30px;
|
||||
page-break-before: avoid;
|
||||
page-break-after: auto;
|
||||
}
|
||||
|
||||
.items-table hr {
|
||||
height: 0.1px;
|
||||
}
|
||||
|
||||
.item-table-heading-left {
|
||||
font-size: 13.5;
|
||||
text-align: left;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
padding: 5px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.item-table-heading-right {
|
||||
font-size: 13.5;
|
||||
text-align: right;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
padding: 5px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
tr.item-table-heading-row th {
|
||||
border-bottom: 0.620315px solid #E8E8E8;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.item-table-heading-row {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
tr.item-row td {
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.item-cell-left {
|
||||
font-size: 13;
|
||||
color: #040405;
|
||||
text-align: left;
|
||||
padding: 5px;
|
||||
padding-top: 10px;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
.item-cell-right {
|
||||
font-size: 13;
|
||||
color: #040405;
|
||||
text-align: right;
|
||||
padding: 5px;
|
||||
padding-top: 10px;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
.item-description {
|
||||
color: #595959;
|
||||
font-size: 9px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
.item-table-group-total {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
padding: 5px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@if (App::isLocale('th'))
|
||||
@@ -158,33 +235,28 @@
|
||||
</tr>
|
||||
</table>
|
||||
<p class="expenses-title">@lang('pdf_expenses_label')</p>
|
||||
<div class="expenses-table-container">
|
||||
<table class="expenses-table">
|
||||
@foreach ($expenseCategories as $expenseCategory)
|
||||
<tr>
|
||||
<td>
|
||||
<p class="expense-title">
|
||||
{{ $expenseCategory->category->name }}
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="expense-amount">
|
||||
{!! format_money_pdf($expenseCategory->total_amount, $currency) !!}
|
||||
</p>
|
||||
</td>
|
||||
@foreach ($expenseGroups as $group)
|
||||
<p class="expense-title">{{ $group['name'] }}</p>
|
||||
<table width="100%" style="margin-bottom:18px;">
|
||||
<tr class="item-table-heading-row">
|
||||
<th style="width: 15%;" class="text-left item-table-heading-left">@lang('Date')</th>
|
||||
<th style="width: 70%;" class="text-left item-table-heading-left">@lang('Note')</th>
|
||||
<th style="width: 15%;" class="text-right item-table-heading-right">@lang('Amount')</th>
|
||||
</tr>
|
||||
@foreach ($group['expenses'] as $expense)
|
||||
<tr class="item-row">
|
||||
<td style="width: 15%;" class="text-left item-cell-left">{{ $expense->formatted_expense_date }}</td>
|
||||
<td style="width: 70%;" class="text-left item-cell-left">{{ $expense->notes ? $expense->notes : '-' }}</td>
|
||||
<td style="width: 15%;" class="text-right item-cell-right">{!! format_money_pdf($expense->base_amount, $currency) !!}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="expense-total-table">
|
||||
<tr>
|
||||
<td class="expense-total-cell">
|
||||
<p class="expense-total">{!! format_money_pdf($totalExpense, $currency) !!}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
<div class="item-table-group-total">
|
||||
<p>@lang('pdf_expense_group_total_label') <span style="color: #5851D8;">{!! format_money_pdf($group['total'], $currency) !!}</span></p>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<table class="report-footer">
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
Reference in New Issue
Block a user