Files
duempelkas/src/Duempelkas.App/Pages/Accounts/AccountDetail.razor

182 lines
7.2 KiB
Plaintext

@page "/accounts/{AccountId:int}"
@inject IAccountService AccountService
@inject IEntryService EntryService
@inject IBalanceQueryService BalanceQueryService
@inject IPdfStatementService PdfStatementService
@inject IFileSaveService FileSaveService
@inject NavigationManager Navigation
<div class="container-fluid">
@if (account == null)
{
<div class="text-center py-5">
<div class="spinner-border" role="status"></div>
</div>
}
else
{
<div class="d-flex align-items-center gap-2">
<div class="d-flex align-items-center flex-grow-1" style="min-width: 0;">
<h1 class="mb-0 mt-0" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
@account.Name
<button class="btn-edit-pen" @onclick="() => showEditName = true" title="Name bearbeiten"><i class="bi bi-pencil"></i></button>
</h1>
</div>
</div>
<div class="d-flex align-items-center gap-2 py-3 flex-wrap">
<button class="btn btn-secondary btn-nav" @onclick="NavigateBack">
<i class="bi bi-arrow-left"></i> Zurück
</button>
|
<button class="btn btn-success btn-nav" @onclick="() => showAddEntry = true">
<i class="bi bi-plus-lg"></i> Buchung
</button>
<button class="btn btn-info btn-nav" @onclick="() => showAddTransfer = true">
<i class="bi bi-arrow-left-right"></i> Umbuchung
</button>
<button class="btn btn-dark btn-nav" @onclick="HandleExport">
<i class="bi bi-file-earmark-pdf"></i> PDF
</button>
|
<button class="btn btn-nav @(showCurrentYearOnly ? "btn-primary" : "btn-outline-secondary")" @onclick="ToggleYearFilter">
<i class="bi bi-funnel"></i> @(showCurrentYearOnly ? $"Nur {DateTime.Now.Year}" : "Alle Buchungen")
</button>
</div>
@if (balance != null)
{
<div class="summary-section">
<div class="summary-flex">
<div>
<small class="text-muted">Saldo</small>
<div class="fs-3 fw-bold @(balance.TotalBalance >= 0 ? "amount-positive" : "amount-negative")">
@FormatAmount(balance.TotalBalance)
</div>
</div>
<div class="text-end">
<small class="text-muted">Einnahmen</small>
<div class="amount-positive">@FormatAmount(showCurrentYearOnly ? balance.CurrentYearIncome : balance.TotalIncome)</div>
</div>
<div class="text-end">
<small class="text-muted">Ausgaben</small>
<div class="amount-negative">@FormatAmount(showCurrentYearOnly ? balance.CurrentYearExpense : balance.TotalExpense)</div>
</div>
</div>
</div>
@if (showCurrentYearOnly)
{
<div class="summary-section">
<div class="summary-flex">
<div>
<small class="text-muted">Übertrag von @(DateTime.Now.Year - 1)</small>
<div class="d-flex align-items-center gap-1">
<span class="fw-bold">@FormatAmount(balance.CarryoverBalance)</span>
<button class="btn-edit-pen" @onclick="() => showEditCarryover = true" title="Übertrag bearbeiten">
<i class="bi bi-pencil"></i>
</button>
</div>
</div>
<div class="text-end">
<small class="text-muted">Umsätze @DateTime.Now.Year</small>
<div class="fw-bold @(balance.CurrentYearIncome - balance.CurrentYearExpense >= 0 ? "amount-positive" : "amount-negative")">
@FormatAmount(balance.CurrentYearIncome - balance.CurrentYearExpense)
</div>
</div>
</div>
</div>
}
}
@if (entries != null)
{
<div class="entries-scroll-wrapper">
<EntryTable Entries="entries" OnDeleteEntry="RequestDeleteEntry" OnRestoreEntry="RequestRestoreEntry" OnEditEntry="RequestEditEntry" />
</div>
}
}
</div>
@if (showAddEntry)
{
<AddEntryDialog AccountId="AccountId"
OnSave="HandleEntryCreated"
OnCancel="() => showAddEntry = false" />
}
@if (showAddTransfer)
{
<AddTransferDialog SourceAccountId="AccountId"
OnSave="HandleTransferCreated"
OnCancel="() => showAddTransfer = false" />
}
@if (showEditName)
{
<EditNameDialog CurrentName="@(account?.Name ?? "")"
OnSave="HandleSaveName"
OnCancel="() => showEditName = false" />
}
@if (showEditCarryover)
{
<EditCarryoverDialog CurrentAmount="@(balance?.CarryoverBalance ?? 0)"
OnSave="HandleSaveCarryover"
OnCancel="() => showEditCarryover = false" />
}
@if (confirmDeleteEntryId.HasValue)
{
<ConfirmDialog Title="Buchung löschen"
Message="@($"Soll \"{confirmDeleteEntryTitle}\" wirklich gelöscht werden?")"
ConfirmText="Ja, löschen"
CancelText="Nein, abbrechen"
ConfirmButtonClass="btn btn-danger"
ConfirmIconClass="bi bi-trash"
OnConfirm="HandleConfirmDelete"
OnCancel="CancelDeleteConfirm" />
}
@if (confirmRestoreEntryId.HasValue)
{
<ConfirmDialog Title="Buchung wiederherstellen"
Message="@($"Soll \"{confirmRestoreEntryTitle}\" wiederhergestellt werden?")"
ConfirmText="Ja, wiederherstellen"
CancelText="Nein, abbrechen"
ConfirmButtonClass="btn btn-warning"
ConfirmIconClass="bi bi-arrow-clockwise"
OnConfirm="HandleConfirmRestore"
OnCancel="CancelRestoreConfirm" />
}
@if (!string.IsNullOrWhiteSpace(savedPdfPath))
{
<ConfirmDialog Title="PDF öffnen"
Message="Die PDF wurde gespeichert. Möchten Sie sie jetzt öffnen?"
ConfirmText="Ja, öffnen"
CancelText="Nein"
ConfirmButtonClass="btn btn-primary"
ConfirmIconClass="bi bi-box-arrow-up-right"
OnConfirm="HandleOpenSavedPdf"
OnCancel="CancelOpenSavedPdf" />
}
@if (editingEntry != null)
{
<AddEntryDialog AccountId="AccountId"
EditEntry="editingEntry"
OnSave="HandleEntryEdited"
OnCancel="() => editingEntry = null" />
}
@if (editingTransferEntry != null)
{
<AddTransferDialog SourceAccountId="AccountId"
EditEntry="editingTransferEntry"
OnSave="HandleEntryEdited"
OnCancel="() => editingTransferEntry = null" />
}