Implement account-view
This commit is contained in:
39
web/src/pages/Account.vue
Normal file
39
web/src/pages/Account.vue
Normal file
@ -0,0 +1,39 @@
|
||||
<script>
|
||||
export default {
|
||||
mounted() {
|
||||
this.$store.dispatch("setCurrentAccount", {budgetid: this.budgetid, accountid: this.accountid})
|
||||
},
|
||||
props: ["budgetid", "accountid"]
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-container>
|
||||
<table class="container col-lg-12" id="content">
|
||||
<tr v-for="transaction in $store.getters.Transactions" class="{{transaction.Date.After now ? 'future' : ''}}">
|
||||
<td>{{transaction.Date}}</td>
|
||||
<td>
|
||||
{{transaction.Account}}
|
||||
</td>
|
||||
<td>
|
||||
{{transaction.Payee}}
|
||||
</td>
|
||||
<td>
|
||||
{{transaction.CategoryGroup ? transaction.CategoryGroup + " : " + transaction.Category : ""}}
|
||||
</td>
|
||||
<td>
|
||||
{{transaction.GroupID ? "☀" : ""}}
|
||||
</td>
|
||||
<td>
|
||||
<a :href="'/budget/'+$store.getters.CurrentBudget.ID+'/transaction/'+transaction.ID">{{transaction.Memo}}</a>
|
||||
</td>
|
||||
<td>
|
||||
{{transaction.Amount}}
|
||||
</td>
|
||||
<td>
|
||||
{{transaction.Status}}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</v-container>
|
||||
</template>
|
Reference in New Issue
Block a user