Display selected budget and update sidebar on change

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>