29 lines
814 B
Vue
29 lines
814 B
Vue
<script>
|
|
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>
|
|
|
|
<template>
|
|
<h1>Budgets</h1>
|
|
<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}}{{budget.ID == budgetid ? " *" : ""}}</router-link>
|
|
</v-card-title>
|
|
<v-card-text><span class="time"></span></v-card-text>
|
|
</v-card>
|
|
<NewBudget />
|
|
</v-container>
|
|
</template> |