Migrated user management views to modal-based dialogs, restructured roles, and user pages under /admin/users. Simplified navigation paths and improved tabbed interface.

Moonlight.Frontend/UI/Admin/Views/Users/Users.razor

@@ -0,0 +1,151 @@
+@using LucideBlazor
+@using Moonlight.Frontend.UI.Admin.Modals
+@using ShadcnBlazor.Buttons
+@using ShadcnBlazor.DataGrids
+@using ShadcnBlazor.Dropdowns
+@using ShadcnBlazor.Extras.AlertDialogs
+@using ShadcnBlazor.Extras.Toasts
+@using ShadcnBlazor.Tabels
+@using Moonlight.Shared.Http.Requests
+@using Moonlight.Shared.Http.Requests.Users
+@using Moonlight.Shared.Http.Responses
+@using Moonlight.Shared.Http.Responses.Users
+@using ShadcnBlazor.Extras.Dialogs
+
+@inject HttpClient HttpClient
+@inject AlertDialogService AlertDialogService
+@inject DialogService DialogService
+@inject ToastService ToastService
+
+<div class="flex flex-row justify-between mt-5">
+    <div class="flex flex-col">
+        <h1 class="text-xl font-semibold">Users</h1>
+        <div class="text-muted-foreground">
+            Manage users registered in your instance
+        </div>
+    </div>
+    <div class="flex flex-row gap-x-1.5">
+        <Button @onclick="CreateAsync">
+            <PlusIcon/>
+            Create
+        </Button>
+    </div>
+</div>
+
+<div class="mt-8">
+    <DataGrid @ref="Grid" TGridItem="UserDto" Loader="LoadAsync" PageSize="10" ClassName="bg-card">
+        <PropertyColumn HeadClassName="text-left" CellClassName="text-left" Field="u => u.Id"/>
+        <PropertyColumn HeadClassName="text-left" CellClassName="text-left" IsFilterable="true"
+                        Identifier="@nameof(UserDto.Username)" Field="u => u.Username"/>
+        <PropertyColumn HeadClassName="text-left" CellClassName="text-left" IsFilterable="true"
+                        Identifier="@nameof(UserDto.Email)" Field="u => u.Email"/>
+        <TemplateColumn>
+            <CellTemplate>
+                <TableCell>
+                    <div class="flex flex-row items-center justify-end me-3">
+                        <DropdownMenu>
+                            <DropdownMenuTrigger>
+                                <Slot Context="dropdownSlot">
+                                    <Button Size="ButtonSize.IconSm" Variant="ButtonVariant.Ghost" @attributes="dropdownSlot">
+                                        <EllipsisIcon/>
+                                    </Button>
+                                </Slot>
+                            </DropdownMenuTrigger>
+                            <DropdownMenuContent SideOffset="2">
+                                <DropdownMenuItem OnClick="() => EditAsync(context)">
+                                    Edit
+                                    <DropdownMenuShortcut>
+                                        <PenIcon/>
+                                    </DropdownMenuShortcut>
+                                </DropdownMenuItem>
+                                <DropdownMenuItem OnClick="() => DeleteAsync(context)" Variant="DropdownMenuItemVariant.Destructive">
+                                    Delete
+                                    <DropdownMenuShortcut>
+                                        <TrashIcon/>
+                                    </DropdownMenuShortcut>
+                                </DropdownMenuItem>
+                            </DropdownMenuContent>
+                        </DropdownMenu>
+                    </div>
+                </TableCell>
+            </CellTemplate>
+        </TemplateColumn>
+    </DataGrid>
+</div>
+
+@code
+{
+    private DataGrid<UserDto> Grid;
+
+    private async Task<DataGridResponse<UserDto>> LoadAsync(DataGridRequest<UserDto> request)
+    {
+        var query = $"?startIndex={request.StartIndex}&length={request.Length}";
+        var filterOptions = request.Filters.Count > 0 ? new FilterOptions(request.Filters) : null;
+
+        var response = await HttpClient.GetFromJsonAsync<PagedData<UserDto>>(
+            $"api/users{query}&filterOptions={filterOptions}",
+            Constants.SerializerOptions
+        );
+
+        return new DataGridResponse<UserDto>(response!.Data, response.TotalLength);
+    }
+
+    private async Task CreateAsync()
+    {
+        await DialogService.LaunchAsync<CreateUserDialog>(parameters =>
+        {
+            parameters[nameof(CreateUserDialog.OnSubmit)] = async (CreateUserDto dto) =>
+            {
+                await HttpClient.PostAsJsonAsync(
+                    "/api/users",
+                    dto,
+                    Constants.SerializerOptions
+                );
+
+                await ToastService.SuccessAsync(
+                    "User creation",
+                    $"Successfully created user {dto.Username}"
+                );
+
+                await Grid.RefreshAsync();
+            };
+        });
+    }
+
+    private async Task EditAsync(UserDto user)
+    {
+        await DialogService.LaunchAsync<UpdateUserDialog>(parameters =>
+        {
+            parameters[nameof(UpdateUserDialog.User)] = user;
+            parameters[nameof(CreateUserDialog.OnSubmit)] = async (UpdateUserDto dto) =>
+            {
+                await HttpClient.PatchAsJsonAsync(
+                    $"/api/users/{user.Id}",
+                    dto
+                );
+
+                await ToastService.SuccessAsync(
+                    "User update",
+                    $"Successfully updated user {dto.Username}"
+                );
+
+                await Grid.RefreshAsync();
+            };
+        });
+    }
+
+    private async Task DeleteAsync(UserDto user)
+    {
+        await AlertDialogService.ConfirmDangerAsync(
+            $"Deletion of user {user.Username}",
+            "Do you really want to delete this user? This action cannot be undone",
+            async () =>
+            {
+                await HttpClient.DeleteAsync($"api/users/{user.Id}");
+                await ToastService.SuccessAsync("User deletion", $"Successfully deleted user {user.Username}");
+
+                await Grid.RefreshAsync();
+            }
+        );
+    }
+}