Servers/MoonlightServers.Frontend/UI/Views/Admin/Stars/Index.razor

@page "/admin/servers/stars"

@using MoonCore.Blazor.FlyonUi.Alerts
@using MoonCore.Blazor.FlyonUi.Common
@using MoonCore.Blazor.FlyonUi.Helpers
@using MoonCore.Blazor.FlyonUi.Toasts
@using MoonCore.Helpers
@using MoonlightServers.Shared.Http.Responses.Admin.Stars
@using MoonCore.Exceptions
@using MoonCore.Blazor.FlyonUi.Components
@using MoonCore.Blazor.FlyonUi.Grid
@using MoonCore.Blazor.FlyonUi.Grid.Columns
@using MoonCore.Common

@inject HttpApiClient ApiClient
@inject DownloadService DownloadService
@inject ToastService ToastService
@inject AlertService AlertService

@attribute [Authorize(Policy = "permissions:admin.servers.stars.get")]

<div class="mb-3">
    <NavTabs Index="3" Names="@UiConstants.AdminNavNames" Links="@UiConstants.AdminNavLinks"/>
</div>

<div class="mb-5">
    <PageHeader Title="Stars">
        <InputFile id="import-file" hidden="" multiple OnChange="OnImportFiles"/>
        <label for="import-file" class="btn btn-accent cursor-pointer">
            <i class="icon-file-up"></i>
            Import
        </label>
        
        <a href="/admin/servers/nodes/create" class="btn btn-primary">
            Create
        </a>
    </PageHeader>
</div>

<DataGrid @ref="Grid"
          TGridItem="StarResponse"
          ItemSource="ItemSource">
    <PropertyColumn Field="x => x.Id" />
    <TemplateColumn Title="Name">
        <td>
            <a class="text-primary" href="/admin/servers/stars/update/@(context.Id)">
                @context.Name
            </a>
        </td>
    </TemplateColumn>
    <PropertyColumn Field="x => x.Version" />
    <PropertyColumn Field="x => x.Author" />
    <TemplateColumn>
        <td>
            <div class="flex justify-end">
                @if (!string.IsNullOrEmpty(context.DonateUrl))
                {
                    <a href="@context.DonateUrl" target="_blank" class="text-accent mr-3">
                        <i class="icon-heart align-middle"></i>
                        <span class="align-middle">Donate</span>
                    </a>
                }

                @if (!string.IsNullOrEmpty(context.UpdateUrl))
                {
                    <a href="#" @onclick:preventDefault class="text-accent mr-3">
                        <i class="icon-refresh-cw align-middle"></i>
                        <span class="align-middle">Update</span>
                    </a>
                }

                <a href="#" @onclick="() => ExportAsync(context)" @onclick:preventDefault class="text-success mr-3">
                    <i class="icon-download align-middle"></i>
                    <span class="align-middle">Export</span>
                </a>

                <a href="/admin/servers/stars/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
                    <i class="icon-pencil text-base"></i>
                </a>

                <a href="#" @onclick="() => DeleteAsync(context)" @onclick:preventDefault
                   class="text-error">
                    <i class="icon-trash text-base"></i>
                </a>
            </div>
        </td>
    </TemplateColumn>
</DataGrid>

@code
{
    private DataGrid<StarResponse> Grid;

    private ItemSource<StarResponse> ItemSource => ItemSourceFactory.From(LoadAsync);

    private async Task<IEnumerable<StarResponse>> LoadAsync(int startIndex, int count)
    {
        var query = $"?startIndex={startIndex}&count={count}";

        return await ApiClient.GetJson<CountedData<StarResponse>>($"api/admin/servers/stars{query}");
    }

    private async Task DeleteAsync(StarResponse response)
    {
        await AlertService.ConfirmDangerAsync(
            "Star deletion",
            $"Do you really want to delete the star '{response.Name}'",
            async () =>
            {
                await ApiClient.Delete($"api/admin/servers/stars/{response.Id}");
                await ToastService.SuccessAsync("Successfully deleted star");

                await Grid.RefreshAsync();
            }
        );
    }
    
    private async Task ExportAsync(StarResponse star)
    {
        var json = await ApiClient.GetString($"api/admin/servers/stars/{star.Id}/export");

        var formattedFileName = star.Name.Replace(" ", "_") + ".json";

        await DownloadService.DownloadAsync(formattedFileName, json);
        await ToastService.SuccessAsync($"Successfully exported '{star.Name}'");
    }

    private async Task OnImportFiles(InputFileChangeEventArgs eventArgs)
    {
        IBrowserFile[] files;
        
        if(eventArgs.FileCount == 0)
            return;
        
        if (eventArgs.FileCount > 1)
            files = eventArgs.GetMultipleFiles().ToArray();
        else
            files = [eventArgs.File];

        foreach (var file in files)
        {
            try
            {
                if (!file.Name.EndsWith(".json"))
                {
                    await ToastService.ErrorAsync($"Failed to import '{file.Name}': Only json files are supported");
                    continue;
                }

                await using var stream = file.OpenReadStream();
                var content = new MultipartFormDataContent();
                content.Add(new StreamContent(stream), "file", file.Name);

                var star = await ApiClient.PostJson<StarResponse>("api/admin/servers/stars/import", content);
                
                await ToastService.SuccessAsync($"Successfully imported '{star.Name}'");
            }
            catch (HttpApiException e)
            {
                await ToastService.ErrorAsync($"Failed to import '{file.Name}': {e.Title}");
            }
        }

        await Grid.RefreshAsync();
    }
}