25 lines
769 B
Vue
25 lines
769 B
Vue
<script lang="ts">
|
|
import NewBudget from '../dialogs/NewBudget.vue';
|
|
import Card from '../components/Card.vue';
|
|
import { defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
props: ["budgetid"],
|
|
components: { NewBudget, Card }
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<h1>Budgets</h1>
|
|
<div class="grid md:grid-cols-2 gap-6">
|
|
<Card v-for="budget in $store.getters.Budgets">
|
|
<router-link v-bind:to="'/budget/'+budget.ID+'/budgeting'" class="contents">
|
|
<!--<svg class="w-24"></svg>-->
|
|
<p class="w-24 text-center text-6xl"></p>
|
|
<span class="text-lg">{{budget.Name}}{{budget.ID == budgetid ? " *" : ""}}</span>
|
|
</router-link>
|
|
</Card>
|
|
<NewBudget />
|
|
</div>
|
|
</template>
|