Refactor terminology in dialogs and tables for consistency; update styles for number inputs and footer links

This commit is contained in:
2026-04-03 09:32:14 +02:00
parent 719b33bb71
commit 0923c037eb
7 changed files with 56 additions and 11 deletions

View File

@@ -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 {

View File

@@ -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">

View File

@@ -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">

View File

@@ -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>

View File

@@ -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

View File

@@ -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"

View File

@@ -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;