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

Implement currentBudget and move infos to sidebar

Browse Source
This commit is contained in:
Jan Bader
2022-01-25 08:37:38 +00:00
parent 33990bdccf
commit af3252277c
6 changed files with 91 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
web/src/pages/Budget.vue
View File

@ -1,57 +0,0 @@
<script>
export default {
mounted () {
this.$store.dispatch("fetchBudget", this.$route.params.budgetid)
}
}
</script>
<template>
<h1>Budget</h1>
<h1>
<a href="/dashboard">⌂</a>
{{$store.getters.CurrentBudget.Name}}
</h1>
<ul>
<li><a href="/budget/{{$store.getters.CurrentBudget.ID}}">Budget</a></li>
<li>Reports (Coming Soon)</li>
<li><a href="/budget/{{$store.getters.CurrentBudget.ID}}/all-accounts">All Accounts</a></li>
<li>
On-Budget Accounts
<ul v-for="account in $store.getters.OnBudgetAccounts" class="two-valued">
<li>
<a href="/budget/{{$store.getters.CurrentBudget.ID}}/account/{{.ID}}">{{account.Name}}</a>
<span>{{account.Balance.Int / 100}}</span>
</li>
</ul>
</li>
<li>
Off-Budget Accounts
<ul v-for="account in $store.getters.OffBudgetAccounts" class="two-valued">
<li>
<a href="/budget/{{$store.getters.CurrentBudget.ID}}/account/{{.ID}}">{{account.Name}}</a>
<span>{{account.Balance.Int / 100}}</span>
</li>
</ul>
</li>
<li>
Closed Accounts
</li>
<li>
<a href="/budget/{{$.Budget.ID}}/accounts">Edit accounts</a>
</li>
<li>
+ Add Account
</li>
<li>
<a href="/budget/{{.Budget.ID}}/settings">Budget-Settings</a>
</li>
<li>
<a href="/admin">Admin</a>
</li>
<li>
<a href="/api/v1/user/logout">Logout</a>
</li>
</ul>
</template>

55
web/src/pages/BudgetSidebar.vue Normal file
View File

@ -0,0 +1,55 @@
<script>
export default {
mounted () {
const budgetid = this.$route.params.budgetid;
this.$store.dispatch("setCurrentBudget", budgetid)
}
}
</script>
<template>
<h1>Budget</h1>
<h1>
<router-link to="/dashboard">⌂</router-link>
{{$store.getters.CurrentBudget.Name}}
</h1>
<ul>
<li><router-link :to="'/budget/'+$store.getters.CurrentBudget.ID">Budget</router-link></li>
<li>Reports (Coming Soon)</li>
<li><router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/all-accounts'">All Accounts</router-link></li>
<li>
On-Budget Accounts
<ul v-for="account in $store.getters.OnBudgetAccounts" class="two-valued">
<li>
<router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/account/'+$store.getters.CurrentBudget.ID">{{account.Name}}</router-link>
<span>{{account.Balance.Int / 100}}</span>
</li>
</ul>
</li>
<li>
Off-Budget Accounts
<ul v-for="account in $store.getters.OffBudgetAccounts" class="two-valued">
<li>
<router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/account/'+$store.getters.CurrentBudget.ID">{{account.Name}}</router-link>
<span>{{account.Balance.Int / 100}}</span>
</li>
</ul>
</li>
<li>
Closed Accounts
</li>
<li>
<router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/accounts'">Edit accounts</router-link>
</li>
<li>
+ Add Account
</li>
<li>
<router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/settings'">Budget-Settings</router-link>
</li>
<li>
<router-link to="/admin">Admin</router-link>
</li>
</ul>
</template>