RackPeek/Shared.Rcl/AccessPoints/AccessPointCardComponent.razor

@using RackPeek.Domain.Resources.Hardware.AccessPoints
@using RackPeek.Domain.Resources.Models
@using RackPeek.Domain.Resources.Hardware.Desktops
@inject DeleteAccessPointUseCase DeleteUseCase
@inject RenameAccessPointUseCase RenameUseCase
@inject CloneAccessPointUseCase CloneUseCase

@inject NavigationManager Nav

<div class="border border-zinc-800 rounded p-4 bg-zinc-900">
    <div class="flex justify-between items-center mb-3">
        <div class="text-zinc-100 hover:text-emerald-300">
            <NavLink href="@($"resources/hardware/{AccessPoint.Name}")" class="block">
                @AccessPoint.Name
            </NavLink>
        </div>
        
        <div class="flex justify-between items-center mb-3">
            @if (!string.IsNullOrWhiteSpace(AccessPoint.Model))
            {
                <span class="text-xs text-zinc-400">
                    @AccessPoint.Model
                </span>
            }
            <div class="flex items-center gap-2">
                <button class="text-xs text-blue-400 hover:text-blue-300 transition"
                        title="Rename service"
                        @onclick="OpenRename">
                    Rename
                </button>
                <button
                    class="text-xs text-emerald-400 hover:text-emerald-300 transition"
                    title="Clone service"
                    @onclick="OpenClone">
                    Clone
                </button>
                <button
                    class="text-xs text-red-400 hover:text-red-300 transition"
                    title="Delete server"
                    @onclick="ConfirmDelete">
                    Delete
                </button>
            </div>
        </div>

    </div>

    <div class="text-sm">

        @if (AccessPoint.Speed is not null)
        {
            <div>
                <div class="text-zinc-400 mb-1">Speed</div>
                <div class="text-zinc-300">
                    @AccessPoint.Speed Gbps
                </div>
            </div>
        }

    </div>
</div>

<ConfirmModal
    IsOpen="_confirmDeleteOpen"
    IsOpenChanged="v => _confirmDeleteOpen = v"
    Title="Delete server"
    ConfirmText="Delete"
    ConfirmClass="bg-red-600 hover:bg-red-500"
    OnConfirm="DeleteServer">
    Are you sure you want to delete <strong>@AccessPoint.Name</strong>?
</ConfirmModal>
<StringValueModal
    IsOpen="_renameOpen"
    IsOpenChanged="v => _renameOpen = v"
    Title="Rename accesspoint"
    Description="Enter a new name for this accesspoint"
    Label="New accesspoint name"
    Value="@AccessPoint.Name"
    OnSubmit="HandleRenameSubmit" />

<StringValueModal
    IsOpen="_cloneOpen"
    IsOpenChanged="v => _cloneOpen = v"
    Title="Clone resource"
    Description="Enter a name for the cloned resource"
    Label="New resource name"
    Value="@($"{AccessPoint.Name}-copy")"
    OnSubmit="HandleCloneSubmit" />
@code {
    [Parameter] [EditorRequired] public AccessPoint AccessPoint { get; set; } = default!;
}

@code {
    private bool _confirmDeleteOpen;

    [Parameter] public EventCallback<string> OnDeleted { get; set; }

    void ConfirmDelete()
    {
        _confirmDeleteOpen = true;
    }

    async Task DeleteServer()
    {
        _confirmDeleteOpen = false;

        await DeleteUseCase.ExecuteAsync(AccessPoint.Name);

        if (OnDeleted.HasDelegate)
            await OnDeleted.InvokeAsync(AccessPoint.Name);
    }

}

@code
{
    bool _renameOpen;

    void OpenRename()
    {
        _renameOpen = true;
    }

    async Task HandleRenameSubmit(string newName)
    {
        await RenameUseCase.ExecuteAsync(AccessPoint.Name, newName);
        Nav.NavigateTo($"resources/hardware/{newName}");
    }

}
@code
{
    bool _cloneOpen;

    void OpenClone()
    {
        _cloneOpen = true;
    }

    async Task HandleCloneSubmit(string newName)
    {
        await CloneUseCase.ExecuteAsync(AccessPoint.Name, newName);

        Nav.NavigateTo($"resources/hardware/{newName}");
    }

}