Taiko_Stuff/TaikoLocalServer
1
0
Fork 0
mirror of synced 2025-02-17 19:19:18 +01:00
Code Releases Activity

Add pagination to Users page

Browse Source
This commit is contained in:
shiibe 2024-06-05 11:39:07 -04:00
parent 510a93c1aa
commit 4eef897bd5
1 changed files with 32 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
TaikoWebUI/Pages/Users.razor
View File

@ -7,12 +7,12 @@
@page "/Users" @page "/Users"
<MudText Typo="Typo.h4">@Localizer["Users"]</MudText> <MudText Typo="Typo.h4">@Localizer["Users"]</MudText>
<MudGrid Class="my-8">
@if (!AuthService.LoginRequired || (AuthService.LoginRequired && AuthService.IsAdmin)) { @if (!AuthService.LoginRequired || (AuthService.LoginRequired && AuthService.IsAdmin)) {
if (isLoading == true) if (isLoading == true || response == null)
{ {
// Loading... // Loading...
for (uint i = 0; i < 6; i++) { for (uint i = 0; i < 6; i++) {
<MudGrid Class="my-8">
<MudItem xs="12" md="6" lg="4"> <MudItem xs="12" md="6" lg="4">
<MudCard Outlined="true"> <MudCard Outlined="true">
<MudCardContent> <MudCardContent>
@ -28,20 +28,34 @@
</MudCardActions> </MudCardActions>
</MudCard> </MudCard>
</MudItem> </MudItem>
</MudGrid>
} }
} else if (response.Users.Count > 0) { } else if (response.Users.Count > 0) {
foreach (var user in response.Users) <MudGrid Class="my-8">
@foreach (var user in response.Users)
{ {
<MudItem xs="12" md="6" lg="4"> <MudItem xs="12" md="6" lg="4">
<UserCard User="user" UserSetting="user.UserSetting" /> <UserCard User="user" UserSetting="user.UserSetting" />
</MudItem> </MudItem>
} }
@if (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>
} else { // No users in the database } else { // No users in the database
<MudGrid Class="my-8">
<MudItem xs="12"> <MudItem xs="12">
<MudText Align="Align.Center" Class="my-8"> <MudText Align="Align.Center" Class="my-8">
@Localizer["No data."] @Localizer["No data."]
</MudText> </MudText>
</MudItem> </MudItem>
</MudGrid>
} }
} else if (AuthService.LoginRequired && !AuthService.IsLoggedIn) { } else if (AuthService.LoginRequired && !AuthService.IsLoggedIn) {
// Not logged in, redirect // Not logged in, redirect
@ -49,4 +63,3 @@
} else { } else {
NavigationManager.NavigateTo("/"); NavigationManager.NavigateTo("/");
} }
</MudGrid>