jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Decrease displayed information

Browse Source
This commit is contained in:
Jan Bader 2022-03-01 18:52:04 +00:00
parent 3696bbde43
commit ecbb85aeaa
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/pages/Budgeting.vue
View File

@ -71,30 +71,30 @@ function getGroupState(group: { Name: string, Expand: boolean }): boolean {
<div> <div>
<router-link <router-link
:to="'/budget/' + CurrentBudgetID + '/budgeting/' + previous.Year + '/' + previous.Month" :to="'/budget/' + CurrentBudgetID + '/budgeting/' + previous.Year + '/' + previous.Month"
>Previous Month</router-link>- >&lt;&lt;</router-link>&nbsp;
<router-link <router-link
:to="'/budget/' + CurrentBudgetID + '/budgeting/' + current.Year + '/' + current.Month" :to="'/budget/' + CurrentBudgetID + '/budgeting/' + current.Year + '/' + current.Month"
>Current Month</router-link>- >Current Month</router-link>&nbsp;
<router-link <router-link
:to="'/budget/' + CurrentBudgetID + '/budgeting/' + next.Year + '/' + next.Month" :to="'/budget/' + CurrentBudgetID + '/budgeting/' + next.Year + '/' + next.Month"
>Next Month</router-link> >&gt;&gt;</router-link>
</div> </div>
<div class="container col-lg-12 grid grid-cols-4 md:grid-cols-5" id="content"> <div class="container col-lg-12 grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-5" id="content">
<span>Category</span> <span class="hidden sm:block"></span>
<span class="hidden md:block">Leftover</span> <span class="hidden lg:block text-right">Leftover</span>
<span>Assigned</span> <span class="hidden sm:block text-right">Assigned</span>
<span>Activity</span> <span class="hidden sm:block text-right">Activity</span>
<span>Available</span> <span class="hidden sm:block text-right">Available</span>
<template v-for="group in GroupsForMonth"> <template v-for="group in GroupsForMonth">
<a <a
class="text-lg font-bold col-span-4 md:col-span-5" class="text-lg font-bold col-span-2 sm:col-span-4 lg:col-span-5"
@click="toggleGroup(group)" @click="toggleGroup(group)"
>{{ (getGroupState(group) ? "−" : "+") + " " + group.Name }}</a> >{{ (getGroupState(group) ? "−" : "+") + " " + group.Name }}</a>
<template v-for="category in GetCategories(group.Name)" v-if="getGroupState(group)"> <template v-for="category in GetCategories(group.Name)" v-if="getGroupState(group)">
<span>{{ category.Name }}</span> <span class="whitespace-nowrap overflow-hidden">{{ category.Name }}</span>
<Currency :value="category.AvailableLastMonth" /> <Currency :value="category.AvailableLastMonth" class="hidden lg:block" />
<Currency :value="category.Assigned" /> <Currency :value="category.Assigned" class="hidden sm:block" />
<Currency :value="category.Activity" /> <Currency :value="category.Activity" class="hidden sm:block" />
<Currency :value="category.Available" /> <Currency :value="category.Available" />
</template> </template>
</template> </template>