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:
jacob1123 committed 2022-02-07 22:38:46 +00:00
1 parent 33c83c0a69
commit e873795562
2 files changed
+18 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/src/pages/BudgetSidebar.vue
+12 -6
View File
@@ -20,17 +20,23 @@ export default defineComponent({
<!--<router-link :to="'/budget/'+$store.getters.CurrentBudgetID+'/all-accounts'">All Accounts</router-link>-->
</span>
<li class="bg-orange-200 rounded-lg m-1 p-1 px-3">
On-Budget Accounts
<div v-for="account in $store.getters.OnBudgetAccounts" class="flex flex-row justify-between px-3">
<div class="flex flex-row justify-between font-bold">
<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>
<Currency v-if="$store.state.ExpandMenu" :value="account.Balance" />
<Currency :class="$store.state.ExpandMenu?'md:inline':'md:hidden'" :value="account.Balance" />
</div>
</li>
<li class="bg-red-200 rounded-lg m-1 p-1 px-3">
Off-Budget Accounts
<div v-for="account in $store.getters.OffBudgetAccounts" class="flex flex-row justify-between px-3">
<div class="flex flex-row justify-between font-bold">
<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>
<Currency v-if="$store.state.ExpandMenu" :value="account.Balance" />
<Currency :class="$store.state.ExpandMenu?'md:inline':'md:hidden'" :value="account.Balance" />
</div>
</li>
<li class="bg-red-200 rounded-lg m-1 p-1 px-3">