Add evaluation components (F2)
- DayEvaluationComponent: shows day expense summary per person - PersonEvaluationComponent: shows person expense summary + details 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
beo3000
parent
1cbd4c17e7
commit
bc99bc25db
|
|
@ -0,0 +1,186 @@
|
||||||
|
@using Koogle.Application.DTOs
|
||||||
|
@using Koogle.Application.Interfaces
|
||||||
|
@using Koogle.Domain.Enums
|
||||||
|
|
||||||
|
@inject IPersonExpenseService PersonExpenseService
|
||||||
|
@inject ISnackbar Snackbar
|
||||||
|
@inject NavigationManager NavigationManager
|
||||||
|
|
||||||
|
@if (_isLoading)
|
||||||
|
{
|
||||||
|
<MudProgressLinear Indeterminate="true" Color="Color.Primary" />
|
||||||
|
}
|
||||||
|
else if (_error is not null)
|
||||||
|
{
|
||||||
|
<MudAlert Severity="Severity.Error" Class="mb-4">@_error</MudAlert>
|
||||||
|
}
|
||||||
|
else if (_evaluation is not null)
|
||||||
|
{
|
||||||
|
<MudCard Elevation="2">
|
||||||
|
<MudCardHeader>
|
||||||
|
<CardHeaderContent>
|
||||||
|
<MudText Typo="Typo.h6">Auswertung: @_evaluation.PostDate.ToString("dd.MM.yyyy")</MudText>
|
||||||
|
</CardHeaderContent>
|
||||||
|
<CardHeaderActions>
|
||||||
|
<MudChip T="string" Size="Size.Small" Color="GetStatusColor(_evaluation.Status)">
|
||||||
|
@GetStatusLabel(_evaluation.Status)
|
||||||
|
</MudChip>
|
||||||
|
</CardHeaderActions>
|
||||||
|
</MudCardHeader>
|
||||||
|
<MudCardContent>
|
||||||
|
<!-- Summary -->
|
||||||
|
<div class="d-flex justify-space-between mb-4">
|
||||||
|
<MudText Typo="Typo.body1">
|
||||||
|
<strong>Gesamt:</strong> @_evaluation.TotalAmount.ToString("C")
|
||||||
|
</MudText>
|
||||||
|
<MudText Typo="Typo.body2" Color="Color.Secondary">
|
||||||
|
@_evaluation.ExpenseCount Strafen
|
||||||
|
</MudText>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@if (_evaluation.PersonEvaluations.Count == 0)
|
||||||
|
{
|
||||||
|
<MudText Typo="Typo.body2" Color="Color.Secondary">Keine Strafen erfasst</MudText>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<MudTable Items="_evaluation.PersonEvaluations" Dense="true" Hover="true">
|
||||||
|
<HeaderContent>
|
||||||
|
<MudTh>Person</MudTh>
|
||||||
|
<MudTh Style="text-align: right">Offen</MudTh>
|
||||||
|
<MudTh Style="text-align: right">Bezahlt</MudTh>
|
||||||
|
<MudTh Style="text-align: right">Gesamt</MudTh>
|
||||||
|
<MudTh Style="text-align: center">Anzahl</MudTh>
|
||||||
|
</HeaderContent>
|
||||||
|
<RowTemplate>
|
||||||
|
<MudTd DataLabel="Person">
|
||||||
|
@if (ShowPersonLinks)
|
||||||
|
{
|
||||||
|
<MudLink OnClick="@(() => NavigateToPersonDetails(context.PersonId))">
|
||||||
|
@context.PersonName
|
||||||
|
</MudLink>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
@context.PersonName
|
||||||
|
}
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Offen" Style="text-align: right">
|
||||||
|
@if (context.OpenAmount > 0)
|
||||||
|
{
|
||||||
|
<MudText Color="Color.Warning">@context.OpenAmount.ToString("C")</MudText>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<MudText>-</MudText>
|
||||||
|
}
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Bezahlt" Style="text-align: right">
|
||||||
|
@if (context.PaidAmount > 0)
|
||||||
|
{
|
||||||
|
<MudText Color="Color.Success">@context.PaidAmount.ToString("C")</MudText>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<MudText>-</MudText>
|
||||||
|
}
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Gesamt" Style="text-align: right">
|
||||||
|
<strong>@context.TotalAmount.ToString("C")</strong>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Anzahl" Style="text-align: center">
|
||||||
|
@context.ExpenseCount
|
||||||
|
</MudTd>
|
||||||
|
</RowTemplate>
|
||||||
|
</MudTable>
|
||||||
|
}
|
||||||
|
</MudCardContent>
|
||||||
|
</MudCard>
|
||||||
|
}
|
||||||
|
|
||||||
|
@code {
|
||||||
|
/// <summary>
|
||||||
|
/// The unique identifier of the day to evaluate.
|
||||||
|
/// </summary>
|
||||||
|
[Parameter]
|
||||||
|
public Guid DayId { get; set; }
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Whether to show links to person details.
|
||||||
|
/// </summary>
|
||||||
|
[Parameter]
|
||||||
|
public bool ShowPersonLinks { get; set; } = true;
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Event callback when data is loaded.
|
||||||
|
/// </summary>
|
||||||
|
[Parameter]
|
||||||
|
public EventCallback<DayEvaluationDto> OnLoaded { get; set; }
|
||||||
|
|
||||||
|
private DayEvaluationDto? _evaluation;
|
||||||
|
private bool _isLoading = true;
|
||||||
|
private string? _error;
|
||||||
|
|
||||||
|
protected override async Task OnParametersSetAsync()
|
||||||
|
{
|
||||||
|
if (DayId != Guid.Empty)
|
||||||
|
{
|
||||||
|
await LoadEvaluationAsync();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Reloads the evaluation data.
|
||||||
|
/// </summary>
|
||||||
|
public async Task RefreshAsync()
|
||||||
|
{
|
||||||
|
await LoadEvaluationAsync();
|
||||||
|
}
|
||||||
|
|
||||||
|
private async Task LoadEvaluationAsync()
|
||||||
|
{
|
||||||
|
try
|
||||||
|
{
|
||||||
|
_isLoading = true;
|
||||||
|
_error = null;
|
||||||
|
_evaluation = await PersonExpenseService.GetDayEvaluationAsync(DayId);
|
||||||
|
|
||||||
|
if (OnLoaded.HasDelegate)
|
||||||
|
{
|
||||||
|
await OnLoaded.InvokeAsync(_evaluation);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
catch (Exception ex)
|
||||||
|
{
|
||||||
|
_error = $"Fehler beim Laden der Auswertung: {ex.Message}";
|
||||||
|
Snackbar.Add(_error, Severity.Error);
|
||||||
|
}
|
||||||
|
finally
|
||||||
|
{
|
||||||
|
_isLoading = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private static string GetStatusLabel(DayStatus status) => status switch
|
||||||
|
{
|
||||||
|
DayStatus.New => "Neu",
|
||||||
|
DayStatus.Started => "Gestartet",
|
||||||
|
DayStatus.Postponed => "Verschoben",
|
||||||
|
DayStatus.Closed => "Abgeschlossen",
|
||||||
|
_ => status.ToString()
|
||||||
|
};
|
||||||
|
|
||||||
|
private static Color GetStatusColor(DayStatus status) => status switch
|
||||||
|
{
|
||||||
|
DayStatus.New => Color.Info,
|
||||||
|
DayStatus.Started => Color.Warning,
|
||||||
|
DayStatus.Postponed => Color.Secondary,
|
||||||
|
DayStatus.Closed => Color.Success,
|
||||||
|
_ => Color.Default
|
||||||
|
};
|
||||||
|
|
||||||
|
private void NavigateToPersonDetails(Guid personId)
|
||||||
|
{
|
||||||
|
NavigationManager.NavigateTo($"/persons/{personId}");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,190 @@
|
||||||
|
@using Koogle.Application.DTOs
|
||||||
|
@using Koogle.Application.Interfaces
|
||||||
|
@using Koogle.Domain.Enums
|
||||||
|
|
||||||
|
@inject IPersonExpenseService PersonExpenseService
|
||||||
|
@inject IPersonService PersonService
|
||||||
|
@inject ISnackbar Snackbar
|
||||||
|
@inject NavigationManager NavigationManager
|
||||||
|
|
||||||
|
@if (_isLoading)
|
||||||
|
{
|
||||||
|
<MudProgressLinear Indeterminate="true" Color="Color.Primary" />
|
||||||
|
}
|
||||||
|
else if (_error is not null)
|
||||||
|
{
|
||||||
|
<MudAlert Severity="Severity.Error" Class="mb-4">@_error</MudAlert>
|
||||||
|
}
|
||||||
|
else if (_evaluation is not null)
|
||||||
|
{
|
||||||
|
<MudCard Elevation="2">
|
||||||
|
<MudCardHeader>
|
||||||
|
<CardHeaderContent>
|
||||||
|
<MudText Typo="Typo.h6">Auswertung: @_evaluation.PersonName</MudText>
|
||||||
|
</CardHeaderContent>
|
||||||
|
</MudCardHeader>
|
||||||
|
<MudCardContent>
|
||||||
|
<!-- Summary Cards -->
|
||||||
|
<MudGrid Class="mb-4">
|
||||||
|
<MudItem xs="6" sm="3">
|
||||||
|
<div class="d-flex flex-column align-center">
|
||||||
|
<MudText Typo="Typo.h5" Color="Color.Warning">@_evaluation.TotalOpenAmount.ToString("C")</MudText>
|
||||||
|
<MudText Typo="Typo.caption" Color="Color.Secondary">Offen</MudText>
|
||||||
|
</div>
|
||||||
|
</MudItem>
|
||||||
|
<MudItem xs="6" sm="3">
|
||||||
|
<div class="d-flex flex-column align-center">
|
||||||
|
<MudText Typo="Typo.h5" Color="Color.Success">@_evaluation.TotalPaidAmount.ToString("C")</MudText>
|
||||||
|
<MudText Typo="Typo.caption" Color="Color.Secondary">Bezahlt</MudText>
|
||||||
|
</div>
|
||||||
|
</MudItem>
|
||||||
|
<MudItem xs="6" sm="3">
|
||||||
|
<div class="d-flex flex-column align-center">
|
||||||
|
<MudText Typo="Typo.h5">@_evaluation.TotalExpenseCount</MudText>
|
||||||
|
<MudText Typo="Typo.caption" Color="Color.Secondary">Strafen</MudText>
|
||||||
|
</div>
|
||||||
|
</MudItem>
|
||||||
|
<MudItem xs="6" sm="3">
|
||||||
|
<div class="d-flex flex-column align-center">
|
||||||
|
<MudText Typo="Typo.h5">@_evaluation.DaysParticipated</MudText>
|
||||||
|
<MudText Typo="Typo.caption" Color="Color.Secondary">Teilnahmen</MudText>
|
||||||
|
</div>
|
||||||
|
</MudItem>
|
||||||
|
</MudGrid>
|
||||||
|
|
||||||
|
@if (ShowExpenseDetails && _expenses.Count > 0)
|
||||||
|
{
|
||||||
|
<MudDivider Class="my-4" />
|
||||||
|
<MudText Typo="Typo.subtitle1" Class="mb-2">Strafenliste</MudText>
|
||||||
|
<MudTable Items="_expenses" Dense="true" Hover="true">
|
||||||
|
<HeaderContent>
|
||||||
|
<MudTh>Datum</MudTh>
|
||||||
|
<MudTh>Strafe</MudTh>
|
||||||
|
<MudTh Style="text-align: right">Betrag</MudTh>
|
||||||
|
<MudTh Style="text-align: center">Status</MudTh>
|
||||||
|
</HeaderContent>
|
||||||
|
<RowTemplate>
|
||||||
|
<MudTd DataLabel="Datum">
|
||||||
|
@if (ShowDayLinks)
|
||||||
|
{
|
||||||
|
<MudLink OnClick="@(() => NavigateToDayDetails(context.DayId))">
|
||||||
|
@context.DayPostDate.ToString("dd.MM.yyyy")
|
||||||
|
</MudLink>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
@context.DayPostDate.ToString("dd.MM.yyyy")
|
||||||
|
}
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Strafe">@context.Name</MudTd>
|
||||||
|
<MudTd DataLabel="Betrag" Style="text-align: right">@context.Price.ToString("C")</MudTd>
|
||||||
|
<MudTd DataLabel="Status" Style="text-align: center">
|
||||||
|
<MudChip T="string" Size="Size.Small" Color="GetExpenseStatusColor(context.PersonExpenseStatus)">
|
||||||
|
@GetExpenseStatusLabel(context.PersonExpenseStatus)
|
||||||
|
</MudChip>
|
||||||
|
</MudTd>
|
||||||
|
</RowTemplate>
|
||||||
|
<PagerContent>
|
||||||
|
<MudTablePager PageSizeOptions="new[] { 10, 25, 50 }" />
|
||||||
|
</PagerContent>
|
||||||
|
</MudTable>
|
||||||
|
}
|
||||||
|
</MudCardContent>
|
||||||
|
</MudCard>
|
||||||
|
}
|
||||||
|
|
||||||
|
@code {
|
||||||
|
/// <summary>
|
||||||
|
/// The unique identifier of the person to evaluate.
|
||||||
|
/// </summary>
|
||||||
|
[Parameter]
|
||||||
|
public Guid PersonId { get; set; }
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Whether to show the detailed expense list.
|
||||||
|
/// </summary>
|
||||||
|
[Parameter]
|
||||||
|
public bool ShowExpenseDetails { get; set; } = true;
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Whether to show links to day details.
|
||||||
|
/// </summary>
|
||||||
|
[Parameter]
|
||||||
|
public bool ShowDayLinks { get; set; } = true;
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Event callback when data is loaded.
|
||||||
|
/// </summary>
|
||||||
|
[Parameter]
|
||||||
|
public EventCallback<PersonEvaluationSummaryDto> OnLoaded { get; set; }
|
||||||
|
|
||||||
|
private PersonEvaluationSummaryDto? _evaluation;
|
||||||
|
private List<PersonExpenseDto> _expenses = [];
|
||||||
|
private bool _isLoading = true;
|
||||||
|
private string? _error;
|
||||||
|
|
||||||
|
protected override async Task OnParametersSetAsync()
|
||||||
|
{
|
||||||
|
if (PersonId != Guid.Empty)
|
||||||
|
{
|
||||||
|
await LoadEvaluationAsync();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Reloads the evaluation data.
|
||||||
|
/// </summary>
|
||||||
|
public async Task RefreshAsync()
|
||||||
|
{
|
||||||
|
await LoadEvaluationAsync();
|
||||||
|
}
|
||||||
|
|
||||||
|
private async Task LoadEvaluationAsync()
|
||||||
|
{
|
||||||
|
try
|
||||||
|
{
|
||||||
|
_isLoading = true;
|
||||||
|
_error = null;
|
||||||
|
|
||||||
|
_evaluation = await PersonExpenseService.GetPersonEvaluationAsync(PersonId);
|
||||||
|
|
||||||
|
if (ShowExpenseDetails)
|
||||||
|
{
|
||||||
|
_expenses = await PersonExpenseService.GetByPersonIdAsync(PersonId);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (OnLoaded.HasDelegate)
|
||||||
|
{
|
||||||
|
await OnLoaded.InvokeAsync(_evaluation);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
catch (Exception ex)
|
||||||
|
{
|
||||||
|
_error = $"Fehler beim Laden der Auswertung: {ex.Message}";
|
||||||
|
Snackbar.Add(_error, Severity.Error);
|
||||||
|
}
|
||||||
|
finally
|
||||||
|
{
|
||||||
|
_isLoading = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private static string GetExpenseStatusLabel(PersonExpenseStatus status) => status switch
|
||||||
|
{
|
||||||
|
PersonExpenseStatus.Open => "Offen",
|
||||||
|
PersonExpenseStatus.Done => "Bezahlt",
|
||||||
|
_ => status.ToString()
|
||||||
|
};
|
||||||
|
|
||||||
|
private static Color GetExpenseStatusColor(PersonExpenseStatus status) => status switch
|
||||||
|
{
|
||||||
|
PersonExpenseStatus.Open => Color.Warning,
|
||||||
|
PersonExpenseStatus.Done => Color.Success,
|
||||||
|
_ => Color.Default
|
||||||
|
};
|
||||||
|
|
||||||
|
private void NavigateToDayDetails(Guid dayId)
|
||||||
|
{
|
||||||
|
NavigationManager.NavigateTo($"/days/{dayId}");
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue