juancwu/budgit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: show report on payment method
All checks were successful
Deploy / build-and-deploy (push) Successful in 2m37s
Details

Browse source
This commit is contained in:
juancwu 2026-03-17 17:04:21 +00:00
commit 047e392ac3
4 changed files with 70 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

35
internal/ui/pages/app_space_reports.templ
View file

@ -123,6 +123,41 @@ templ ReportCharts(spaceID string, report *model.SpendingReport, from, to time.T
<p class="text-sm text-muted-foreground">No tagged expenses in this period.</p>
</div>
}
// Spending by Payment Method (Doughnut chart)
if len(report.ByPaymentMethod) > 0 {
<div class="border rounded-lg p-4 bg-card text-card-foreground min-w-0 overflow-hidden">
<h3 class="font-semibold mb-2">Spending by Payment Method</h3>
{{
pmLabels := make([]string, len(report.ByPaymentMethod))
pmData := make([]float64, len(report.ByPaymentMethod))
pmColors := make([]string, len(report.ByPaymentMethod))
for i, pm := range report.ByPaymentMethod {
pmLabels[i] = pm.PaymentMethodName
pmData[i] = pm.TotalAmount.InexactFloat64()
pmColors[i] = defaultChartColors[i%len(defaultChartColors)]
}
}}
@chart.Chart(chart.Props{
Variant: chart.VariantDoughnut,
ShowLegend: true,
Data: chart.Data{
Labels: pmLabels,
Datasets: []chart.Dataset{
{
Label: "Spending",
Data: pmData,
BackgroundColor: pmColors,
},
},
},
})
</div>
} else {
<div class="border rounded-lg p-4 bg-card text-card-foreground min-w-0">
<h3 class="font-semibold mb-2">Spending by Payment Method</h3>
<p class="text-sm text-muted-foreground">No payment method data in this period.</p>
</div>
}
// Spending Over Time (Bar chart)
if len(report.DailySpending) > 0 || len(report.MonthlySpending) > 0 {
<div class="border rounded-lg p-4 bg-card text-card-foreground min-w-0 overflow-hidden">