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

Show sum for all on/off-budget accounts

Browse Source
This commit is contained in:
Jan Bader 2022-02-07 22:38:46 +00:00
parent 33c83c0a69
commit e873795562
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/pages/BudgetSidebar.vue
View File

@ -20,17 +20,23 @@ export default defineComponent({
<!--<router-link :to="'/budget/'+$store.getters.CurrentBudgetID+'/all-accounts'">All Accounts</router-link>--> <!--<router-link :to="'/budget/'+$store.getters.CurrentBudgetID+'/all-accounts'">All Accounts</router-link>-->
</span> </span>
<li class="bg-orange-200 rounded-lg m-1 p-1 px-3"> <li class="bg-orange-200 rounded-lg m-1 p-1 px-3">
On-Budget Accounts <div class="flex flex-row justify-between font-bold">
<div v-for="account in $store.getters.OnBudgetAccounts" class="flex flex-row justify-between px-3"> <span>On-Budget Accounts</span>
<Currency :class="$store.state.ExpandMenu?'md:inline':'md:hidden'" :value="$store.getters.OnBudgetAccountsBalance" />
</div>
<div v-for="account in $store.getters.OnBudgetAccounts" class="flex flex-row justify-between">
<router-link :to="'/budget/'+budgetid+'/account/'+account.ID">{{account.Name}}</router-link> <router-link :to="'/budget/'+budgetid+'/account/'+account.ID">{{account.Name}}</router-link>
<Currency v-if="$store.state.ExpandMenu" :value="account.Balance" /> <Currency :class="$store.state.ExpandMenu?'md:inline':'md:hidden'" :value="account.Balance" />
</div> </div>
</li> </li>
<li class="bg-red-200 rounded-lg m-1 p-1 px-3"> <li class="bg-red-200 rounded-lg m-1 p-1 px-3">
Off-Budget Accounts <div class="flex flex-row justify-between font-bold">
<div v-for="account in $store.getters.OffBudgetAccounts" class="flex flex-row justify-between px-3"> <span>Off-Budget Accounts</span>
<Currency :class="$store.state.ExpandMenu?'md:inline':'md:hidden'" :value="$store.getters.OffBudgetAccountsBalance" />
</div>
<div v-for="account in $store.getters.OffBudgetAccounts" class="flex flex-row justify-between">
<router-link :to="'/budget/'+budgetid+'/account/'+account.ID">{{account.Name}}</router-link> <router-link :to="'/budget/'+budgetid+'/account/'+account.ID">{{account.Name}}</router-link>
<Currency v-if="$store.state.ExpandMenu" :value="account.Balance" /> <Currency :class="$store.state.ExpandMenu?'md:inline':'md:hidden'" :value="account.Balance" />
</div> </div>
</li> </li>
<li class="bg-red-200 rounded-lg m-1 p-1 px-3"> <li class="bg-red-200 rounded-lg m-1 p-1 px-3">

6
web/src/store/budget/index.ts
View File

@ -98,9 +98,15 @@ export const budgetStore : Module<BudgetState, any> = {
OnBudgetAccounts(state) { OnBudgetAccounts(state) {
return Array.from(state.Accounts.values()).filter(x => x.OnBudget); return Array.from(state.Accounts.values()).filter(x => x.OnBudget);
}, },
OnBudgetAccountsBalance(state, getters){
return getters.OnBudgetAccounts.reduce((prev, curr) => prev + Number(curr.Balance), 0);
},
OffBudgetAccounts(state) { OffBudgetAccounts(state) {
return Array.from(state.Accounts.values()).filter(x => !x.OnBudget); return Array.from(state.Accounts.values()).filter(x => !x.OnBudget);
}, },
OffBudgetAccountsBalance(state, getters){
return getters.OffBudgetAccounts.reduce((prev, curr) => prev + Number(curr.Balance), 0);
},
Transactions(state) { Transactions(state) {
return (state.Transactions || []); return (state.Transactions || []);
} }