refactor(split): extract DeepDrftShared.Client RCL with shared atoms

TrackCard, TracksGallery, DDIcons, DeepDrftPalettes (Default+Cms), DeepDrftFontLinks, and palette CSS tokens extracted. Both hosts and DeepDrftCms reference the shared RCL.
2026-05-19 17:14:23 -04:00
parent 840192fb79
commit 8b8796fc58
22 changed files with 360 additions and 299 deletions
@@ -0,0 +1,75 @@
+<MudCard Class="deepdrft-track-card-container"
+         Elevation="4">
+
+    @if (!string.IsNullOrEmpty(TrackModel?.ImagePath))
+    {
+        <div class="deepdrft-track-card-bg" style="background-image: url('@TrackModel.ImagePath');">
+        </div>
+    }
+    else
+    {
+        <MudPaper Class="deepdrft-track-card-fallback mud-theme-secondary"
+                  Elevation="0">
+        </MudPaper>
+    }
+
+    <MudCardContent Class="deepdrft-track-card-content">
+
+        <div class="deepdrft-track-info-top">
+            <MudText Typo="Typo.subtitle1"
+                     Color="Color.Surface"
+                     Class="text-truncate mb-1">
+                @TrackModel?.TrackName
+            </MudText>
+
+            <MudText Typo="Typo.caption"
+                     Color="Color.Surface"
+                     Class="text-truncate mb-2">
+                @TrackModel?.Artist
+            </MudText>
+        </div>
+
+        <div class="deepdrft-track-info-middle">
+            @if (!string.IsNullOrEmpty(TrackModel?.Album))
+            {
+                <MudText Typo="Typo.caption"
+                         Color="Color.Surface"
+                         Class="text-truncate">
+                    @TrackModel.Album
+                </MudText>
+            }
+
+            @if (!string.IsNullOrEmpty(TrackModel?.Genre))
+            {
+                <MudChip T="string"
+                         Size="Size.Small"
+                         Variant="Variant.Filled"
+                         Color="Color.Primary"
+                         Class="deepdrft-genre-chip">
+                    @TrackModel.Genre
+                </MudChip>
+            }
+        </div>
+
+        <div class="deepdrft-track-info-bottom">
+            @if (TrackModel?.ReleaseDate.HasValue == true)
+            {
+                <MudText Typo="Typo.caption"
+                         Color="Color.Surface">
+                    @TrackModel.ReleaseDate.Value.Year
+                </MudText>
+            }
+            else
+            {
+                <div></div>
+            }
+
+            <MudFab Color="Color.Primary"
+                    Size="Size.Medium"
+                    StartIcon="@PlayPauseIcon"
+                    OnClick="@PlayClick"/>
+        </div>
+
+    </MudCardContent>
+
+</MudCard>