Add sorting functionality for prospects with new ProspectSortControl component
This commit is contained in:
17
FoodsharingSiegen.Server/Controls/ProspectSortControl.razor
Normal file
17
FoodsharingSiegen.Server/Controls/ProspectSortControl.razor
Normal file
@@ -0,0 +1,17 @@
|
||||
@using FoodsharingSiegen.Contracts.Enums
|
||||
|
||||
<Button Color="Color.Primary"
|
||||
Width="Width.Px(50)"
|
||||
Height="Height.Px(50)"
|
||||
title="Sortieren"
|
||||
style="min-width: auto;"
|
||||
Clicked="@OpenSortDialogAsync">
|
||||
<i class="fa-solid fa-sort"></i>
|
||||
</Button>
|
||||
|
||||
<div class="badge-row mt-2">
|
||||
@if (HasCustomSort)
|
||||
{
|
||||
<Badge Color="Color.Primary" Closable="true" CloseClicked="@EventCallback.Factory.Create(this, ResetSortAsync)">@CurrentSortText</Badge>
|
||||
}
|
||||
</div>
|
||||
@@ -0,0 +1,78 @@
|
||||
using Blazorise;
|
||||
using FoodsharingSiegen.Contracts.Entity;
|
||||
using FoodsharingSiegen.Contracts.Enums;
|
||||
using FoodsharingSiegen.Server.Data.Service;
|
||||
using FoodsharingSiegen.Server.Dialogs;
|
||||
using FoodsharingSiegen.Server.Service;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
|
||||
namespace FoodsharingSiegen.Server.Controls;
|
||||
|
||||
public partial class ProspectSortControl
|
||||
{
|
||||
[Inject] private IModalService ModalService { get; set; } = null!;
|
||||
|
||||
[Inject] private LocalStorageService LocalStorageService { get; set; } = null!;
|
||||
|
||||
[Parameter]
|
||||
public ProspectSortOption CurrentSort { get; set; } = ProspectSortOption.NameAscending;
|
||||
|
||||
[Parameter]
|
||||
public EventCallback<ProspectSortOption> CurrentSortChanged { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public EventCallback OnSortChanged { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string? StorageKey { get; set; }
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
if (!string.IsNullOrEmpty(StorageKey))
|
||||
{
|
||||
var savedSort = await LocalStorageService.GetItem<ProspectSortOption?>(StorageKey);
|
||||
if (savedSort.HasValue)
|
||||
{
|
||||
CurrentSort = savedSort.Value;
|
||||
await CurrentSortChanged.InvokeAsync(CurrentSort);
|
||||
}
|
||||
}
|
||||
await base.OnInitializedAsync();
|
||||
}
|
||||
|
||||
private async Task OpenSortDialogAsync()
|
||||
{
|
||||
await ProspectSortDialog.ShowAsync(ModalService, CurrentSort, async option =>
|
||||
{
|
||||
await UpdateSortAsync(option);
|
||||
});
|
||||
}
|
||||
|
||||
private bool HasCustomSort => CurrentSort != ProspectSortOption.NameAscending;
|
||||
|
||||
private string CurrentSortText => CurrentSort switch
|
||||
{
|
||||
ProspectSortOption.NameDescending => "Sortierung: Name (absteigend)",
|
||||
ProspectSortOption.ModifiedAscending => "Sortierung: Zuletzt geändert (aufsteigend)",
|
||||
ProspectSortOption.ModifiedDescending => "Sortierung: Zuletzt geaendert (absteigend)",
|
||||
_ => string.Empty
|
||||
};
|
||||
|
||||
private async Task ResetSortAsync()
|
||||
{
|
||||
await UpdateSortAsync(ProspectSortOption.NameAscending);
|
||||
}
|
||||
|
||||
private async Task UpdateSortAsync(ProspectSortOption option)
|
||||
{
|
||||
CurrentSort = option;
|
||||
|
||||
if (!string.IsNullOrEmpty(StorageKey))
|
||||
{
|
||||
await LocalStorageService.SetItem(StorageKey, CurrentSort);
|
||||
}
|
||||
|
||||
await CurrentSortChanged.InvokeAsync(CurrentSort);
|
||||
await OnSortChanged.InvokeAsync();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user