39 lines
1.3 KiB
Vue
39 lines
1.3 KiB
Vue
<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> |