61 lines
2.4 KiB
Plaintext
61 lines
2.4 KiB
Plaintext
@inject HttpClient Client
|
|
@inject AuthService AuthService
|
|
@inject NavigationManager NavigationManager
|
|
|
|
@using TaikoWebUI.Components;
|
|
|
|
@page "/Users"
|
|
|
|
<MudText Typo="Typo.h4">@Localizer["Users"]</MudText>
|
|
<MudGrid Class="my-8">
|
|
@if (!AuthService.LoginRequired || (AuthService.LoginRequired && AuthService.IsAdmin)) {
|
|
if (isLoading == true || response == null)
|
|
{
|
|
// Loading...
|
|
for (uint i = 0; i < pageSize; i++) {
|
|
<MudItem xs="12" md="6" lg="4" xl="3">
|
|
<MudCard Outlined="true">
|
|
<MudCardContent>
|
|
<MudSkeleton Width="30%" Height="42px;" Class="mb-5" />
|
|
<MudSkeleton Width="80%" />
|
|
<MudSkeleton Width="100%" />
|
|
</MudCardContent>
|
|
<MudCardActions>
|
|
<MudStack Row="true" Style="width:100%" Spacing="4" Justify="Justify.FlexEnd">
|
|
<MudSkeleton Width="64px" Height="40px" />
|
|
<MudSkeleton Width="64px" Height="40px" />
|
|
</MudStack>
|
|
</MudCardActions>
|
|
</MudCard>
|
|
</MudItem>
|
|
}
|
|
} else if (response.Users.Count > 0) {
|
|
foreach (var user in response.Users)
|
|
{
|
|
<MudItem xs="12" md="6" lg="4" xl="3">
|
|
<UserCard User="user" UserSetting="user.UserSetting" />
|
|
</MudItem>
|
|
}
|
|
} else { // No users in the database
|
|
<MudItem xs="12">
|
|
<MudText Align="Align.Center" Class="my-8">
|
|
@Localizer["No data."]
|
|
</MudText>
|
|
</MudItem>
|
|
}
|
|
} else if (AuthService.LoginRequired && !AuthService.IsLoggedIn) {
|
|
// Not logged in, redirect
|
|
NavigationManager.NavigateTo("/Login");
|
|
} else {
|
|
NavigationManager.NavigateTo("/");
|
|
}
|
|
|
|
@if (response != null && TotalPages > 1)
|
|
{
|
|
<MudItem xs="12">
|
|
<div class="d-flex flex-column align-center">
|
|
<MudPagination Class="pa-4" Rectangular="true" DisableElevation="true" Count="@TotalPages" Selected="currentPage" SelectedChanged="(page) => OnPageChange(page)" BoundaryCount="1" MiddleCount="3" />
|
|
</div>
|
|
</MudItem>
|
|
}
|
|
</MudGrid> |