Improve account summary

Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2024-01-19 00:18:30 +01:00
parent 70dd388476
commit def162cd84
Signed by: luzifer
SSH key fingerprint: SHA256:/xtE5lCgiRDQr8SLxHMS92ZBlACmATUmF1crK16Ks4E

View file

@ -10,17 +10,23 @@
<div class="col d-flex text-center flex-column"> <div class="col d-flex text-center flex-column">
<span class="fs-3 text-semibold">{{ accountIdToName[accountId] }}</span> <span class="fs-3 text-semibold">{{ accountIdToName[accountId] }}</span>
<div class="d-flex align-items-center mx-auto"> <div class="d-flex align-items-center mx-auto">
<div class="d-inline-flex text-center flex-column mx-2"> <div class="d-inline-flex text-center flex-column mx-4">
{{ formatNumber(account.balance - balanceUncleared) }} {{ formatNumber(account.balance - balanceUncleared) }}
<span class="form-text mt-0">Cleared Balance</span> <span class="form-text mt-0">
<i class="fas fa-fw fa-copyright mr-1 text-success" />
Cleared Balance
</span>
</div> </div>
+ +
<div class="d-inline-flex text-center flex-column mx-2"> <div class="d-inline-flex text-center flex-column mx-4">
{{ formatNumber(balanceUncleared) }} {{ formatNumber(balanceUncleared) }}
<span class="form-text mt-0">Uncleared Balance</span> <span class="form-text mt-0">
<i class="fas fa-fw fa-copyright mr-1" />
Uncleared Balance
</span>
</div> </div>
= =
<div class="d-inline-flex text-center flex-column mx-2"> <div class="d-inline-flex text-center flex-column mx-4">
{{ formatNumber(account.balance) }} {{ formatNumber(account.balance) }}
<span class="form-text mt-0">Working Balance</span> <span class="form-text mt-0">Working Balance</span>
</div> </div>