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

Added allocation selection for create form. Improved Use Virtual Disk toggle

Browse Source
This commit is contained in:
ChiaraBm
2024-12-20 02:32:12 +01:00
parent a34a3ba8b4
commit e9279fa3d1
5 changed files with 83 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
MoonlightServers.Frontend/UI/Components/Servers/CreateServerPartials/AdvancedServerCreate.razor
View File

@@ -1,11 +1,28 @@
@using MoonlightServers.Shared.Http.Requests.Admin.Servers
@using MoonlightServers.Frontend.UI.Components.Forms
@using MoonCore.Blazor.Tailwind.Inputs
<div class="grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
<div class="sm:col-span-2">
<label class="block text-sm font-medium leading-6 text-white">Use Virtual Disk</label>
<label class="block text-sm font-medium leading-6 text-white">Storage</label>
<div class="mt-2">
<Switch @bind-Value="Request.UseVirtualDisk"/>
<InputCustomSelect TValue="bool" @bind-Value="Request.UseVirtualDisk">
<CustomSelectOption Value="false">
<Template>
<span>
<i class="icon-database me-1 align-middle"></i>
<span class="align-middle">Docker Volume</span>
</span>
</Template>
</CustomSelectOption>
<CustomSelectOption Value="true">
<Template>
<span>
<i class="icon-hard-drive me-1 align-middle"></i>
<span class="align-middle">Virtual Disk</span>
</span>
</Template>
</CustomSelectOption>
</InputCustomSelect>
</div>
</div>

40
MoonlightServers.Frontend/UI/Components/Servers/CreateServerPartials/AllocationsServerCrete.razor Normal file
View File

@@ -0,0 +1,40 @@
@using MoonlightServers.Shared.Http.Requests.Admin.Servers
@using MoonCore.Blazor.Tailwind.Inputs
@using MoonCore.Helpers
@using MoonCore.Models
@using MoonlightServers.Shared.Http.Responses.Admin.NodeAllocations
@inject HttpApiClient ApiClient
<div class="grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
<div class="sm:col-span-2">
<label class="block text-sm font-medium leading-6 text-white">Allocations</label>
<div class="mt-2">
<InputMultiSelect TItem="NodeAllocationDetailResponse"
TProperty="int"
@bind-Value="Request.AllocationIds"
Loader="Loader"
AllowSearch="true"
DisplayProperty="@(x => $"{x.IpAddress}:{x.Port}")"
ValueProperty="@(x => x.Id)"/>
</div>
</div>
</div>
@code
{
[Parameter] public CreateServerRequest Request { get; set; }
private async Task<NodeAllocationDetailResponse[]> Loader()
{
// Handle unselected node
if (Request.NodeId <= 0)
return [];
var data = await ApiClient.GetJson<PagedData<NodeAllocationDetailResponse>>(
$"api/admin/servers/nodes/{Request.NodeId}/allocations/free?page=0&pageSize=50"
);
return data.Items;
}
}