From 4f2b3b7b221fd24db38379fb19f042491618d511 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Tue, 25 Jan 2022 19:25:11 +0000
Subject: [PATCH] Display selected budget and update sidebar on change

---
 web/src/pages/Dashboard.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/Dashboard.vue b/web/src/pages/Dashboard.vue
index f2d3384..6d2bedd 100644
--- a/web/src/pages/Dashboard.vue
+++ b/web/src/pages/Dashboard.vue
@@ -2,9 +2,15 @@
 import NewBudget from '@/dialogs/NewBudget.vue';
 
 export default {
+    props: ["budgetid"],
     mounted() {
         this.$store.dispatch("fetchDashboard");
     },
+    watch: {
+        budgetid () {
+            this.$store.dispatch("setCurrentBudget", this.budgetid)
+        }
+    },
     components: { NewBudget }
 }
 </script>
@@ -14,7 +20,7 @@ export default {
     <v-container>
         <v-card v-for="budget in $store.getters.Budgets" class="budget-item">
             <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-text><span class="time"></span></v-card-text>
         </v-card>