jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Improve layout of Account view

Browse Source
This commit is contained in:
Jan Bader 2022-01-29 22:38:23 +00:00
parent 58683a33fb
commit e85cf0ea55
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/src/pages/Account.vue
View File

@ -14,30 +14,34 @@ export default {
<template> <template>
<v-container> <v-container>
<table class="container col-lg-12" id="content"> <h1>{{$store.getters.CurrentAccount.Name}}</h1>
<p>
Current Balance: {{$store.getters.CurrentAccount.Balance.Int / 100}}
</p>
<table>
<tr v-for="transaction in $store.getters.Transactions" class="{{transaction.Date.After now ? 'future' : ''}}"> <tr v-for="transaction in $store.getters.Transactions" class="{{transaction.Date.After now ? 'future' : ''}}">
<td>{{transaction.Date.substring(0, 10)}}</td> <td style="width: 90px;">{{transaction.Date.substring(0, 10)}}</td>
<!--<td> <!--<td>
{{transaction.Account}} {{transaction.Account}}
</td>--> </td>-->
<td> <td style="max-width: 150px;">
{{transaction.Payee}} {{transaction.Payee}}
</td> </td>
<td> <td style="max-width: 200px;">
{{transaction.CategoryGroup ? transaction.CategoryGroup + " : " + transaction.Category : ""}} {{transaction.CategoryGroup ? transaction.CategoryGroup + " : " + transaction.Category : ""}}
</td> </td>
<td>
{{transaction.GroupID ? "☀" : ""}}
</td>
<td class="cutoff"> <td class="cutoff">
<a :href="'/budget/'+$store.getters.CurrentBudget.ID+'/transaction/'+transaction.ID">{{transaction.Memo}}</a> <a :href="'/budget/'+$store.getters.CurrentBudget.ID+'/transaction/'+transaction.ID">{{transaction.Memo}}</a>
</td> </td>
<td> <td style="width: 80px;" :class="transaction.Amount.Int < 0 ? 'negative' : ''">
{{transaction.Amount.Int / 100}} {{transaction.Amount.Int / 100}}
</td> </td>
<td> <td style="width: 20px;">
{{transaction.Status == "Reconciled" ? "✔" : (transaction.Status == "Uncleared" ? "" : "*")}} {{transaction.Status == "Reconciled" ? "✔" : (transaction.Status == "Uncleared" ? "" : "*")}}
</td> </td>
<td style="width: 20px;">
{{transaction.GroupID ? "☀" : ""}}
</td>
</tr> </tr>
</table> </table>
</v-container> </v-container>