Moonlight-Panel/Servers
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added simple node crud

Browse Source
This commit is contained in:
ChiaraBm
2024-12-11 16:42:56 +01:00
parent 220eb28657
commit 4168b93d61
9 changed files with 378 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
MoonlightServers.Frontend/UI/Views/Admin/Nodes/Index.razor Normal file
View File

@@ -0,0 +1,80 @@
@page "/admin/servers/nodes"
@using MoonCore.Blazor.Tailwind.MinimalCrud
@using MoonCore.Helpers
@using MoonCore.Models
@using MoonCore.Blazor.Tailwind.DataTable
@using MoonlightServers.Shared.Http.Responses.Admin.Nodes
@using MoonCore.Blazor.Tailwind.Components
@inject HttpApiClient ApiClient
<div class="mb-3">
<NavTabs Index="2" Names="@UiConstants.AdminNavNames" Links="@UiConstants.AdminNavLinks"/>
</div>
<MinimalCrud TItem="NodeDetailResponse" OnConfigure="OnConfigure">
<ChildContent>
<DataColumn TItem="NodeDetailResponse" Field="@(x => x.Id)" Title="Id" IsSortable="true"/>
<DataColumn TItem="NodeDetailResponse" Field="@(x => x.Name)" Title="Name" IsSortable="true"/>
<DataColumn TItem="NodeDetailResponse" Field="@(x => x.Fqdn)" Title="Fqdn"/>
<DataColumn TItem="NodeDetailResponse" Field="@(x => x.Fqdn)" Title="Status">
<Template>
<span class="text-success-500">
<i class="icon-check text-base me-1 align-middle"></i>
<span class="align-middle">Online (v.2.1.0)</span>
</span>
</Template>
</DataColumn>
<DataColumn TItem="NodeDetailResponse"
Title=""
HeadCssClasses="p-2 font-semibold text-left hidden xl:table-cell"
CssClasses="p-2 text-left font-normal hidden xl:table-cell">
<Template>
<div>
<i class="icon-cpu text-lg me-1 align-middle text-primary-500"></i>
<span class="align-middle">33% of 6 Cores</span>
</div>
</Template>
</DataColumn>
<DataColumn TItem="NodeDetailResponse"
Title=""
HeadCssClasses="p-2 font-semibold text-left hidden xl:table-cell"
CssClasses="p-2 text-left font-normal hidden xl:table-cell">
<Template>
<div>
<i class="icon-memory-stick text-lg me-1 align-middle text-primary-500"></i>
<span class="align-middle">1.56GB / 64GB</span>
</div>
</Template>
</DataColumn>
<DataColumn TItem="NodeDetailResponse"
Title=""
HeadCssClasses="p-2 font-semibold text-left hidden xl:table-cell"
CssClasses="p-2 text-left font-normal hidden xl:table-cell">
<Template>
<div>
<i class="icon-hard-drive text-lg me-1 align-middle text-primary-500"></i>
<span class="align-middle">78.68GB / 1TB</span>
</div>
</Template>
</DataColumn>
</ChildContent>
</MinimalCrud>
@code
{
private void OnConfigure(MinimalCrudOptions<NodeDetailResponse> options)
{
options.Title = "Nodes";
options.ItemLoader = async (page, pageSize) =>
await ApiClient.GetJson<PagedData<NodeDetailResponse>>($"api/admin/servers/nodes?page={page}&pageSize={pageSize}");
options.CreateUrl = ComponentHelper.GetRouteOfComponent<Create>();
options.UpdateUrl = item => ComponentHelper.GetRouteOfComponent<Update>(item.Id)!;
options.DeleteFunction = async item => await ApiClient.Delete($"api/admin/servers/nodes/{item.Id}");
}
}