ersatztv/ErsatzTV/Pages/Watermarks.razor

@page "/watermarks"
@using ErsatzTV.Application.Watermarks
@implements IDisposable
@inject IDialogService Dialog
@inject IMediator Mediator
@inject NavigationManager NavigationManager

<MudForm Style="max-height: 100%">
    <MudPaper Square="true" Style="display: flex; height: 64px; min-height: 64px; width: 100%; z-index: 100; align-items: center">
        <MudButton Variant="Variant.Filled" Color="Color.Primary" Class="ml-6" StartIcon="@Icons.Material.Filled.Add" Href="watermarks/add">
            Add Watermark
        </MudButton>
    </MudPaper>
    <div class="d-flex flex-column" style="height: 100vh; overflow-x: auto">
        <MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="pt-8">
            <MudText Typo="Typo.h5" Class="mb-2">Watermarks</MudText>
            <MudDivider Class="mb-6"/>
            <MudTable Hover="true" Items="_watermarks">
                <ColGroup>
                    <MudHidden Breakpoint="Breakpoint.Xs">
                        <col/>
                        <col/>
                        <col/>
                        <col/>
                        <col style="width: 180px;"/>
                    </MudHidden>
                </ColGroup>
                <HeaderContent>
                    <MudTh>Name</MudTh>
                    <MudTh>Image</MudTh>
                    <MudTh>Mode</MudTh>
                    <MudTh>Location</MudTh>
                    <MudTh/>
                </HeaderContent>
                <RowTemplate>
                    <MudTd DataLabel="Name">@context.Name</MudTd>
                    <MudTd DataLabel="Image">
                        @if (!string.IsNullOrWhiteSpace(context.Image?.Path))
                        {
                            <MudElement HtmlTag="img" src="@($"artwork/watermarks/{context.Image.UrlWithContentType}")" Style="max-height: 50px"/>
                        }
                        else if (context.ImageSource == ChannelWatermarkImageSource.ChannelLogo)
                        {
                            <MudText>[channel logo]</MudText>
                        }
                    </MudTd>
                    <MudTd DataLabel="Mode">
                        @context.Mode
                    </MudTd>
                    <MudTd DataLabel="Location">
                        @context.Location
                    </MudTd>
                    <MudTd>
                        <div style="align-items: center; display: flex;">
                            <MudTooltip Text="Edit Watermark">
                                <MudIconButton Icon="@Icons.Material.Filled.Edit"
                                               Href="@($"watermarks/{context.Id}")">
                                </MudIconButton>
                            </MudTooltip>
                            <MudTooltip Text="Copy Watermark">
                                <MudIconButton Icon="@Icons.Material.Filled.ContentCopy"
                                               OnClick="@(_ => CopyWatermarkAsync(context))">
                                </MudIconButton>
                            </MudTooltip>
                            <MudTooltip Text="Delete Watermark">
                                <MudIconButton Icon="@Icons.Material.Filled.Delete"
                                               OnClick="@(_ => DeleteWatermarkAsync(context))">
                                </MudIconButton>
                            </MudTooltip>
                        </div>
                    </MudTd>
                </RowTemplate>
            </MudTable>
        </MudContainer>
    </div>
</MudForm>

@code {
    private readonly CancellationTokenSource _cts = new();

    private List<WatermarkViewModel> _watermarks = new();

    public void Dispose()
    {
        _cts.Cancel();
        _cts.Dispose();
    }

    protected override async Task OnParametersSetAsync() => await LoadWatermarksAsync();

    private async Task LoadWatermarksAsync() =>
        _watermarks = await Mediator.Send(new GetAllWatermarks(), _cts.Token);

    private async Task DeleteWatermarkAsync(WatermarkViewModel watermark)
    {
        var parameters = new DialogParameters { { "EntityType", "watermark" }, { "EntityName", watermark.Name } };
        var options = new DialogOptions { CloseButton = true, MaxWidth = MaxWidth.ExtraSmall };

        IDialogReference dialog = await Dialog.ShowAsync<DeleteDialog>("Delete Watermark", parameters, options);
        DialogResult result = await dialog.Result;
        if (result is { Canceled: false })
        {
            await Mediator.Send(new DeleteWatermark(watermark.Id), _cts.Token);
            await LoadWatermarksAsync();
        }
    }

    private async Task CopyWatermarkAsync(WatermarkViewModel watermark)
    {
        var parameters = new DialogParameters { { "WatermarkId", watermark.Id } };
        var options = new DialogOptions { CloseButton = true, MaxWidth = MaxWidth.ExtraSmall };

        IDialogReference dialog = await Dialog.ShowAsync<CopyWatermarkDialog>("Copy Watermark", parameters, options);
        DialogResult dialogResult = await dialog.Result;
        if (dialogResult is { Canceled: false, Data: WatermarkViewModel data })
        {
            NavigationManager.NavigateTo($"/watermarks/{data.Id}");
        }
    }

}