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

Display selected budget and update sidebar on change

Browse Source
This commit is contained in:
Jan Bader 2022-01-25 19:25:11 +00:00
parent 3b130b8621
commit 4f2b3b7b22
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,9 +2,15 @@
import NewBudget from '@/dialogs/NewBudget.vue'; import NewBudget from '@/dialogs/NewBudget.vue';
export default { export default {
props: ["budgetid"],
mounted() { mounted() {
this.$store.dispatch("fetchDashboard"); this.$store.dispatch("fetchDashboard");
}, },
watch: {
budgetid () {
this.$store.dispatch("setCurrentBudget", this.budgetid)
}
},
components: { NewBudget } components: { NewBudget }
} }
</script> </script>
@ -14,7 +20,7 @@ export default {
<v-container> <v-container>
<v-card v-for="budget in $store.getters.Budgets" class="budget-item"> <v-card v-for="budget in $store.getters.Budgets" class="budget-item">
<v-card-title class="text-h5 grey lighten-2"> <v-card-title class="text-h5 grey lighten-2">
<router-link v-bind:to="'/budget/'+budget.ID">{{budget.Name}}</router-link> <router-link v-bind:to="'/budget/'+budget.ID">{{budget.Name}}{{budget.ID == budgetid ? " *" : ""}}</router-link>
</v-card-title> </v-card-title>
<v-card-text><span class="time"></span></v-card-text> <v-card-text><span class="time"></span></v-card-text>
</v-card> </v-card>