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

Implement summing per category group
All checks were successful
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/pr Build is passing
Details

Browse Source
This commit is contained in:
Jan Bader 2022-03-05 22:23:41 +00:00
parent 97de326527
commit b176ce26ba
2 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -96,9 +96,13 @@ function assignedChanged(e : Event, category : Category){
<span class="hidden sm:block text-right">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-2 sm:col-span-4 lg:col-span-5" class="text-lg font-bold"
@click="toggleGroup(group)" @click="toggleGroup(group)"
>{{ (getGroupState(group) ? "−" : "+") + " " + group.Name }}</a> >{{ (getGroupState(group) ? "−" : "+") + " " + group.Name }}</a>
<Currency :value="group.AvailableLastMonth" class="hidden lg:block" />
<Currency :value="group.Assigned" class="hidden sm:block mx-2 text-right" />
<Currency :value="group.Activity" class="hidden sm:block" />
<Currency :value="group.Available" />
<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 class="whitespace-nowrap overflow-hidden">{{ category.Name }}</span> <span class="whitespace-nowrap overflow-hidden">{{ category.Name }}</span>
<Currency :value="category.AvailableLastMonth" class="hidden lg:block" /> <Currency :value="category.AvailableLastMonth" class="hidden lg:block" />

21
web/src/stores/budget-account.ts
View File

@ -81,12 +81,25 @@ export const useAccountStore = defineStore("budget/account", {
if (category.ID == this.GetIncomeCategoryID) if (category.ID == this.GetIncomeCategoryID)
continue; continue;
if (category.Group != prev) if (prev == undefined || category.Group != prev.Name) {
categoryGroups.push({ prev = {
Name: category.Group, Name: category.Group,
Expand: category.Group != "Hidden Categories", Available: this.GetCategoryAvailable(category),
AvailableLastMonth: category.AvailableLastMonth,
Activity: category.Activity,
Assigned: category.Assigned,
}
categoryGroups.push({
...prev,
Expand: prev.Name != "Hidden Categories",
}); });
prev = category.Group; } else {
categoryGroups[categoryGroups.length-1].Available += this.GetCategoryAvailable(category);
categoryGroups[categoryGroups.length-1].AvailableLastMonth += category.AvailableLastMonth;
categoryGroups[categoryGroups.length-1].Activity += category.Activity;
categoryGroups[categoryGroups.length-1].Assigned += category.Assigned;
continue;
}
} }
return categoryGroups; return categoryGroups;
} }