budgeteer/web/src/pages/Dashboard.vue

22 lines
690 B
Vue

<script lang="ts">
import NewBudget from '../dialogs/NewBudget.vue';
import { defineComponent } from 'vue';
export default defineComponent({
props: ["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>