From 0923c037ebc0d42d7c7dd762df7b76a1036ac98d Mon Sep 17 00:00:00 2001
From: troogs <gitea@beging.de>
Date: Fri, 3 Apr 2026 09:32:14 +0200
Subject: [PATCH] Refactor terminology in dialogs and tables for consistency;
 update styles for number inputs and footer links

---
 .../Components/Accounts/EntryTable.razor      |  2 +-
 .../Components/Dialogs/AddEntryDialog.razor   |  4 +--
 .../Dialogs/AddTransferDialog.razor           |  2 +-
 .../Dialogs/EditCarryoverDialog.razor         |  2 +-
 .../Components/Layout/MainLayout.razor        | 26 +++++++++++++++++--
 .../Pages/Accounts/AccountDetail.razor        |  8 +++---
 src/Duempelkas.Desktop/wwwroot/css/app.css    | 23 ++++++++++++++++
 7 files changed, 56 insertions(+), 11 deletions(-)

diff --git a/src/Duempelkas.App/Components/Accounts/EntryTable.razor b/src/Duempelkas.App/Components/Accounts/EntryTable.razor
index 85def90..8bf33aa 100644
--- a/src/Duempelkas.App/Components/Accounts/EntryTable.razor
+++ b/src/Duempelkas.App/Components/Accounts/EntryTable.razor
@@ -20,7 +20,7 @@
 
 @if (!Entries.Any())
 {
-    <div class="text-center py-3 text-muted">Keine Einträge vorhanden.</div>
+    <div class="text-center py-3 text-muted">Keine Buchungen vorhanden.</div>
 }
 
 @code {
diff --git a/src/Duempelkas.App/Components/Dialogs/AddEntryDialog.razor b/src/Duempelkas.App/Components/Dialogs/AddEntryDialog.razor
index e349952..09b44b3 100644
--- a/src/Duempelkas.App/Components/Dialogs/AddEntryDialog.razor
+++ b/src/Duempelkas.App/Components/Dialogs/AddEntryDialog.razor
@@ -2,7 +2,7 @@
 
 <div class="dialog-backdrop" @onclick="Cancel">
     <div class="dialog-content" @onclick:stopPropagation="true">
-        <h5>@(EditEntry != null ? "Eintrag bearbeiten" : "Neuer Eintrag")</h5>
+        <h5>@(EditEntry != null ? "Buchung bearbeiten" : "Neue Buchung")</h5>
 
         <div class="form-container">
             @if (EditEntry == null)
@@ -21,7 +21,7 @@
             <input type="text" class="form-control" @bind="title" placeholder="Beschreibung" />
 
             <label class="form-label">Betrag (€)</label>
-            <input type="number" class="form-control" @bind="amount" step="0.01" min="0.01" />
+            <input type="number" class="form-control no-spinner" @bind="amount" step="0.01" min="0.01" />
         </div>
 
         <div class="d-flex justify-content-end gap-2">
diff --git a/src/Duempelkas.App/Components/Dialogs/AddTransferDialog.razor b/src/Duempelkas.App/Components/Dialogs/AddTransferDialog.razor
index 31f53d7..448d375 100644
--- a/src/Duempelkas.App/Components/Dialogs/AddTransferDialog.razor
+++ b/src/Duempelkas.App/Components/Dialogs/AddTransferDialog.razor
@@ -22,7 +22,7 @@
             <input type="text" class="form-control" @bind="title" placeholder="Beschreibung der Umbuchung" />
 
             <label class="form-label">Betrag (€)</label>
-            <input type="number" class="form-control" @bind="amount" step="0.01" min="0.01" />
+            <input type="number" class="form-control no-spinner" @bind="amount" step="0.01" min="0.01" />
         </div>
 
         <div class="d-flex justify-content-end gap-2">
diff --git a/src/Duempelkas.App/Components/Dialogs/EditCarryoverDialog.razor b/src/Duempelkas.App/Components/Dialogs/EditCarryoverDialog.razor
index 2b83869..a82725b 100644
--- a/src/Duempelkas.App/Components/Dialogs/EditCarryoverDialog.razor
+++ b/src/Duempelkas.App/Components/Dialogs/EditCarryoverDialog.razor
@@ -3,7 +3,7 @@
         <h5 class="mb-3">Übertrag bearbeiten</h5>
         <div class="form-container">
             <label class="form-label">Übertrag (€)</label>
-            <input type="number" class="form-control" step="0.01" @bind="amount" />
+            <input type="number" class="form-control no-spinner" step="0.01" @bind="amount" />
         </div>
         <div class="d-flex justify-content-end gap-2">
             <button class="btn btn-success" @onclick="Save"><i class="bi bi-check-lg"></i> Speichern</button>
diff --git a/src/Duempelkas.App/Components/Layout/MainLayout.razor b/src/Duempelkas.App/Components/Layout/MainLayout.razor
index 11b5057..ee4eea7 100644
--- a/src/Duempelkas.App/Components/Layout/MainLayout.razor
+++ b/src/Duempelkas.App/Components/Layout/MainLayout.razor
@@ -11,12 +11,34 @@
         @Body
     </main>
 
-    <footer class="app-footer">
-        Dümpelkas &copy; @DateTime.Now.Year &middot; Version @AppVersion
+    <footer class="app-footer d-flex align-items-center justify-content-center gap-2">
+        <span>Dümpelkas &copy; @DateTime.Now.Year &middot; Version @AppVersion</span> &middot;<a class="app-footer-about" @onclick="OpenAboutDialog">Über</a>
     </footer>
 </div>
 
+@if (showAboutDialog)
+{
+    <div class="dialog-backdrop" @onclick="CloseAboutDialog">
+        <div class="dialog-content" @onclick:stopPropagation="true">
+            <h5>Über Dümpelkas &middot; Version @AppVersion</h5>
+            <p class="mb-2">Entwickler: Andre Beging</p>
+            <p class="mb-3">E-Mail: <a href="mailto:mail@beging.de" style="color: white;">mail@beging.de</a></p>
+            <div class="d-flex justify-content-end">
+                <button type="button" class="btn btn-outline-secondary" @onclick="CloseAboutDialog">
+                    <i class="bi bi-x-lg"></i> Schließen
+                </button>
+            </div>
+        </div>
+    </div>
+}
+
 @code {
+    private bool showAboutDialog;
+
+    private void OpenAboutDialog() => showAboutDialog = true;
+
+    private void CloseAboutDialog() => showAboutDialog = false;
+
     private static string AppVersion
     {
         get
diff --git a/src/Duempelkas.App/Pages/Accounts/AccountDetail.razor b/src/Duempelkas.App/Pages/Accounts/AccountDetail.razor
index 1addea4..db3d742 100644
--- a/src/Duempelkas.App/Pages/Accounts/AccountDetail.razor
+++ b/src/Duempelkas.App/Pages/Accounts/AccountDetail.razor
@@ -29,7 +29,7 @@
                 <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> Eintrag
+                <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
@@ -38,7 +38,7 @@
                 <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 Einträge")
+                <i class="bi bi-funnel"></i> @(showCurrentYearOnly ? $"Nur {DateTime.Now.Year}" : "Alle Buchungen")
             </button>
         </div>
 
@@ -127,7 +127,7 @@
 
 @if (confirmDeleteEntryId.HasValue)
 {
-    <ConfirmDialog Title="Eintrag löschen"
+    <ConfirmDialog Title="Buchung löschen"
                    Message="@($"Soll \"{confirmDeleteEntryTitle}\" wirklich gelöscht werden?")"
                    ConfirmText="Ja, löschen"
                    CancelText="Nein, abbrechen"
@@ -139,7 +139,7 @@
 
 @if (confirmRestoreEntryId.HasValue)
 {
-    <ConfirmDialog Title="Eintrag wiederherstellen"
+    <ConfirmDialog Title="Buchung wiederherstellen"
                    Message="@($"Soll \"{confirmRestoreEntryTitle}\" wiederhergestellt werden?")"
                    ConfirmText="Ja, wiederherstellen"
                    CancelText="Nein, abbrechen"
diff --git a/src/Duempelkas.Desktop/wwwroot/css/app.css b/src/Duempelkas.Desktop/wwwroot/css/app.css
index bca5b5d..8ce1e2b 100644
--- a/src/Duempelkas.Desktop/wwwroot/css/app.css
+++ b/src/Duempelkas.Desktop/wwwroot/css/app.css
@@ -170,6 +170,18 @@ html, body {
     text-align: center;
 }
 
+.app-footer-about {
+    color: var(--color-text-muted);
+    text-decoration: underline;
+    padding: 0;
+}
+
+.app-footer-about:hover,
+.app-footer-about:focus {
+    color: var(--color-text);
+    cursor: pointer;
+}
+
 /* Buttons – modern style */
 .btn {
     font-size: 0.85rem;
@@ -525,6 +537,17 @@ html, body {
     text-align: right;
 }
 
+.no-spinner::-webkit-outer-spin-button,
+.no-spinner::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+input[type="number"].no-spinner {
+    -moz-appearance: textfield;
+    appearance: textfield;
+}
+
 .form-control, .form-select {
     border-radius: 0.5rem;
     transition: border-color 0.15s, box-shadow 0.15s;