110 lines
4.1 KiB
Plaintext
110 lines
4.1 KiB
Plaintext
@using MoonCore.Blazor.FlyonUi.Alerts
|
|
@using MoonCore.Blazor.FlyonUi.Components
|
|
@using MoonCore.Blazor.FlyonUi.Modals
|
|
@using MoonCore.Blazor.FlyonUi.Toasts
|
|
@using MoonCore.Common
|
|
@using MoonCore.Helpers
|
|
@using MoonlightServers.Frontend.UI.Components.Stars.Modals
|
|
@using MoonlightServers.Shared.Http.Requests.Admin.StarDockerImages
|
|
@using MoonlightServers.Shared.Http.Responses.Admin.StarDockerImages
|
|
@using MoonlightServers.Shared.Http.Responses.Admin.Stars
|
|
|
|
@inject HttpApiClient ApiClient
|
|
@inject ModalService ModalService
|
|
@inject ToastService ToastService
|
|
@inject AlertService AlertService
|
|
|
|
<LazyLoader @ref="LazyLoader" Load="LoadAsync">
|
|
<div class="flex justify-end">
|
|
<button type="button" @onclick="AddDockerImageAsync" class="btn btn-primary">Add docker image</button>
|
|
</div>
|
|
|
|
<div class="grid sm:grid-cols-2 xl:grid-cols-3 gap-4 mt-5">
|
|
@foreach (var dockerImage in DockerImages)
|
|
{
|
|
<div class="col-span-1 card card-body p-2.5">
|
|
<div class="flex items-center justify-between">
|
|
<div class="ml-3">
|
|
<i class="icon-container text-xl align-middle mr-2"></i>
|
|
<span class="align-middle text-lg">@dockerImage.DisplayName</span>
|
|
</div>
|
|
|
|
<div class="gap-x-2">
|
|
<button type="button" @onclick="() => UpdateDockerImageAsync(dockerImage)"
|
|
class="btn btn-primary">
|
|
<i class="icon-settings text-base"></i>
|
|
</button>
|
|
|
|
<button type="button" @onclick="() => DeleteDockerImageAsync(dockerImage)"
|
|
class="btn btn-error">
|
|
<i class="icon-trash text-base"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
</LazyLoader>
|
|
|
|
@code
|
|
{
|
|
[Parameter] public StarResponse Star { get; set; }
|
|
|
|
private StarDockerImageResponse[] DockerImages;
|
|
private LazyLoader LazyLoader;
|
|
|
|
private async Task LoadAsync(LazyLoader _)
|
|
{
|
|
DockerImages = await CountedData.AllAsync<StarDockerImageResponse>(async (startIndex, count) =>
|
|
await ApiClient.GetJson<CountedData<StarDockerImageResponse>>(
|
|
$"api/admin/servers/stars/{Star.Id}/dockerImages?startIndex={startIndex}&count={count}"
|
|
)
|
|
);
|
|
}
|
|
|
|
private async Task AddDockerImageAsync()
|
|
{
|
|
Func<CreateStarDockerImageRequest, Task> onSubmit = async request =>
|
|
{
|
|
await ApiClient.Post($"api/admin/servers/stars/{Star.Id}/dockerImages", request);
|
|
|
|
await ToastService.SuccessAsync("Successfully created docker image");
|
|
await LazyLoader.ReloadAsync();
|
|
};
|
|
|
|
await ModalService.LaunchAsync<CreateDockerImageModal>(parameters => { parameters.Add("OnSubmit", onSubmit); });
|
|
}
|
|
|
|
private async Task UpdateDockerImageAsync(StarDockerImageResponse dockerImage)
|
|
{
|
|
Func<UpdateStarDockerImageRequest, Task> onSubmit = async request =>
|
|
{
|
|
await ApiClient.Patch($"api/admin/servers/stars/{Star.Id}/dockerImages/{dockerImage.Id}", request);
|
|
|
|
await ToastService.SuccessAsync("Successfully updated docker image");
|
|
await LazyLoader.ReloadAsync();
|
|
};
|
|
|
|
await ModalService.LaunchAsync<UpdateDockerImageModal>(parameters =>
|
|
{
|
|
parameters.Add("OnSubmit", onSubmit);
|
|
parameters.Add("DockerImage", dockerImage);
|
|
});
|
|
}
|
|
|
|
private async Task DeleteDockerImageAsync(StarDockerImageResponse dockerImage)
|
|
{
|
|
await AlertService.ConfirmDangerAsync(
|
|
"Delete docker image",
|
|
"Do you really want to delete the selected docker image? This cannot be undone",
|
|
async () =>
|
|
{
|
|
await ApiClient.Delete($"api/admin/servers/stars/{Star.Id}/dockerImages/{dockerImage.Id}");
|
|
|
|
await ToastService.SuccessAsync("Successfully deleted docker image");
|
|
await LazyLoader.ReloadAsync();
|
|
}
|
|
);
|
|
}
|
|
}
|