Compare commits

..
18 Commits
Author SHA1 Message Date
troogs 71eed68e21 feat(offline): bundle local assets and add safe UI error recovery (U16) 2026-11-02 19:49:31 +01:00
troogs f284b85771 feat(entries): search and sort bookings with explicit result totals (U15) 2026-11-02 19:37:09 +01:00
troogs be3eb6b674 feat(help): add offline guidance and resumable first-use setup (U14) 2026-11-02 19:35:28 +01:00
troogs 9f8c4b7af1 feat(readability): add scalable text and responsive high-contrast layouts (U13) 2026-11-02 19:33:50 +01:00
troogs 45fe327840 feat(accounts): preview and confirm cross-year balance corrections (U12) 2026-11-02 19:28:30 +01:00
troogs 4d0d5c8d88 fix(transfers): show consistent source target and prevent same-account edits (U11) 2026-11-02 19:27:54 +01:00
troogs 1686f5769c feat(usability): explain deleted bookings and linked transfer undo (U10) 2026-11-02 19:26:23 +01:00
troogs 2d36ab0b88 feat(usability): label booking actions and enlarge row targets (U09) 2026-11-02 19:25:34 +01:00
troogs 62e2b7dee8 feat(accessibility): add native keyboard dialogs and semantic account links (U08) 2026-11-02 19:24:21 +01:00
troogs 86a73b862a feat(ui): constrain decimal input and add stacked timed toasts with uniform actions 2026-11-02 19:19:07 +01:00
troogs 22e509d982 feat(usability): confirm saves and guard booking submissions against duplicates (U07) 2026-11-02 06:38:42 +01:00
troogs 76ba79b63e feat(usability): explain booking fields and validate decimal input (U06) 2026-11-02 06:32:32 +01:00
troogs 33a8abf5cc feat(usability): name everyday tasks and prioritize common actions (U05) 2026-11-02 06:29:32 +01:00
troogs 9c41856b5b feat(usability): preserve reporting year and locate outside-period bookings (U04) 2026-11-02 06:28:36 +01:00
troogs 122d4de809 fix(pdf): align active entries periods and balances across exports (U03) 2026-11-02 06:25:49 +01:00
troogs 5e0ad197f0 fix(files): report success cancellation and errors with safe next actions (U02) 2026-11-02 06:23:59 +01:00
troogs a3c1bee09e fix(backup): use active SQLite database and validate safe restore (U01) 2026-11-02 06:21:24 +01:00
troogs 317c696e70 Document usability findings and prioritized implementation measures 2026-11-01 20:16:57 +01:00
34 changed files with 74 additions and 287 deletions
+1 -1
View File
@@ -7,7 +7,7 @@
"type": "process",
"args": [
"build",
"${workspaceFolder}/src/Duempelkas.Desktop/Duempelkas.Desktop.csproj"
"${workspaceFolder}/Duempelkas.slnx"
],
"problemMatcher": "$msCompile",
"group": {
+11
View File
@@ -0,0 +1,11 @@
<Solution>
<Folder Name="/src/">
<Project Path="src/Duempelkas.App/Duempelkas.App.csproj" />
<Project Path="src/Duempelkas.Desktop/Duempelkas.Desktop.csproj" />
<Project Path="src/Duempelkas.Domain/Duempelkas.Domain.csproj" />
<Project Path="src/Duempelkas.Infrastructure/Duempelkas.Infrastructure.csproj" />
</Folder>
<Folder Name="/tests/">
<Project Path="tests/Duempelkas.Tests/Duempelkas.Tests.csproj" />
</Folder>
</Solution>
-36
View File
@@ -107,39 +107,3 @@ Zusätzliche Headless-Chromium-Prüfung der tatsächlich gerenderten Konto-/Buch
Computer Use wurde nach der Unterbrechung fortgesetzt. U08: semantische Kontolinks, sichtbarer Eingabefokus, modaler Accessibility-Baum ohne Hintergrund und Escape-Schließen geprüft. Nach behobener Fensterzuordnung: finale Anwendung mit lokalen Bootstrap-Ressourcen gestartet; beschriftetes Zeilenmenü geöffnet und empfangene Umbuchung mit korrekter Von→Nach-Richtung, festem/änderbarem Konto sowie Minus/Plus-Vorschau gelesen. Sämtliche Tätigkeiten fanden im künstlichen Debug-Datenordner statt. Kein tatsächlicher Bankvorgang und keine Änderung am Vereinsbestand. Native vollständige DPI-/Hilfstechnologie-/Zielgruppenabnahme bleibt offen.
Abschlusskorrekturen aus der nativen Prüfung: Betragswert im Korrekturdialog und erklärter Leerzustand werden als Werte statt als Parametertexte gebunden; Regressionen prüfen beide Ausgangsanzeigen. Rückgängig aktualisiert auch den sichtbaren Löschstatus und verwendet nach Navigation weiterhin das ursprüngliche Konto. Eine zweite Escape-Anforderung im Verlustschutz rendert den Wechsel zurück zur Bearbeitung. Finale Prüfung: **58/58 Debug- und 58/58 Release-Tests**, Desktop Debug/Release ohne Warnungen/Fehler; alle 16 Offline-Layoutkombinationen erneut bestanden. Die native Prüfung der Bestandskorrektur bestätigte Konto/Jahr, Formel, Vorher/Nachher und Warnung für alle Jahre; es wurde keine Korrektur gespeichert. Der anschließend korrigierte Zahlenwert ist zusätzlich automatisiert geprüft.
## Weitere Bedienkorrekturen nach manueller Analyse
Zusätzliche Nachkommastellen und ungültige Einfügungen werden weiterhin vollständig abgewiesen, jetzt ohne Warnmeldung. Die Historie ist als beschrifteter Switch mit vertikalem Abstand erreichbar. Aktive Buchungen haben direkte Stift-/Papierkorbbuttons mit mindestens 44 × 44 Pixeln, Title und buchungsbezogener zugänglicher Beschriftung.
Der Jahreswechselhinweis ist eine Warnbox mit Symbol, Datum, angezeigtem und tatsächlichem Buchungsjahr. Die Prüfung erfolgt beim Verlassen des Datumsfelds, damit der native Kalender beim Blättern geöffnet bleibt. Vor dem Speichern wird auch ein noch nicht verlassenes Datumsfeld übernommen und validiert; der Verlustschutz berücksichtigt solche Eingaben bereits während der Bearbeitung. Das gilt für Einnahmen/Ausgaben und Umbuchungen.
Validierung: 60/60 Tests in Debug und Release; Desktop Debug/Release ohne Warnungen oder Fehler. Regressionen prüfen stille Betragsabweisung, direkte Aktionen, Datumskorrektur, verzögerte Prüfung, externe Datumswerte, Verlustschutz und Submit ohne vorherigen Fokuswechsel. Alle 16 Offline-Layoutkombinationen erneut bestanden. Native Computer-Use-Prüfung mit künstlichem Bestand: Switch blendet gelöschte Zeilen ein, direkter Stift öffnet Bearbeiten, dritte Nachkommastelle bleibt ohne Meldung blockiert. Im Erfassen-Dialog bleibt der Kalender beim Blättern von Dezember 2026 nach Januar 2027 geöffnet; nach Abschluss und Wechsel zur Beschreibung erscheint die Warnbox. Keine Testbuchung gespeichert und keine Vereinsdaten verändert.
## Windows-Anwendungssymbol
Das vorhandene Kassen-Icon bleibt in der Windows-EXE eingebettet und wird als natives Fenstersymbol gesetzt. Die ungenutzte Photino-Registrierung für Windows-Systembenachrichtigungen ist deaktiviert: Sie kann die explizite AppUserModelID überschreiben und Verknüpfungen zum generischen dotnet-Host anlegen. Damit bleibt die eigene Windows-Zuordnung für die Taskleiste erhalten; die in der Anwendung angezeigten Toasts funktionieren unabhängig davon. Bestehende Windows-Verknüpfungen werden nicht verändert.
Release als eigenständige Windows-Einzeldatei veröffentlicht. Das aus der veröffentlichten EXE extrahierte Anwendungssymbol entspricht dem vorhandenen Kassen-Icon; auch das native Testfenster zeigt es in der Titelleiste. Die Taskleistendarstellung wurde nicht separat visuell erfasst. Build und Veröffentlichung ohne Warnungen oder Fehler.
## Zentrierte Symbole, Tabellenkontrast und konkrete Laufmeldungen
Stift und Papierkorb sind in beiden Achsen zentriert; die Symbolschrift verwendet im Button eine Blockbox ohne Baseline-Versatz. Tabellenköpfe verwenden die Text- und Oberflächenfarbe des aktuellen Designs statt der festen Bootstrap-Klasse für helle Tabellen. Die sechs generischen Laufmeldungen benennen nun Sicherung erstellen, Sicherung wiederherstellen, Kontenübersicht als PDF erstellen/speichern, Kontoauszug als PDF erstellen/speichern oder gespeicherte PDF öffnen.
Debug-Tests: 60/60 bestanden. Zusätzliche Browserprüfung mit lokalem Produktions-CSS: Symbole bei 100 und 200 % in beiden Designs innerhalb von 0,6 Pixeln zentriert, Buttons mindestens 44 × 44 Pixel. Kontrast der sichtbaren Tabellenköpfe 17,85:1 (hell) und 12,89:1 (dunkel). Alle 16 bisherigen Offline-Layoutkombinationen bestehen weiterhin; dunkler Tabellenkopf und Symbole zusätzlich visuell geprüft.
Auch die Release-Suite besteht mit 60/60 Tests. Desktop Debug und Release bauen ohne Warnungen oder Fehler; `git diff --check` ist sauber.
## Dauerhafte Anzeige gelöschter Buchungen
Die Historienansicht wird als benutzerweite Einstellung in settings.json gespeichert und beim Öffnen jeder Kontoliste geladen. Sie bleibt über Kontowechsel und Neustarts aktiv, bis der Switch ausgeschaltet wird. „Filter zurücksetzen“ ändert nur Suche und Sortierung. Bestehende Einstellungsdateien ohne diesen Wert starten weiterhin mit ausgeblendeten gelöschten Buchungen.
62/62 Tests in Debug und Release bestanden. Neue Regressionen prüfen Kontowechsel, Filterreset, Ausschalten, erneutes Laden durch eine neue SettingsService-Instanz und Erhalt der übrigen Einstellungen. Navigationstest wartet auf die tatsächlich geladene Kontokarte. Debug-Desktop-Build ohne Warnungen/Fehler. Der vorhandene Publish-Task wird anschließend mit seinen unveränderten Release-/win-x64-/Einzeldatei-Argumenten ausgeführt. Die bereits vorhandene lokale Anpassung an AccountCard.razor bleibt separat erhalten und fließt in die lokale Veröffentlichung ein.
Publish-Task erfolgreich abgeschlossen: Publish/Duempelkas-v26.306.exe (69.325.134 Bytes). Die ältere veröffentlichte Version bleibt erhalten. Die veröffentlichte Release-Anwendung wurde nicht gegen die Vereinsdaten gestartet.
## Builddatum im Über-Dialog
Neben der Programmversion steht jetzt das Builddatum im Format TT.MM.JJJJ. Der Desktop-Build bettet seinen UTC-Zeitstempel als Assembly-Metadatum ein; die Anzeige benötigt weder einen Dateipfad noch das Änderungsdatum der EXE und bleibt dadurch auch in der veröffentlichten Einzeldatei verfügbar. Debug-Build ohne Warnungen/Fehler; eingebettetes Datum 02.11.2026 aus der erzeugten Desktop-Assembly ausgelesen und geprüft. Debug-Suite: 62/62 Tests bestanden.
Auch Release: 62/62 Tests bestanden; vorhandener Publish-Task erfolgreich erneut ausgeführt und Publish/Duempelkas-v26.306.exe aktualisiert.
@@ -1,9 +1,9 @@
@inject NavigationManager Navigation
<a class="card account-card h-100" href="@($"/accounts/{Account.Id}")" @onclick="Navigate" @onclick:preventDefault="true">
<div class="card-body d-flex flex-column justify-content-between pb-0 pt-1 px-2">
<h4 class="card-title mb-3 mt-0">@Account.Name</h4>
<div class="@(Account.TotalBalance >= 0 ? "amount-positive" : "amount-negative") fs-5">
<div class="card-body d-flex flex-column justify-content-between">
<h3 class="card-title mb-3 mt-0">@Account.Name</h3>
<div class="@(Account.TotalBalance >= 0 ? "amount-positive" : "amount-negative") fs-4">
@($"{Account.TotalBalance:N2} €")
</div>
</div>
@@ -26,14 +26,15 @@
}
else
{
<div class="entry-action-buttons">
<button type="button" class="btn btn-outline-secondary" title="Buchung bearbeiten" @onclick="() => OnEdit.InvokeAsync(Entry.Id)" aria-label="@($"{Entry.DisplayId} {Entry.Title} bearbeiten")">
<i class="bi bi-pencil" aria-hidden="true"></i>
<details class="entry-action-menu">
<summary aria-label="@($"Aktionen für {Entry.DisplayId} {Entry.Title}")">Aktionen</summary>
<button type="button" class="btn btn-outline-secondary" @onclick="() => OnEdit.InvokeAsync(Entry.Id)" aria-label="@($"{Entry.DisplayId} {Entry.Title} bearbeiten")">
<i class="bi bi-pencil" aria-hidden="true"></i> Bearbeiten
</button>
<button type="button" class="btn btn-outline-danger" title="Buchung löschen" @onclick="() => OnDelete.InvokeAsync(Entry.Id)" aria-label="@($"{Entry.DisplayId} {Entry.Title} löschen")">
<i class="bi bi-trash" aria-hidden="true"></i>
<button type="button" class="btn btn-outline-danger" @onclick="() => OnDelete.InvokeAsync(Entry.Id)" aria-label="@($"{Entry.DisplayId} {Entry.Title} löschen")">
<i class="bi bi-trash" aria-hidden="true"></i> Löschen
</button>
</div>
</details>
}
</td>
</tr>
@@ -1,5 +1,3 @@
@inject ISettingsService Settings
<div class="entry-filters">
<div><label for="entry-search">Buchungen suchen</label>
<input id="entry-search" type="search" class="form-control" @bind="searchText" @bind:event="oninput" placeholder="Beschreibung, Nummer, Datum oder Betrag" /></div>
@@ -18,14 +16,11 @@
}
@if (Entries.Any(e => e.IsDeleted))
{
<div class="form-check form-switch history-toggle">
<input id="show-deleted" class="form-check-input" type="checkbox" role="switch" @bind="showDeleted" @bind:after="SaveHistoryPreference" />
<label class="form-check-label" for="show-deleted">Gelöschte Buchungen anzeigen (@Entries.Count(e => e.IsDeleted))</label>
</div>
<label class="history-toggle"><input type="checkbox" @bind="showDeleted" /> Gelöschte Buchungen anzeigen (@Entries.Count(e => e.IsDeleted))</label>
}
<div class="table-responsive entry-list">
<table class="table table-hover table-sm align-middle">
<thead>
<thead class="table-light">
<tr>
<th style="width: 100px;">LfdNr</th>
<th style="width: 120px;">Datum</th>
@@ -6,13 +6,11 @@ namespace Duempelkas.App.Components.Accounts;
public partial class EntryTable
{
private bool showDeleted;
protected override async Task OnInitializedAsync() => showDeleted = await Settings.GetShowDeletedEntriesAsync();
private Task SaveHistoryPreference() => Settings.SetShowDeletedEntriesAsync(showDeleted);
private string searchText = string.Empty;
private string sort = "date-asc";
private List<EntryDto> VisibleEntries => Duempelkas.App.Services.EntryListQuery.Apply(Entries, searchText, showDeleted, sort);
private decimal ResultSum => VisibleEntries.Where(e => !e.IsDeleted).Sum(Duempelkas.App.Services.EntryListQuery.SignedAmount);
private void ResetFilters() { searchText = string.Empty; sort = "date-asc"; }
private void ResetFilters() { searchText = string.Empty; sort = "date-asc"; showDeleted = false; }
[Parameter] public int? HighlightedEntryId { get; set; }
[Parameter] public string EmptyMessage { get; set; } = "Keine Buchungen vorhanden.";
#region Parameters
@@ -1,6 +1,8 @@
<input id="@Id" type="text" inputmode="decimal" class="form-control" data-amount-guard
data-allow-negative="@AllowNegative.ToString().ToLowerInvariant()"
@bind:get="Value" @bind:set="SetValue" @bind:event="oninput" disabled="@Disabled" />
@bind:get="Value" @bind:set="SetValue" @bind:event="oninput" disabled="@Disabled"
aria-describedby="@(Id + "-rejected")" />
<span id="@(Id + "-rejected")" class="input-rejection text-danger" role="status">@rejection</span>
@code {
[Parameter] public string Id { get; set; } = "amount";
@@ -8,12 +10,15 @@
[Parameter] public EventCallback<string> ValueChanged { get; set; }
[Parameter] public bool Disabled { get; set; }
[Parameter] public bool AllowNegative { get; set; }
private string? rejection;
private async Task SetValue(string value)
{
if (!BookingInput.IsAmountDraft(value, AllowNegative))
{
rejection = "Diese Eingabe wurde nicht übernommen. Bitte einen Betrag wie 12,50 eingeben.";
return;
}
rejection = null;
await ValueChanged.InvokeAsync(value);
}
}
@@ -1,33 +0,0 @@
<input @attributes="Attributes" id="@Id" type="date" value="@renderedValue" @oninput="Input" @onblur="CommitAsync" />
@code {
[Parameter] public string Id { get; set; } = "booking-date";
[Parameter] public string Value { get; set; } = string.Empty;
[Parameter] public EventCallback<string> ValueChanged { get; set; }
[Parameter] public EventCallback<bool> PendingChangesChanged { get; set; }
[Parameter(CaptureUnmatchedValues = true)] public Dictionary<string, object>? Attributes { get; set; }
private string? lastValue;
private string renderedValue = string.Empty;
private string draft = string.Empty;
protected override void OnParametersSet()
{
if (Value != lastValue) draft = renderedValue = Value;
lastValue = Value;
}
private async Task Input(ChangeEventArgs args)
{
draft = args.Value?.ToString() ?? string.Empty;
await PendingChangesChanged.InvokeAsync(draft != Value);
}
public async Task CommitAsync()
{
// Native calendars close when their surrounding dialog layout changes. Validate only
// after leaving the date field, so year warnings never interrupt calendar navigation.
lastValue = draft;
await ValueChanged.InvokeAsync(lastValue);
await PendingChangesChanged.InvokeAsync(false);
}
}
@@ -1,7 +1,7 @@
@inject ToastService Toasts
@inject IEntryService EntryService
<ModalDialog @ref="modal" Title="Einnahme oder Ausgabe" OnCancel="OnCancel" Busy="isSaving" Dirty="@(committedResult == null && (IsDirty || pendingDateChanges))">
<ModalDialog @ref="modal" Title="Einnahme oder Ausgabe" OnCancel="OnCancel" Busy="isSaving" Dirty="@(committedResult == null && IsDirty)">
<h5 id="entry-dialog-title">@(EditEntry != null ? "Buchung bearbeiten" : "Einnahme oder Ausgabe erfassen") – @AccountName</h5>
<form @onsubmit="Save" @onsubmit:preventDefault="true" aria-busy="@(isSaving ? "true" : "false")">
@@ -24,7 +24,7 @@
<label class="form-label" for="entry-date">Datum</label>
<div>
<BookingDateInput @ref="bookingDate" Id="entry-date" @bind-Value="dateText" PendingChangesChanged="pending => pendingDateChanges = pending" aria-describedby="entry-date-help" aria-invalid="@(date == default ? "true" : "false")" />
<input id="entry-date" type="date" value="@dateText" @oninput="e => dateText = e.Value?.ToString() ?? string.Empty" aria-describedby="entry-date-help" aria-invalid="@(date == default ? "true" : "false")" />
@if (date == default) { <p id="entry-date-help" class="text-danger">Bitte ein gültiges Datum eingeben.</p> }
</div>
@@ -43,13 +43,10 @@
@if (OutsideYear && date != default)
{
<div class="alert alert-warning booking-year-warning" role="status">
<i class="bi bi-exclamation-triangle-fill" aria-hidden="true"></i>
<div><strong>Das Buchungsdatum liegt in einem anderen Jahr.</strong>
<p>Du erfasst die Buchung am @date.ToString("dd.MM.yyyy") und damit außerhalb des angezeigten Jahres @ContextYear. Sie wird im Jahr @date.Year gespeichert und erscheint erst, wenn du dieses Jahr oder „Alle Buchungen“ auswählst.</p>
<div class="alert alert-warning" role="status">
Datum @date.ToString("dd.MM.yyyy"): Diese Buchung liegt außerhalb von Jahr @ContextYear und wird dort nicht angezeigt.
<label><input type="checkbox" checked="@(confirmDifferentYear && confirmedYear == date.Year)" @onchange="e => { confirmDifferentYear = e.Value is true; confirmedYear = date.Year; }" /> Ich möchte die Buchung im Jahr @date.Year speichern.</label>
</div>
</div>
}
</fieldset>
@@ -62,4 +59,4 @@
</form>
</ModalDialog>
@code { private ModalDialog? modal; private BookingDateInput? bookingDate; private bool pendingDateChanges; }
@code { private ModalDialog? modal; }
@@ -76,8 +76,6 @@ public partial class AddEntryDialog
private async Task Save()
{
if (isSaving || completed) return;
if (committedResult == null && bookingDate != null) await bookingDate.CommitAsync();
if (isSaving || completed || (committedResult == null && !CanSave)) return;
var busyToast = Toasts.Show("Wird gespeichert …", persistent: true);
isSaving = true;
@@ -2,7 +2,7 @@
@inject IEntryService EntryService
@inject IAccountService AccountService
<ModalDialog @ref="modal" Title="Geld zwischen Konten verschieben" OnCancel="OnCancel" Busy="isSaving" Dirty="@(committedResult == null && (IsDirty || pendingDateChanges))">
<ModalDialog @ref="modal" Title="Geld zwischen Konten verschieben" OnCancel="OnCancel" Busy="isSaving" Dirty="@(committedResult == null && IsDirty)">
<h5 class="mb-3">@(EditEntry != null ? "Umbuchung bearbeiten" : "Neue Umbuchung")</h5>
<p class="text-muted">Erfasst nur die Buchung. Führt keine Banküberweisung aus.</p>
@@ -30,7 +30,7 @@
</select>
<label class="form-label" for="transfer-date">Datum</label>
<BookingDateInput @ref="bookingDate" Id="transfer-date" class="form-control" @bind-Value="dateText" PendingChangesChanged="pending => pendingDateChanges = pending" />
<input id="transfer-date" type="date" class="form-control" value="@dateText" @oninput="e => dateText = e.Value?.ToString() ?? string.Empty" />
<label class="form-label" for="transfer-title">Bezeichnung</label>
<input id="transfer-title" type="text" class="form-control" @bind="title" @bind:event="oninput" placeholder="Beschreibung der Umbuchung" />
@@ -40,15 +40,12 @@
<p class="text-muted">Betrag ohne Minuszeichen.</p></div>
</div>
@if (OutsideYear && date != default)
@if (OutsideYear)
{
<div class="alert alert-warning booking-year-warning" role="status">
<i class="bi bi-exclamation-triangle-fill" aria-hidden="true"></i>
<div><strong>Das Buchungsdatum liegt in einem anderen Jahr.</strong>
<p>Du erfasst die Buchung am @date.ToString("dd.MM.yyyy") und damit außerhalb des angezeigten Jahres @ContextYear. Sie wird im Jahr @date.Year gespeichert und erscheint erst, wenn du dieses Jahr oder „Alle Buchungen“ auswählst.</p>
<div class="alert alert-warning" role="status">
Datum @date.ToString("dd.MM.yyyy"): Diese Buchung liegt außerhalb von Jahr @ContextYear und wird dort nicht angezeigt.
<label><input type="checkbox" checked="@(confirmDifferentYear && confirmedYear == date.Year)" @onchange="e => { confirmDifferentYear = e.Value is true; confirmedYear = date.Year; }" /> Ich möchte die Buchung im Jahr @date.Year speichern.</label>
</div>
</div>
}
</fieldset>
@@ -61,4 +58,4 @@
</form>
</ModalDialog>
@code { private ModalDialog? modal; private BookingDateInput? bookingDate; private bool pendingDateChanges; }
@code { private ModalDialog? modal; }
@@ -91,8 +91,6 @@ public partial class AddTransferDialog
private async Task Save()
{
if (isSaving || completed) return;
if (committedResult == null && bookingDate != null) await bookingDate.CommitAsync();
if (isSaving || completed || (committedResult == null && !CanSave)) return;
var busyToast = Toasts.Show("Wird gespeichert …", persistent: true);
isSaving = true;
@@ -13,7 +13,7 @@
<a class="btn btn-outline-secondary" href="hilfe">Hilfe</a>
<label for="text-scale">Textgröße</label>
<select id="text-scale" @bind="fontScale" @bind:after="ApplyTextScale">
<option value="75">Klein (75 %)</option><option value="100">Normal</option><option value="125">Groß (125 %)</option>
<option value="100">Normal</option><option value="125">Groß (125 %)</option>
<option value="150">Sehr groß (150 %)</option><option value="200">200 %</option>
</select>
</div>
@@ -32,8 +32,7 @@
{
<ModalDialog Title="Über Dümpelkas" OnCancel="CloseAboutDialog">
<h5>Über Dümpelkas &middot; Version @AppVersion</h5>
<p class="mb-1 mt-3">Erstellt: @AppBuildDate</p>
<p class="mb-1">Entwickler: Andre Beging</p>
<p class="mb-2">Entwickler: Andre Beging</p>
<p class="mb-3">E-Mail: <a href="mailto:mail@beging.de" style="color: var(--color-text);">mail@beging.de</a></p>
<div class="d-flex justify-content-end">
<button type="button" class="btn btn-outline-secondary" @onclick="CloseAboutDialog">
@@ -11,7 +11,7 @@ public partial class MainLayout
if (firstRender)
{
var value = await JS.InvokeAsync<int>("duempelkasReading.get");
fontScale = value is 75 or 125 or 150 or 200 ? value : 100;
fontScale = value is 125 or 150 or 200 ? value : 100;
StateHasChanged();
}
}
@@ -24,19 +24,6 @@ public partial class MainLayout
#region Properties
private static string AppBuildDate
{
get
{
var value = Assembly.GetEntryAssembly()?.GetCustomAttributes<AssemblyMetadataAttribute>()
.FirstOrDefault(attribute => attribute.Key == "BuildDate")?.Value;
return DateTimeOffset.TryParse(value, System.Globalization.CultureInfo.InvariantCulture,
System.Globalization.DateTimeStyles.AssumeUniversal, out var built)
? built.UtcDateTime.ToString("dd.MM.yyyy", System.Globalization.CultureInfo.InvariantCulture)
: "unbekannt";
}
}
private static string AppVersion
{
get
@@ -258,7 +258,7 @@ public partial class AccountDetail
private async Task HandleExport()
{
if (fileBusy) return;
var busyToast = Toasts.Show("Kontoauszug wird als PDF erstellt und gespeichert … Bitte warten.", persistent: true);
var busyToast = Toasts.Show("Dateiaktion läuft … Bitte warten.", persistent: true);
fileBusy = true;
fileResult = null;
try
@@ -277,7 +277,7 @@ public partial class AccountDetail
private async Task HandleOpenSavedPdf()
{
if (fileBusy) return;
var busyToast = Toasts.Show("Gespeicherte PDF-Datei wird geöffnet … Bitte warten.", persistent: true);
var busyToast = Toasts.Show("Dateiaktion läuft … Bitte warten.", persistent: true);
fileBusy = true;
fileResult = null;
try
+4 -4
View File
@@ -101,7 +101,7 @@ public partial class Dashboard
private async Task HandleBackupAsync()
{
if (fileBusy) return;
var busyToast = Toasts.Show("Sicherung wird erstellt … Bitte warten.", persistent: true);
var busyToast = Toasts.Show("Dateiaktion läuft … Bitte warten.", persistent: true);
fileBusy = true;
fileResult = null;
try
@@ -127,7 +127,7 @@ public partial class Dashboard
private async Task HandleConfirmRestore()
{
if (fileBusy) return;
var busyToast = Toasts.Show("Sicherung wird wiederhergestellt … Bitte warten.", persistent: true);
var busyToast = Toasts.Show("Dateiaktion läuft … Bitte warten.", persistent: true);
fileBusy = true;
fileResult = null;
try
@@ -144,7 +144,7 @@ public partial class Dashboard
private async Task HandleDashboardExportAsync()
{
if (fileBusy) return;
var busyToast = Toasts.Show("Kontenübersicht wird als PDF erstellt und gespeichert … Bitte warten.", persistent: true);
var busyToast = Toasts.Show("Dateiaktion läuft … Bitte warten.", persistent: true);
fileBusy = true;
fileResult = null;
try
@@ -180,7 +180,7 @@ public partial class Dashboard
private async Task HandleOpenSavedPdf()
{
if (fileBusy) return;
var busyToast = Toasts.Show("Gespeicherte PDF-Datei wird geöffnet … Bitte warten.", persistent: true);
var busyToast = Toasts.Show("Dateiaktion läuft … Bitte warten.", persistent: true);
fileBusy = true;
fileResult = null;
try
@@ -2,8 +2,6 @@ namespace Duempelkas.App.Services;
public interface ISettingsService
{
Task<bool> GetShowDeletedEntriesAsync();
Task SetShowDeletedEntriesAsync(bool show);
Task<int> GetSetupStepAsync() => Task.FromResult(0);
Task SetSetupStepAsync(int step) => Task.CompletedTask;
Task<string?> GetClubNameAsync();
@@ -21,7 +21,6 @@
</PropertyGroup>
<ItemGroup>
<AssemblyMetadata Include="BuildDate" Value="$([System.DateTime]::UtcNow.ToString('yyyy-MM-ddTHH:mm:ssZ'))" />
<Content Include="wwwroot\**">
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
</Content>
-3
View File
@@ -66,9 +66,6 @@ class Program
var app = appBuilder.Build();
// Native toast registration replaces the Windows app identity and creates host shortcuts.
// All notifications are displayed inside the application instead.
app.MainWindow.SetNotificationsEnabled(false);
app.MainWindow.StartUrl = PhotinoWebViewManager.AppBaseUri;
// Force the native window icon for title bar + taskbar representation.
+6 -13
View File
@@ -350,9 +350,8 @@ html[data-ui-theme="light"] .btn-dark {
}
.table thead th {
background-color: var(--color-surface);
border-bottom-color: var(--color-border);
color: var(--color-text);
color: var(--color-text-muted);
font-weight: 600;
font-size: 0.8rem;
text-transform: uppercase;
@@ -630,6 +629,7 @@ fieldset { min-width: 0; }
.toast-close { position: absolute; right: .3rem; top: .3rem; background: transparent; border: 0; color: inherit; width: 2rem; height: 2rem; font-size: 1.5rem; }
@keyframes toast-enter { from { transform: translateY(-2rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .app-toast { animation: none; } }
.input-rejection:empty { display: none; }
.app-modal { color: var(--color-text); max-height: calc(100dvh - 2rem); overflow-y: auto; }
.app-modal::backdrop { background: #0009; backdrop-filter: blur(3px); }
@@ -642,11 +642,9 @@ body:has(dialog[open]) .toast-stack:not(.modal-toasts) { display: none; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.entry-actions button { min-height: 44px; min-width: 44px; padding: .6rem; }
.entry-action-buttons { display: flex; gap: .5rem; }
.entry-action-buttons .btn { display: inline-flex; align-items: center; justify-content: center; }
.entry-action-buttons .btn i { margin: 0; line-height: 1; }
.entry-action-buttons .btn i::before { display: block; }
.entry-actions button, .entry-action-menu summary { min-height: 44px; padding: .6rem; }
.entry-action-menu summary { cursor: pointer; border: 1px solid var(--color-border); border-radius: .4rem; }
.entry-action-menu button { display: block; width: 100%; margin-top: .5rem; }
.entry-description { overflow-wrap: anywhere; }
@media (max-width: 900px) {
.entry-list thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
@@ -657,12 +655,7 @@ body:has(dialog[open]) .toast-stack:not(.modal-toasts) { display: none; }
.entry-list .entry-description, .entry-list .entry-actions { grid-column: 1 / -1; }
}
.history-toggle { margin-block: 1rem; min-height: 2rem; display: flex; align-items: center; gap: .75rem; }
.history-toggle .form-check-input { flex-shrink: 0; margin-top: 0; }
.booking-year-warning { display: flex; gap: .75rem; align-items: flex-start; }
.booking-year-warning > i { font-size: 1.4rem; }
.booking-year-warning label { display: block; margin-top: .75rem; }
dialog.app-modal { scrollbar-gutter: stable; }
.history-toggle { display: block; padding: .75rem 0; }
.entry-deleted { opacity: 1 !important; }
.deleted-status { text-decoration: none; color: var(--color-text-muted); margin: .3rem 0; }
+5 -2
View File
@@ -5,7 +5,10 @@
}
function accept(input, text) {
const next = input.value.slice(0, input.selectionStart) + text + input.value.slice(input.selectionEnd);
return allowed(input, next);
const ok = allowed(input, next);
const hint = document.getElementById(input.id + '-rejected');
if (hint) hint.textContent = ok ? '' : 'Diese Eingabe wurde nicht übernommen. Bitte einen Betrag wie 12,50 eingeben.';
return ok;
}
document.addEventListener('beforeinput', e => {
if (e.target.matches('[data-amount-guard]') && e.data != null && !accept(e.target, e.data)) e.preventDefault();
@@ -31,7 +34,7 @@ window.duempelkasDialog = {
window.duempelkasReading = {
get() { let value = 100; try { value = Number(localStorage.getItem('duempelkas-text-scale')) || 100; } catch (_) {} return this.set(value, false); },
set(value, persist = true) {
const scale = [75,100,125,150,200].includes(Number(value)) ? Number(value) : 100;
const scale = [100,125,150,200].includes(Number(value)) ? Number(value) : 100;
document.documentElement.style.setProperty('--app-font-size', (16 * scale / 100) + 'px');
if (persist) { try { localStorage.setItem('duempelkas-text-scale', String(scale)); } catch (_) {} }
return scale;
@@ -12,15 +12,6 @@ public class SettingsService : ISettingsService
private static readonly JsonSerializerOptions JsonOptions = new() { WriteIndented = true };
public async Task<bool> GetShowDeletedEntriesAsync() => (await LoadAsync()).ShowDeletedEntries;
public async Task SetShowDeletedEntriesAsync(bool show)
{
var settings = await LoadAsync();
settings.ShowDeletedEntries = show;
await SaveAsync(settings);
}
public async Task<string?> GetClubNameAsync()
{
var settings = await LoadAsync();
@@ -68,7 +59,6 @@ public class SettingsService : ISettingsService
private class AppSettings
{
public bool ShowDeletedEntries { get; set; }
public string? ClubName { get; set; }
public int SetupStep { get; set; }
}
@@ -1,26 +0,0 @@
using Bunit;
using Duempelkas.App.Components;
using Xunit;
namespace Duempelkas.Tests;
public class BookingDateInputTests
{
[Fact]
public void DateIsValidatedOnLeavingField_WithoutInterruptingNativeCalendar()
{
using var context = new BunitContext();
var value = "2025-12-31";
var field = context.Render<BookingDateInput>(p => p
.Add(x => x.Value, value).Add(x => x.ValueChanged, next => value = next));
field.Find("input").Input("2026-01-01");
Assert.Equal("2025-12-31", value);
field.Find("input").Blur();
Assert.Equal("2026-01-01", value);
field.Render(p => p.Add(x => x.Value, value));
// The browser owns the edited value; avoid resetting its calendar by writing it back.
Assert.Equal("2025-12-31", field.Find("input").GetAttribute("value"));
field.Render(p => p.Add(x => x.Value, "2027-02-03"));
Assert.Equal("2027-02-03", field.Find("input").GetAttribute("value"));
}
}
@@ -11,26 +11,6 @@ namespace Duempelkas.Tests;
public class BookingFormTests
{
[Fact]
public async Task PendingDate_IsProtectedOnCancel_AndValidatedBeforeSubmit()
{
using var f = new LedgerUiFixture();
var dialog = f.Context.Render<AddEntryDialog>(p => p.Add(x => x.AccountId, 1).Add(x => x.ContextYear, DateTime.Today.Year));
dialog.Find("#entry-date").Input($"{DateTime.Today.Year + 1}-01-02");
Assert.Empty(dialog.FindAll(".booking-year-warning"));
var modal = dialog.FindComponent<ModalDialog>();
await modal.InvokeAsync(() => modal.Instance.RequestCloseAsync());
Assert.NotEmpty(dialog.FindAll("[role=alertdialog]"));
dialog.Find("[data-discard-continue]").Click();
dialog.Find("#entry-title").Input("Pending date");
dialog.Find("#entry-amount").Input("12,50");
// A keyboard submit can happen without the date field losing focus first.
dialog.Find("form").Submit();
Assert.NotEmpty(dialog.FindAll(".booking-year-warning"));
Assert.True(dialog.Find("button.btn-success").HasAttribute("disabled"));
Assert.Empty(await f.Service<IEntryService>().GetEntriesAsync(1, (int?)null));
}
[Fact]
public void Form_ExplainsMissingFields_AndDoesNotRoundInvalidInput()
{
@@ -51,11 +31,9 @@ public class BookingFormTests
dialog.Find("#entry-amount").Input("12,50");
Assert.False(dialog.Find("button.btn-success").HasAttribute("disabled"));
dialog.Find("#entry-date").Input("");
dialog.Find("#entry-date").Blur();
Assert.True(dialog.Find("button.btn-success").HasAttribute("disabled"));
Assert.Contains("Bitte ein gültiges Datum", dialog.Markup);
dialog.Find("#entry-date").Input("2026-01-02");
dialog.Find("#entry-date").Blur();
Assert.False(dialog.Find("button.btn-success").HasAttribute("disabled"));
}
@@ -174,8 +174,6 @@ public class DashboardPdfStatementServiceTests : IDisposable
private sealed class FixedSettingsService : ISettingsService
{
public Task<bool> GetShowDeletedEntriesAsync() => Task.FromResult(false);
public Task SetShowDeletedEntriesAsync(bool show) => Task.CompletedTask;
private readonly string? _clubName;
public FixedSettingsService(string? clubName)
@@ -9,7 +9,7 @@ public class DesktopResourceTests
public void StartupStylesAndFonts_AreDeliveredLocally()
{
var root = new DirectoryInfo(AppContext.BaseDirectory);
while (root != null && !File.Exists(Path.Combine(root.FullName, "src", "Duempelkas.Desktop", "Duempelkas.Desktop.csproj"))) root = root.Parent;
while (root != null && !File.Exists(Path.Combine(root.FullName, "Duempelkas.slnx"))) root = root.Parent;
Assert.NotNull(root);
var web = Path.Combine(root.FullName, "src", "Duempelkas.Desktop", "wwwroot");
var html = File.ReadAllText(Path.Combine(web, "index.html"));
@@ -15,7 +15,7 @@ public class EntryLifecycleUiTests
await entries.CreateTransferAsync(1, 2, DateTime.Today, "Testtransfer", 20m);
var page = f.Context.Render<Routes>();
page.WaitForElement(".account-card").Click();
page.WaitForElement(".entry-action-buttons");
page.WaitForElement(".entry-action-menu");
page.Find("button.btn-outline-danger").Click();
page.WaitForAssertion(() => Assert.Contains("beiden Konten", page.Markup));
Assert.Contains("Barkasse", page.Find("dialog").TextContent);
@@ -18,18 +18,14 @@ public class EntryPresentationTests
Assert.DoesNotContain("emptyEntriesMessage", page.Markup);
}
[Fact]
public void Actions_AreDirectIconButtonsWithTitlesAndBookingSpecificNames()
public void Actions_HaveVisibleTextAndBookingSpecificNames()
{
using var fixture = new LedgerUiFixture();
var context = fixture.Context;
using var context = new BunitContext();
var entry = new EntryDto(1, 1, "2026-001", EntryType.Expense, DateTime.Today, "Porto", 4.20m, false, false, null, null, null);
var edited = 0;
var table = context.Render<EntryTable>(p => p.Add(x => x.Entries, [entry]).Add(x => x.OnEditEntry, id => edited = id));
Assert.Empty(table.FindAll("summary"));
var edit = table.Find("button[title='Buchung bearbeiten']");
Assert.Contains("2026-001 Porto", edit.GetAttribute("aria-label"));
Assert.NotNull(edit.QuerySelector(".bi-pencil[aria-hidden=true]"));
Assert.NotNull(table.Find("button.btn-outline-danger .bi-trash"));
Assert.Contains("2026-001 Porto", table.Find("summary").GetAttribute("aria-label"));
var edit = table.FindAll("button").Single(b => b.TextContent.Contains("Bearbeiten"));
Assert.Contains("Porto", edit.GetAttribute("aria-label"));
edit.Click();
Assert.Equal(1, edited);
+1 -2
View File
@@ -12,8 +12,7 @@ public class EntrySearchTests
[Fact]
public void Search_FindsKnownBookingInLargeList_AndResetsWithoutChangingAmounts()
{
using var fixture = new LedgerUiFixture();
var context = fixture.Context;
using var context = new BunitContext();
var entries = Enumerable.Range(1, 400).Select(i => new EntryDto(i, 1, $"2026-{i:D3}", EntryType.Income,
new(2026, 1, 1), i == 321 ? "Älteres Jubiläum" : $"Beitrag {i}", i == 321 ? 12.50m : i, false, false, null, null, null)).ToList();
var original = entries.Sum(e => e.Amount);
@@ -1,53 +0,0 @@
using Bunit;
using Duempelkas.App.Components.Accounts;
using Duempelkas.App.Services;
using Duempelkas.App.Services.Models;
using Duempelkas.Domain.Enums;
using Duempelkas.Infrastructure.Services;
using Xunit;
namespace Duempelkas.Tests;
public class HistoryPreferenceTests
{
[Fact]
public async Task PreferenceSurvivesRestart_AndPreservesOtherSettings()
{
var folder = Path.Combine(Path.GetTempPath(), "duempelkas-history-" + Guid.NewGuid().ToString("N"));
try
{
var settings = new SettingsService(folder);
Assert.False(await settings.GetShowDeletedEntriesAsync());
await settings.SetClubNameAsync("Testverein");
await settings.SetShowDeletedEntriesAsync(true);
var restarted = new SettingsService(folder);
Assert.True(await restarted.GetShowDeletedEntriesAsync());
Assert.Equal("Testverein", await restarted.GetClubNameAsync());
await restarted.SetSetupStepAsync(2);
Assert.True(await new SettingsService(folder).GetShowDeletedEntriesAsync());
await restarted.SetShowDeletedEntriesAsync(false);
Assert.False(await new SettingsService(folder).GetShowDeletedEntriesAsync());
}
finally { if (Directory.Exists(folder)) Directory.Delete(folder, true); }
}
[Fact]
public async Task HistoryStaysEnabledAcrossAccountsAndFilterReset_UntilSwitchedOff()
{
using var f = new LedgerUiFixture();
List<EntryDto> Rows(int account) => [new(account, account, "2026-001", EntryType.Income,
DateTime.Today, "Deleted test", 10m, true, false, null, null, null)];
var first = f.Context.Render<EntryTable>(p => p.Add(x => x.Entries, Rows(1)));
Assert.Empty(first.FindAll("tbody tr"));
await first.Find("#show-deleted").ChangeAsync(new() { Value = true });
Assert.True(await f.Service<ISettingsService>().GetShowDeletedEntriesAsync());
first.Find(".filter-reset").Click();
Assert.Single(first.FindAll("tbody tr"));
var second = f.Context.Render<EntryTable>(p => p.Add(x => x.Entries, Rows(2)));
second.WaitForAssertion(() => Assert.Single(second.FindAll("tbody tr")));
await second.Find("#show-deleted").ChangeAsync(new() { Value = false });
Assert.False(await f.Service<ISettingsService>().GetShowDeletedEntriesAsync());
var returning = f.Context.Render<EntryTable>(p => p.Add(x => x.Entries, Rows(1)));
returning.WaitForAssertion(() => Assert.Empty(returning.FindAll("tbody tr")));
}
}
+1 -1
View File
@@ -32,7 +32,7 @@ public class LayoutControlTests
if (output == null) return;
Directory.CreateDirectory(output);
var root = new DirectoryInfo(AppContext.BaseDirectory);
while (root != null && !File.Exists(Path.Combine(root.FullName, "src", "Duempelkas.Desktop", "Duempelkas.Desktop.csproj"))) root = root.Parent;
while (root != null && !File.Exists(Path.Combine(root.FullName, "Duempelkas.slnx"))) root = root.Parent;
var web = new Uri(Path.Combine(root!.FullName, "src", "Duempelkas.Desktop", "wwwroot") + Path.DirectorySeparatorChar).AbsoluteUri;
File.WriteAllText(Path.Combine(output, name + ".html"), "<!doctype html><html lang='de'><head><meta charset='utf-8'><meta name='viewport' content='width=device-width, initial-scale=1'>" +
$"<link rel='stylesheet' href='{web}vendor/bootstrap/bootstrap.min.css'><link rel='stylesheet' href='{web}vendor/bootstrap-icons/bootstrap-icons.min.css'><link rel='stylesheet' href='{web}css/app.css'>" +
+1 -1
View File
@@ -36,7 +36,7 @@ public class ToastTests
var control = context.Render<AmountInput>(p => p.Add(x => x.Value, amount).Add(x => x.ValueChanged, value => amount = value));
control.Find("input").Input("12,501");
Assert.Equal("12,50", amount);
Assert.Empty(control.FindAll("[role=status]"));
Assert.Contains("nicht übernommen", control.Markup);
control.Find("input").Input("12.25");
Assert.Equal("12.25", amount);
}
@@ -34,20 +34,18 @@ public class YearNavigationTests
context.Services.GetRequiredService<ReportingPeriod>().Year = 2025;
var page = context.Render<Routes>();
page.WaitForAssertion(() => Assert.Contains("Jahr: 2025", page.Markup));
page.WaitForElement(".account-card").Click();
page.Find(".account-card").Click();
page.WaitForAssertion(() => Assert.Contains("Vorjahr", page.Markup));
page.FindAll("button").Single(b => b.TextContent.Contains("Zurück")).Click();
page.WaitForAssertion(() => Assert.Contains("Jahr: 2025", page.Markup));
page.WaitForElement(".account-card").Click();
page.Find(".account-card").Click();
page.WaitForElement(".summary-section");
page.FindAll("button").Single(b => b.TextContent.Contains("Einnahme oder Ausgabe erfassen")).Click();
var dialog = page.FindComponent<AddEntryDialog>();
dialog.Find("input[type=date]").Input("2026-01-02");
dialog.Find("input[type=date]").Blur();
dialog.Find("#entry-title").Input("Außerhalb");
dialog.Find("#entry-amount").Input("12.50");
Assert.Contains("außerhalb", dialog.Markup);
Assert.NotNull(dialog.Find(".booking-year-warning[role=status] .bi-exclamation-triangle-fill"));
Assert.True(dialog.Find("button.btn-success").HasAttribute("disabled"));
dialog.Find("input[type=checkbox]").Change(true);
dialog.Find("form").Submit();
@@ -60,7 +58,7 @@ public class YearNavigationTests
page.FindAll("button").Single(b => b.TextContent.Trim() == "Alle Buchungen").Click();
page.FindAll("button").Single(b => b.TextContent.Contains("Zurück")).Click();
page.WaitForAssertion(() => Assert.Contains("Alle Jahre", page.Markup));
page.WaitForElement(".account-card").Click();
page.Find(".account-card").Click();
page.WaitForAssertion(() => Assert.Contains("Vorjahr", page.Markup));
Assert.Null(context.Services.GetRequiredService<ReportingPeriod>().Year);
}