From 442e87234c2becfbc281843e242df4ad47af5585 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Fri, 4 Mar 2022 21:31:13 +0000
Subject: [PATCH] Show available income in Budgeting header

---
 web/src/pages/Budgeting.vue      |  1 +
 web/src/stores/budget-account.ts | 13 +++++++++++++
 web/src/stores/session.ts        |  1 +
 web/src/stores/transactions.ts   |  2 +-
 4 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/Budgeting.vue b/web/src/pages/Budgeting.vue
index 77c1535..aef067e 100644
--- a/web/src/pages/Budgeting.vue
+++ b/web/src/pages/Budgeting.vue
@@ -68,6 +68,7 @@ function getGroupState(group: { Name: string, Expand: boolean }): boolean {
 
 <template>
     <h1>Budget for {{ selected.Month + 1 }}/{{ selected.Year }}</h1>
+    <span>Available balance: <Currency :value="accountStore.GetIncomeAvailable(selected.Year, selected.Month)" /></span>
     <div>
         <router-link
             :to="'/budget/' + CurrentBudgetID + '/budgeting/' + previous.Year + '/' + previous.Month"
diff --git a/web/src/stores/budget-account.ts b/web/src/stores/budget-account.ts
index 0360411..1de29ba 100644
--- a/web/src/stores/budget-account.ts
+++ b/web/src/stores/budget-account.ts
@@ -55,12 +55,25 @@ export const useAccountStore = defineStore("budget/account", {
                 return category.AvailableLastMonth + Number(category.Assigned) + category.Activity;
             }
         },
+        GetIncomeCategoryID(state) {
+            const budget = useBudgetsStore();
+            return budget.CurrentBudget?.IncomeCategoryID;
+        },
+        GetIncomeAvailable(state) {
+            return (year: number, month: number) => {
+                const categories = this.AllCategoriesForMonth(year, month);
+                return categories.filter(x => x.ID == this.GetIncomeCategoryID)[0].AvailableLastMonth;
+            }
+        },
         CategoryGroupsForMonth(state) {
             return (year: number, month: number) => {
                 const categories = this.AllCategoriesForMonth(year, month);
                 const categoryGroups = [];
                 let prev = undefined;
                 for (const category of categories) {
+                    if (category.ID == this.GetIncomeCategoryID)
+                        continue;
+                        
                     if (category.Group != prev)
                         categoryGroups.push({
                             Name: category.Group,
diff --git a/web/src/stores/session.ts b/web/src/stores/session.ts
index cf61e2f..5b8d690 100644
--- a/web/src/stores/session.ts
+++ b/web/src/stores/session.ts
@@ -16,6 +16,7 @@ export interface Budget {
     ID: string
     Name: string
     AvailableBalance: number
+    IncomeCategoryID: string
 }
 
 export const useSessionStore = defineStore('session', {
diff --git a/web/src/stores/transactions.ts b/web/src/stores/transactions.ts
index 121cebb..e8c9825 100644
--- a/web/src/stores/transactions.ts
+++ b/web/src/stores/transactions.ts
@@ -39,7 +39,7 @@ export const useTransactionsStore = defineStore("budget/transactions", {
             return reconciledBalance;
         },
         TransactionsList(state): Transaction[] {
-                const accountsStore = useAccountStore()
+            const accountsStore = useAccountStore()
             return accountsStore.CurrentAccount!.Transactions.map(x => {
                 return this.Transactions.get(x)!
             });