Files
Servers/MoonlightServers.Frontend/UI/Views/Admin/All/Index.razor
2025-02-06 11:14:49 +01:00

116 lines
4.0 KiB
Plaintext

@page "/admin/servers/all"
@using MoonCore.Blazor.Tailwind.Alerts
@using MoonCore.Helpers
@using MoonCore.Models
@using MoonlightServers.Shared.Http.Responses.Admin.Nodes
@using MoonlightServers.Shared.Http.Responses.Admin.Servers
@using MoonlightServers.Shared.Http.Responses.Admin.Stars
@using MoonCore.Blazor.Tailwind.Components
@using MoonCore.Blazor.Tailwind.Dt
@using MoonCore.Blazor.Tailwind.Toasts
@inject HttpApiClient ApiClient
@inject AlertService AlertService
@inject ToastService ToastService
<div class="mb-3">
<NavTabs Index="1" Names="@UiConstants.AdminNavNames" Links="@UiConstants.AdminNavLinks"/>
</div>
<div class="mb-5">
<PageHeader Title="Servers">
<a href="/admin/servers/all/create" class="btn btn-primary">
Create
</a>
</PageHeader>
</div>
<DataTable @ref="Table" TItem="ServerDetailResponse" PageSize="15" LoadItemsPaginatedAsync="LoadData">
<Configuration>
<DataTableColumn TItem="ServerDetailResponse" Field="@(x => x.Id)" Name="Id"/>
<DataTableColumn TItem="ServerDetailResponse" Field="@(x => x.Name)" Name="Name"/>
<DataTableColumn TItem="ServerDetailResponse" Field="@(x => x.NodeId)" Name="Node">
<ColumnTemplate>
@{
var node = Nodes.FirstOrDefault(x => x.Id == context.NodeId);
}
<span>
@(node?.Name ?? "N/A")
</span>
</ColumnTemplate>
</DataTableColumn>
<DataTableColumn TItem="ServerDetailResponse" Field="@(x => x.StarId)" Name="Star">
<ColumnTemplate>
@{
var star = Stars.FirstOrDefault(x => x.Id == context.StarId);
}
<span>
@(star?.Name ?? "N/A")
</span>
</ColumnTemplate>
</DataTableColumn>
<DataTableColumn TItem="ServerDetailResponse">
<ColumnTemplate>
<div class="flex justify-end">
<a href="/admin/servers/all/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
<i class="icon-pencil text-base"></i>
</a>
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
class="text-danger-500">
<i class="icon-trash text-base"></i>
</a>
</div>
</ColumnTemplate>
</DataTableColumn>
</Configuration>
</DataTable>
@code
{
private DataTable<ServerDetailResponse> Table;
private List<StarDetailResponse> Stars = new();
private List<NodeDetailResponse> Nodes = new();
private async Task<IPagedData<ServerDetailResponse>> LoadData(PaginationOptions options)
{
// Clear potential previous data
var data = await ApiClient.GetJson<PagedData<ServerDetailResponse>>($"api/admin/servers?page={options.Page}&pageSize={options.PerPage}");
foreach (var item in data.Items)
{
if (Nodes.All(x => x.Id != item.NodeId))
{
var node = await ApiClient.GetJson<NodeDetailResponse>($"api/admin/servers/nodes/{item.NodeId}");
Nodes.Add(node);
}
if (Stars.All(x => x.Id != item.StarId))
{
var star = await ApiClient.GetJson<StarDetailResponse>($"api/admin/servers/stars/{item.StarId}");
Stars.Add(star);
}
}
return data;
}
private async Task Delete(ServerDetailResponse detailResponse)
{
await AlertService.ConfirmDanger(
"Server deletion",
$"Do you really want to delete the server '{detailResponse.Name}'",
async () =>
{
await ApiClient.Delete($"api/admin/servers/{detailResponse.Id}");
await ToastService.Success("Successfully deleted server");
await Table.Refresh();
}
);
}
}