Refactor terminology in dialogs and tables for consistency; update styles for number inputs and footer links
This commit is contained in:
@@ -20,7 +20,7 @@
|
|||||||
|
|
||||||
@if (!Entries.Any())
|
@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 {
|
@code {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
<div class="dialog-backdrop" @onclick="Cancel">
|
<div class="dialog-backdrop" @onclick="Cancel">
|
||||||
<div class="dialog-content" @onclick:stopPropagation="true">
|
<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">
|
<div class="form-container">
|
||||||
@if (EditEntry == null)
|
@if (EditEntry == null)
|
||||||
@@ -21,7 +21,7 @@
|
|||||||
<input type="text" class="form-control" @bind="title" placeholder="Beschreibung" />
|
<input type="text" class="form-control" @bind="title" placeholder="Beschreibung" />
|
||||||
|
|
||||||
<label class="form-label">Betrag (€)</label>
|
<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>
|
||||||
|
|
||||||
<div class="d-flex justify-content-end gap-2">
|
<div class="d-flex justify-content-end gap-2">
|
||||||
|
|||||||
@@ -22,7 +22,7 @@
|
|||||||
<input type="text" class="form-control" @bind="title" placeholder="Beschreibung der Umbuchung" />
|
<input type="text" class="form-control" @bind="title" placeholder="Beschreibung der Umbuchung" />
|
||||||
|
|
||||||
<label class="form-label">Betrag (€)</label>
|
<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>
|
||||||
|
|
||||||
<div class="d-flex justify-content-end gap-2">
|
<div class="d-flex justify-content-end gap-2">
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<h5 class="mb-3">Übertrag bearbeiten</h5>
|
<h5 class="mb-3">Übertrag bearbeiten</h5>
|
||||||
<div class="form-container">
|
<div class="form-container">
|
||||||
<label class="form-label">Übertrag (€)</label>
|
<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>
|
||||||
<div class="d-flex justify-content-end gap-2">
|
<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>
|
<button class="btn btn-success" @onclick="Save"><i class="bi bi-check-lg"></i> Speichern</button>
|
||||||
|
|||||||
@@ -11,12 +11,34 @@
|
|||||||
@Body
|
@Body
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer class="app-footer">
|
<footer class="app-footer d-flex align-items-center justify-content-center gap-2">
|
||||||
Dümpelkas © @DateTime.Now.Year · Version @AppVersion
|
<span>Dümpelkas © @DateTime.Now.Year · Version @AppVersion</span> ·<a class="app-footer-about" @onclick="OpenAboutDialog">Über</a>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@if (showAboutDialog)
|
||||||
|
{
|
||||||
|
<div class="dialog-backdrop" @onclick="CloseAboutDialog">
|
||||||
|
<div class="dialog-content" @onclick:stopPropagation="true">
|
||||||
|
<h5>Über Dümpelkas · 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 {
|
@code {
|
||||||
|
private bool showAboutDialog;
|
||||||
|
|
||||||
|
private void OpenAboutDialog() => showAboutDialog = true;
|
||||||
|
|
||||||
|
private void CloseAboutDialog() => showAboutDialog = false;
|
||||||
|
|
||||||
private static string AppVersion
|
private static string AppVersion
|
||||||
{
|
{
|
||||||
get
|
get
|
||||||
|
|||||||
@@ -29,7 +29,7 @@
|
|||||||
<i class="bi bi-arrow-left"></i> Zurück
|
<i class="bi bi-arrow-left"></i> Zurück
|
||||||
</button>
|
</button>
|
||||||
<button class="btn btn-success btn-nav" @onclick="() => showAddEntry = true">
|
<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>
|
||||||
<button class="btn btn-info btn-nav" @onclick="() => showAddTransfer = true">
|
<button class="btn btn-info btn-nav" @onclick="() => showAddTransfer = true">
|
||||||
<i class="bi bi-arrow-left-right"></i> Umbuchung
|
<i class="bi bi-arrow-left-right"></i> Umbuchung
|
||||||
@@ -38,7 +38,7 @@
|
|||||||
<i class="bi bi-file-earmark-pdf"></i> PDF
|
<i class="bi bi-file-earmark-pdf"></i> PDF
|
||||||
</button>
|
</button>
|
||||||
<button class="btn btn-nav @(showCurrentYearOnly ? "btn-primary" : "btn-outline-secondary")" @onclick="ToggleYearFilter">
|
<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>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -127,7 +127,7 @@
|
|||||||
|
|
||||||
@if (confirmDeleteEntryId.HasValue)
|
@if (confirmDeleteEntryId.HasValue)
|
||||||
{
|
{
|
||||||
<ConfirmDialog Title="Eintrag löschen"
|
<ConfirmDialog Title="Buchung löschen"
|
||||||
Message="@($"Soll \"{confirmDeleteEntryTitle}\" wirklich gelöscht werden?")"
|
Message="@($"Soll \"{confirmDeleteEntryTitle}\" wirklich gelöscht werden?")"
|
||||||
ConfirmText="Ja, löschen"
|
ConfirmText="Ja, löschen"
|
||||||
CancelText="Nein, abbrechen"
|
CancelText="Nein, abbrechen"
|
||||||
@@ -139,7 +139,7 @@
|
|||||||
|
|
||||||
@if (confirmRestoreEntryId.HasValue)
|
@if (confirmRestoreEntryId.HasValue)
|
||||||
{
|
{
|
||||||
<ConfirmDialog Title="Eintrag wiederherstellen"
|
<ConfirmDialog Title="Buchung wiederherstellen"
|
||||||
Message="@($"Soll \"{confirmRestoreEntryTitle}\" wiederhergestellt werden?")"
|
Message="@($"Soll \"{confirmRestoreEntryTitle}\" wiederhergestellt werden?")"
|
||||||
ConfirmText="Ja, wiederherstellen"
|
ConfirmText="Ja, wiederherstellen"
|
||||||
CancelText="Nein, abbrechen"
|
CancelText="Nein, abbrechen"
|
||||||
|
|||||||
@@ -170,6 +170,18 @@ html, body {
|
|||||||
text-align: center;
|
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 */
|
/* Buttons – modern style */
|
||||||
.btn {
|
.btn {
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
@@ -525,6 +537,17 @@ html, body {
|
|||||||
text-align: right;
|
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 {
|
.form-control, .form-select {
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
transition: border-color 0.15s, box-shadow 0.15s;
|
transition: border-color 0.15s, box-shadow 0.15s;
|
||||||
|
|||||||
Reference in New Issue
Block a user