feat(cms): replace home redirect with catalogue dashboard of track/album/genre cards

2026-06-10 21:35:59 -04:00
parent f8186fb7c7
commit 77dee5eac5
3 changed files with 227 additions and 2 deletions
@@ -1,13 +1,125 @@
@page "/"
+@using DeepDrftManager.Services
@attribute [Authorize]
@layout Layout.CmsLayout
@inject NavigationManager Nav
+@inject ICmsTrackService CmsTrackService
+@inject ILogger<Index> Logger

 <PageTitle>DeepDrft CMS</PageTitle>

+<MudContainer MaxWidth="MaxWidth.Large" Class="mt-8">
+    <MudText Typo="Typo.h3" Class="mb-6">Catalogue</MudText>
+
+    <MudGrid Spacing="4">
+        <MudItem xs="12" sm="4">
+            @SummaryCard("Tracks", Icons.Material.Filled.LibraryMusic, Color.Primary, _tracksLoading, _trackCount)
+        </MudItem>
+        <MudItem xs="12" sm="4">
+            @SummaryCard("Albums", Icons.Material.Filled.Album, Color.Secondary, _albumsLoading, _albumCount)
+        </MudItem>
+        <MudItem xs="12" sm="4">
+            @SummaryCard("Genres", Icons.Material.Filled.Category, Color.Tertiary, _genresLoading, _genreCount)
+        </MudItem>
+    </MudGrid>
+</MudContainer>
+
@code {
-    protected override void OnInitialized()
+    private bool _tracksLoading = true;
+    private bool _albumsLoading = true;
+    private bool _genresLoading = true;
+
+    private int? _trackCount;
+    private int? _albumCount;
+    private int? _genreCount;
+
+    protected override async Task OnInitializedAsync()
    {
-        Nav.NavigateTo("/tracks");
+        // Three independent reads run concurrently. Each loader calls StateHasChanged in its
+        // finally block so its card updates as soon as its own fetch returns.
+        await Task.WhenAll(LoadTrackCount(), LoadAlbumCount(), LoadGenreCount());
    }
+
+    private async Task LoadTrackCount()
+    {
+        try
+        {
+            var result = await CmsTrackService.GetTrackCountAsync();
+            _trackCount = result.Success ? result.Value : null;
+            if (!result.Success)
+            {
+                Logger.LogWarning("Dashboard track count failed: {Error}",
+                    result.Messages.FirstOrDefault()?.Message ?? "Unknown error");
+            }
+        }
+        finally
+        {
+            _tracksLoading = false;
+            StateHasChanged();
+        }
+    }
+
+    private async Task LoadAlbumCount()
+    {
+        try
+        {
+            var result = await CmsTrackService.GetAlbumSummariesAsync();
+            _albumCount = result.Success && result.Value is not null ? result.Value.Count : null;
+            if (!result.Success)
+            {
+                Logger.LogWarning("Dashboard album summaries failed: {Error}",
+                    result.Messages.FirstOrDefault()?.Message ?? "Unknown error");
+            }
+        }
+        finally
+        {
+            _albumsLoading = false;
+            StateHasChanged();
+        }
+    }
+
+    private async Task LoadGenreCount()
+    {
+        try
+        {
+            var result = await CmsTrackService.GetGenreSummariesAsync();
+            _genreCount = result.Success && result.Value is not null ? result.Value.Count : null;
+            if (!result.Success)
+            {
+                Logger.LogWarning("Dashboard genre summaries failed: {Error}",
+                    result.Messages.FirstOrDefault()?.Message ?? "Unknown error");
+            }
+        }
+        finally
+        {
+            _genresLoading = false;
+            StateHasChanged();
+        }
+    }
+
+    private RenderFragment SummaryCard(string label, string icon, Color color, bool loading, int? count) => __builder =>
+    {
+        <MudCard Elevation="8" Style="height: 100%;">
+            <MudCardContent>
+                <MudStack AlignItems="AlignItems.Center" Spacing="2" Class="py-4">
+                    <MudIcon Icon="@icon" Color="@color" Size="Size.Large" />
+                    @if (loading)
+                    {
+                        <MudProgressCircular Color="@color" Indeterminate="true" Size="Size.Small" />
+                    }
+                    else
+                    {
+                        <MudText Typo="Typo.h3" Color="@color">@(count?.ToString() ?? "—")</MudText>
+                    }
+                    <MudText Typo="Typo.subtitle1" Class="mud-text-secondary text-uppercase">@label</MudText>
+                </MudStack>
+            </MudCardContent>
+            <MudCardActions Class="justify-center pb-4">
+                <MudButton Variant="Variant.Text" Color="@color" EndIcon="@Icons.Material.Filled.ArrowForward"
+                           OnClick="@(() => Nav.NavigateTo("/tracks"))">
+                    View
+                </MudButton>
+            </MudCardActions>
+        </MudCard>
+    };
 }