71 lines
2.8 KiB
Text
71 lines
2.8 KiB
Text
package web
|
|
|
|
templ dashboard() {
|
|
<title>Dashboard</title>
|
|
<div class="container">
|
|
<div class="row" style="margin-top: -20px">
|
|
<div class="c-crust col card mx-auto cr-all d-flex-col">
|
|
<div class="c-s0 d-flex w-100 cr-top">
|
|
<i class="my-auto c-text py-3 ps-3 ms-1" data-feather="arrow-left"></i>
|
|
<span class="mx-auto my-auto c-text">Income/Expenses</span>
|
|
<i class="my-auto c-text py-3 pe-3 me-1 ms-auto" data-feather="arrow-right"></i>
|
|
</div>
|
|
<div class="h-100">
|
|
<div class="w-50 h-100">
|
|
<canvas
|
|
class="chartjs-chart"
|
|
data-chart-endpoint="/web/dashboard/expenditure_chart"
|
|
data-chart-type="bar"
|
|
id="IncomeVsExpenditureChart"
|
|
></canvas>
|
|
</div>
|
|
<div class="c-mantle">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="c-crust col card mx-auto cr-all">
|
|
<div class="c-s0 d-flex w-100 cr-top">
|
|
<i class="my-auto c-text py-3 ps-3 ms-1" data-feather="arrow-left"></i>
|
|
<i class="my-auto c-text py-3 pe-3 me-1 ms-auto" data-feather="arrow-right"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-5">
|
|
<table class="card-table table table-striped cr-all">
|
|
<colgroup>
|
|
<col style="width: 2%"></col>
|
|
<col style="width: 15%"></col>
|
|
<col style="width: 30%"></col>
|
|
<col style="width: 15%"></col>
|
|
<col style="width: 3%"></col>
|
|
<col style="width: 1%"></col>
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<td>
|
|
</td>
|
|
<td>
|
|
<div class="d-flex">
|
|
<span class="my-auto me-0">
|
|
ID
|
|
</span>
|
|
<i class="my-auto ms-0 me-auto" data-feather="chevron-up"></i>
|
|
</div>
|
|
</td>
|
|
<td>Account</td>
|
|
<td>Date</td>
|
|
<td></td>
|
|
<td class="t-e" style="width:auto">Amount</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
hx-trigger="load delay:0.25s"
|
|
hx-get="/web/transaction_table_rows"
|
|
hx-params=""
|
|
>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
}
|