@page "/" @attribute [Authorize] @inject DashboardService DashboardService @inject ITransactionRepository TransactionService @inject ISalaryRepository SalaryService @inject AuthenticationStateProvider AuthStateProvider @inject IJSRuntime Js @using BudgetApp.Data.Entities @implements IAsyncDisposable @rendermode InteractiveServer Dashboard

Dashboard

An overview of your balances, recent and upcoming transactions.

@if (_data is null) {

Loading...

} else if (_data.Accounts.Count == 0) {
Welcome!

Get started by adding an account and then recording transactions.

} else {
Balance Trend
to
@* ── Edit / Add Modal ── *@ @if (_showModal) {
@(_editingTransactionId is null ? "Add Transaction" : "Edit Transaction")
@foreach (var a in _data.Accounts) { }
@foreach (var c in _data.Categories) { }
@if (_editingTransactionId is null) {
@if (_modalForm.RecurrenceType != RecurrenceType.None) {
} } else if (_editIsPartOfSeries) {
Changes will apply to this and all future occurrences in the series.
}
} @if (_nextPayday.HasValue && _predictedPaydayBalances.Count > 0) {
💰 Predicted balance before next payday @_nextPayday.Value.ToString("MMM d"): @foreach (var account in _data!.Accounts) { if (_predictedPaydayBalances.TryGetValue(account.Id, out var pred)) { @account.Name @account.FormatAmount(pred) } }
}
@if (_data.Accounts.Count > 1) {
Filter: @foreach (var a in _data.Accounts) { }
}
@if (_activeTab == "recent") { @if (FilteredRecent.Count == 0) {

No recent transactions.

} else {
@foreach (var group in GroupedRecentPage) {
@group.Key.ToString("dddd, d MMMM")
@foreach (var t in OrderGroupByIncomeFirst(group)) {
@t.Description @if (t.RecurrenceType != RecurrenceType.None || t.ParentTransactionId is not null) { 🔁 @GetRecurrenceLabel(t) } @if (t.IsPaid) { ✓ Paid }
@t.Date.ToString("MMM dd, yyyy") @t.Account.Name @if (t.Category is not null) { @(string.IsNullOrEmpty(t.Category.Icon) ? "" : t.Category.Icon + " ")@t.Category.Name }
@(t.Type == TransactionType.Income ? "+" : "−")@t.Account.FormatAmount(t.Amount)
@(t.Type == TransactionType.Income ? "Income" : "Expense")
@if (_selectedTransactionId == t.Id) {
@if (t.IsPaid) { } else { }
}
} }
@if (RecentTotalPages > 1) {
Page @_recentPage of @RecentTotalPages
} } } else { @if (FilteredUpcoming.Count == 0) {

No upcoming transactions.

} else {
@foreach (var group in GroupedUpcomingPage) {
@group.Key.ToString("dddd, d MMMM")
@foreach (var t in OrderGroupByIncomeFirst(group)) {
@t.Description @if (t.RecurrenceType != RecurrenceType.None || t.ParentTransactionId is not null) { 🔁 @GetRecurrenceLabel(t) }
@t.Date.ToString("MMM dd, yyyy") @t.Account.Name @if (t.Category is not null) { @(string.IsNullOrEmpty(t.Category.Icon) ? "" : t.Category.Icon + " ")@t.Category.Name }
@(t.Type == TransactionType.Income ? "+" : "−")@t.Account.FormatAmount(t.Amount)
@if (_projectedBalances.TryGetValue(t.Id, out var projected)) { Projected: @t.Account.FormatAmount(projected) } else { @(t.Type == TransactionType.Income ? "Income" : "Expense") }
@if (_selectedTransactionId == t.Id) {
}
} }
@if (UpcomingTotalPages > 1) {
Page @_upcomingPage of @UpcomingTotalPages
} } }
@if (_showDeleteModal && _pendingDeleteTransaction is not null) {
@(_pendingDeleteIsRecurring ? "Delete Recurring Transaction" : "Delete Transaction")

Are you sure you want to delete @_pendingDeleteTransaction.Description?

@if (_pendingDeleteIsRecurring) {

This transaction is part of a recurring series. Would you like to delete just this one, or all future transactions in the series?

} else {

This action cannot be undone.

}
@if (_pendingDeleteIsRecurring) { } else { }
} } @code { // Modal state // Chart redraw tracking // Time window // Account filter // Pagination // Delete confirmation state }