104 lines
4.5 KiB
Plaintext
104 lines
4.5 KiB
Plaintext
@page "/admin/users"
|
||
@rendermode InteractiveServer
|
||
@attribute [Authorize(Policy = "AdminOnly")]
|
||
@inject AuthService AuthService
|
||
@inject ISnackbar Snackbar
|
||
@inject AuthenticationStateProvider AuthStateProvider
|
||
|
||
<PageTitle>Benutzerverwaltung – Timetracker</PageTitle>
|
||
|
||
@if (_loading)
|
||
{
|
||
<MudStack AlignItems="AlignItems.Center" Class="mt-16" Spacing="3">
|
||
<MudProgressCircular Color="Color.Primary" Indeterminate="true" Size="Size.Large" />
|
||
<MudText Color="Color.Secondary">Lade Benutzer…</MudText>
|
||
</MudStack>
|
||
}
|
||
else
|
||
{
|
||
<MudStack Spacing="4">
|
||
|
||
@* ── Header ── *@
|
||
<MudPaper Elevation="4" Class="pa-5 rounded-xl"
|
||
Style="background: linear-gradient(135deg, #B71C1C 0%, #7F0000 100%); color:white;">
|
||
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="3">
|
||
<MudIcon Icon="@Icons.Material.Filled.AdminPanelSettings" Style="color:white; font-size:2rem" />
|
||
<MudStack Spacing="0">
|
||
<MudText Typo="Typo.h5" Style="color:white; font-weight:700">Benutzerverwaltung</MudText>
|
||
<MudText Typo="Typo.caption" Style="color:rgba(255,255,255,0.72)">
|
||
@_users.Count Benutzer registriert
|
||
</MudText>
|
||
</MudStack>
|
||
</MudStack>
|
||
</MudPaper>
|
||
|
||
@* ── Tabelle ── *@
|
||
<MudCard Elevation="3" Class="rounded-xl">
|
||
<MudCardContent Class="pa-0">
|
||
<MudTable Items="_users" Hover="true" Striped="true" Dense="false"
|
||
SortLabel="Sortieren">
|
||
<HeaderContent>
|
||
<MudTh><MudTableSortLabel SortBy="new Func<User, object>(u => u.Id)">ID</MudTableSortLabel></MudTh>
|
||
<MudTh><MudTableSortLabel SortBy="new Func<User, object>(u => u.Username)" InitialDirection="SortDirection.Ascending">Benutzername</MudTableSortLabel></MudTh>
|
||
<MudTh Style="text-align:right">Aktionen</MudTh>
|
||
</HeaderContent>
|
||
<RowTemplate>
|
||
<MudTd>
|
||
<MudText Typo="Typo.body2" Color="Color.Secondary">@context.Id</MudText>
|
||
</MudTd>
|
||
<MudTd>
|
||
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
|
||
<MudIcon Icon="@Icons.Material.Filled.AccountCircle"
|
||
Color="@(context.Username == "marc" ? Color.Error : Color.Default)"
|
||
Size="Size.Small" />
|
||
<MudText Style="@(context.Username == "marc" ? "font-weight:700" : "")">
|
||
@context.Username
|
||
</MudText>
|
||
@if (context.Username == "marc")
|
||
{
|
||
<MudChip T="string" Size="Size.Small" Color="Color.Error" Variant="Variant.Outlined">Admin</MudChip>
|
||
}
|
||
</MudStack>
|
||
</MudTd>
|
||
<MudTd Style="text-align:right">
|
||
@if (context.Username != "marc")
|
||
{
|
||
<MudIconButton Icon="@Icons.Material.Filled.DeleteOutline"
|
||
Color="Color.Error"
|
||
Size="Size.Small"
|
||
OnClick="@(() => DeleteUser(context))" />
|
||
}
|
||
</MudTd>
|
||
</RowTemplate>
|
||
<NoRecordsContent>
|
||
<MudText Color="Color.Secondary" Class="pa-4">Keine Benutzer gefunden.</MudText>
|
||
</NoRecordsContent>
|
||
</MudTable>
|
||
</MudCardContent>
|
||
</MudCard>
|
||
|
||
</MudStack>
|
||
}
|
||
|
||
@code {
|
||
private List<User> _users = [];
|
||
private bool _loading = true;
|
||
|
||
protected override async Task OnInitializedAsync()
|
||
{
|
||
var claim = (await AuthStateProvider.GetAuthenticationStateAsync())
|
||
.User.FindFirst(ClaimTypes.NameIdentifier);
|
||
if (claim == null) return;
|
||
|
||
_users = await AuthService.GetAllUsersAsync();
|
||
_loading = false;
|
||
}
|
||
|
||
private async Task DeleteUser(User user)
|
||
{
|
||
await AuthService.DeleteUserAsync(user.Id);
|
||
_users.Remove(user);
|
||
Snackbar.Add($"Benutzer \"{user.Username}\" gelöscht.", Severity.Info);
|
||
}
|
||
}
|