64 lines
2.1 KiB
Plaintext
64 lines
2.1 KiB
Plaintext
@page "/admin/users"
|
|
|
|
@using MoonCore.Helpers
|
|
@using MoonCore.Models
|
|
@using Moonlight.Shared.Http.Responses.Admin.Users
|
|
@using MoonCore.Blazor.FlyonUi.DataTables
|
|
|
|
@inject HttpApiClient ApiClient
|
|
@inject AlertService AlertService
|
|
@inject ToastService ToastService
|
|
|
|
<div class="mb-5">
|
|
<PageHeader Title="Users">
|
|
<a href="/admin/users/create" class="btn btn-primary">
|
|
Create
|
|
</a>
|
|
</PageHeader>
|
|
</div>
|
|
|
|
<DataTable @ref="Table" TItem="UserResponse">
|
|
<Configuration>
|
|
<Pagination TItem="UserResponse" ItemSource="LoadData" />
|
|
|
|
<DataTableColumn TItem="UserResponse" Field="@(x => x.Id)" Name="Id"/>
|
|
<DataTableColumn TItem="UserResponse" Field="@(x => x.Username)" Name="Username"/>
|
|
<DataTableColumn TItem="UserResponse" Field="@(x => x.Email)" Name="Email"/>
|
|
<DataTableColumn TItem="UserResponse">
|
|
<ColumnTemplate>
|
|
<div class="flex justify-end">
|
|
<a href="/admin/users/@(context.Id)" class="mr-2 sm:mr-3">
|
|
<i class="icon-pencil text-primary"></i>
|
|
</a>
|
|
|
|
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault>
|
|
<i class="icon-trash text-error"></i>
|
|
</a>
|
|
</div>
|
|
</ColumnTemplate>
|
|
</DataTableColumn>
|
|
</Configuration>
|
|
</DataTable>
|
|
|
|
@code
|
|
{
|
|
private DataTable<UserResponse> Table;
|
|
|
|
private async Task<IPagedData<UserResponse>> LoadData(PaginationOptions options)
|
|
=> await ApiClient.GetJson<PagedData<UserResponse>>($"api/admin/users?page={options.Page}&pageSize={options.PerPage}");
|
|
|
|
private async Task Delete(UserResponse response)
|
|
{
|
|
await AlertService.ConfirmDanger(
|
|
"User deletion",
|
|
$"Do you really want to delete the user '{response.Username}'",
|
|
async () =>
|
|
{
|
|
await ApiClient.Delete($"api/admin/users/{response.Id}");
|
|
await ToastService.Success("Successfully deleted user");
|
|
|
|
await Table.Refresh();
|
|
}
|
|
);
|
|
}
|
|
} |