Enhance finance summary layout and styling in main-view.php; add new styles to style.scss

This commit is contained in:
2024-11-10 14:55:49 +01:00
parent a91c2275b1
commit 4acdddcabf
5 changed files with 134 additions and 26 deletions

View File

@@ -4,52 +4,44 @@
<small>Analiza kosztów i przychodów (wg kategorii)</small>
</div>
</div>
<div class="row">
<div class="col-3">
<div class="finance-summary">
<div class="column">
<div class="panel panel-tile text-center br-a br-grey">
<div class="panel-body">
<h1 class="fs30 mt5 mbn <?= ( $this -> wallet_summary > 0 ) ? 'text-system' : 'text-danger';?>"><?= \S::number_display( $this -> wallet_summary );?></h1>
</div>
<div class="panel-footer br-t p12">
<span class="fs12">
<b>od początku</b>
</span>
<span class="fs12">od początku</span>
</div>
</div>
</div>
<div class="col-3">
<div class="column">
<div class="panel panel-tile text-center br-a br-grey">
<div class="panel-body">
<h1 class="fs30 mt5 mbn <?= ( $this -> wallet_summary_this_month > 0 ) ? 'text-system' : 'text-danger';?>"><?= \S::number_display( $this -> wallet_summary_this_month );?></h1>
</div>
<div class="panel-footer br-t p12">
<span class="fs11">
<b>suma w tym miesiącu</b>
</span>
<span class="fs11">suma w tym miesiącu</span>
</div>
</div>
</div>
<div class="col-3">
<div class="column">
<div class="panel panel-tile text-center br-a br-grey">
<div class="panel-body">
<h1 class="fs30 mt5 mbn <?= ( $this -> wallet_income_this_month > 0 ) ? 'text-system' : 'text-danger';?>"><?= \S::number_display( $this -> wallet_income_this_month );?></h1>
</div>
<div class="panel-footer br-t p12">
<span class="fs11">
<b>dochody w tym miesiącu</b>
</span>
<span class="fs11">dochody w tym miesiącu</span>
</div>
</div>
</div>
<div class="col-3">
<div class="column">
<div class="panel panel-tile text-center br-a br-grey">
<div class="panel-body">
<h1 class="fs30 mt5 mbn <?= ( $this -> wallet_expenses_this_month > 0 ) ? 'text-system' : 'text-danger';?>"><?= \S::number_display( $this -> wallet_expenses_this_month );?></h1>
</div>
<div class="panel-footer br-t p12">
<span class="fs11">
<b>wydatki w tym miesiącu</b>
</span>
<span class="fs11">wydatki w tym miesiącu</span>
</div>
</div>
</div>
@@ -281,9 +273,9 @@
<? endif;?>
<br><small><?= \factory\Finances::get_operation_tags( $operation['id'] );?></small>
</td>
<td class="pl15 category-name">
<a href="/finances/operation_edit/category-id=<?= $operation['category_id'];?>&operation-id=<?= $operation['id'];?>" class="green" title="edytuj operację"><i class="fa fa-cog"></i></a>
<a href="/finances/operation_delete/category-id=<?= $operation['category_id'];?>&operation-id=<?= $operation['id'];?>" class="red operation-delete" title="usuń operację"><i class="fa fa-times"></i></a>
<td class="pl15 actions">
<a href="/finances/operation_edit/category-id=<?= $operation['category_id'];?>&operation-id=<?= $operation['id'];?>" title="edytuj operację"><i class="fa fa-cog"></i></a>
<a href="/finances/operation_delete/category-id=<?= $operation['category_id'];?>&operation-id=<?= $operation['id'];?>" class="operation-delete" title="usuń operację"><i class="fa fa-times"></i></a>
</td>
</tr>
<? $total = $total + $operation['amount'];?>