63 lines
3.9 KiB
Plaintext
63 lines
3.9 KiB
Plaintext
@inject ToastService Toasts
|
||
@inject IEntryService EntryService
|
||
|
||
<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")">
|
||
<fieldset disabled="@(isSaving || committedResult != null || completed)">
|
||
<div class="form-container">
|
||
<label class="form-label" for="entry-type">Art</label>
|
||
@if (EditEntry == null)
|
||
{
|
||
<select id="entry-type" @bind="entryType">
|
||
<option value="@EntryType.Income">Einnahme</option>
|
||
<option value="@EntryType.Expense">Ausgabe</option>
|
||
</select>
|
||
}
|
||
else
|
||
{
|
||
<div><strong>@(entryType == EntryType.Income ? "Einnahme" : "Ausgabe")</strong>
|
||
<p class="text-muted">Falsche Art? Diese Buchung abbrechen, in der Kontoliste löschen und mit der richtigen Art neu erfassen.</p>
|
||
</div>
|
||
}
|
||
|
||
<label class="form-label" for="entry-date">Datum</label>
|
||
<div>
|
||
<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>
|
||
|
||
<label class="form-label" for="entry-title">Beschreibung</label>
|
||
<div>
|
||
<input id="entry-title" data-initial-focus type="text" class="form-control" @bind="title" @bind:event="oninput" placeholder="z. B. Mitgliedsbeitrag oder Porto" aria-describedby="entry-title-help" aria-invalid="@(string.IsNullOrWhiteSpace(title) ? "true" : "false")" />
|
||
@if (string.IsNullOrWhiteSpace(title)) { <p id="entry-title-help" class="text-danger">Bitte beschreiben, wofür das Geld eingenommen oder ausgegeben wurde.</p> }
|
||
</div>
|
||
|
||
<label class="form-label" for="entry-amount">Betrag (€)</label>
|
||
<div>
|
||
<AmountInput Id="entry-amount" @bind-Value="amountText" />
|
||
<p class="text-muted">Betrag ohne Minuszeichen.</p>
|
||
</div>
|
||
</div>
|
||
|
||
@if (OutsideYear && date != default)
|
||
{
|
||
<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>
|
||
}
|
||
|
||
</fieldset>
|
||
<div class="d-flex justify-content-end gap-2">
|
||
<button type="submit" class="btn btn-success" disabled="@(isSaving || completed || (committedResult == null && !CanSave))">
|
||
@(isSaving ? "Wird gespeichert …" : committedResult != null ? "Ansicht aktualisieren" : "Speichern")
|
||
</button>
|
||
<button type="button" class="btn btn-outline-secondary" disabled="@isSaving" @onclick="Cancel"><i class="bi bi-x-lg"></i> Abbrechen</button>
|
||
</div>
|
||
</form>
|
||
</ModalDialog>
|
||
|
||
@code { private ModalDialog? modal; }
|