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

Add getters for current budget ID and Name

Browse Source
This commit is contained in:
Jan Bader 2022-02-05 14:26:56 +00:00
parent 80b5a7abfe
commit ddaf647d87
4 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/App.vue
View File

@ -28,7 +28,7 @@ export default defineComponent({
<div class="flex bg-gray-400 p-4 m-2 rounded-lg">
<span class="flex-1 font-bold text-5xl -my-3" @click="toggleMenu">≡</span>
<span class="flex-1">{{$store.getters.CurrentBudget.Name}}</span>
<span class="flex-1">{{$store.getters.CurrentBudgetName}}</span>
<div class="flex flex-1 flex-row justify-end -mx-4">
<router-link class="mx-4" v-if="loggedIn" to="/dashboard">Dashboard</router-link>

2
web/src/pages/Account.vue
View File

@ -82,7 +82,7 @@ export default defineComponent({
>{{ transaction.CategoryGroup ? transaction.CategoryGroup + " : " + transaction.Category : "" }}</td>
<td>
<a
:href="'/budget/' + $store.getters.CurrentBudget.ID + '/transaction/' + transaction.ID"
:href="'/budget/' + $store.getters.CurrentBudgetID + '/transaction/' + transaction.ID"
>{{ transaction.Memo }}</a>
</td>
<td

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

@ -10,12 +10,12 @@ export default defineComponent({
<div class="flex flex-col">
<span class="m-1 p-1 px-3 text-xl">
<router-link to="/dashboard">⌂</router-link>
{{$store.getters.CurrentBudget.Name}}
{{$store.getters.CurrentBudgetName}}
</span>
<span class="bg-orange-200 rounded-lg m-1 p-1 px-3 flex flex-col">
<router-link :to="'/budget/'+budgetid">Budget</router-link><br />
<span>Reports (Coming Soon)</span>
<router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/all-accounts'">All Accounts</router-link>
<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
@ -35,13 +35,13 @@ export default defineComponent({
Closed Accounts
</li>
<!--<li>
<router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/accounts'">Edit accounts</router-link>
<router-link :to="'/budget/'+$store.getters.CurrentBudgetID+'/accounts'">Edit accounts</router-link>
</li>-->
<li class="bg-red-200 rounded-lg m-1 p-1 px-3">
+ Add Account
</li>
<li class="bg-red-200 rounded-lg m-1 p-1 px-3">
<router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/settings'">Budget-Settings</router-link>
<router-link :to="'/budget/'+$store.getters.CurrentBudgetID+'/settings'">Budget-Settings</router-link>
</li>
<!--<li><router-link to="/admin">Admin</router-link></li>-->
</div>

22
web/src/store/index.ts
View File

@ -201,15 +201,27 @@ export const store = createStore<State>({
'Authorization': 'Bearer ' + state.Session.Token
}
},
CurrentBudget(state) {
CurrentBudget(state) : Budget | undefined {
if (state.CurrentBudgetID == null)
return {};
return undefined;
return state.Budgets.get(state.CurrentBudgetID) || {};
return state.Budgets.get(state.CurrentBudgetID);
},
CurrentAccount(state) {
CurrentBudgetID(state) : string | undefined {
return state.CurrentBudgetID;
},
CurrentBudgetName(state) : string {
if (state.CurrentBudgetID == null)
return "";
const currentBudget = state.Budgets.get(state.CurrentBudgetID);
if(currentBudget != undefined)
return currentBudget.Name;
return "";
},
CurrentAccount(state) : Account | undefined {
if (state.CurrentAccountID == null)
return { name: "Not found" };
return undefined;
return state.Accounts.get(state.CurrentAccountID);
},
OnBudgetAccounts(state) {