feature: AudioPlayer Enhancements

DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor

@@ -21,6 +21,7 @@ else
                                          LoadProgress="LoadProgress"
                                          DisplayTime="DisplayTime"
                                          Duration="Duration"
+                                         Fixed="Fixed"
                                          TogglePlayPause="@TogglePlayPause"
                                          Stop="@Stop"
                                          Class="transport-zone"/>

DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.css

@@ -95,7 +95,7 @@
         grid-template-columns: auto minmax(360px, 1fr) auto;
         grid-template-areas:
             "transport waveform volume"
-            "transport meta     volume";
+            "transport meta     .";
     }
 }
 

DeepDrftPublic.Client/Controls/AudioPlayerBar/PlayerControls.razor

@@ -6,9 +6,12 @@
                    Color="Color.Primary"
                    Disabled="!CanPlay"
                    OnToggle="@TogglePlayPause"/>
-    <MudIconButton Icon="@Icons.Material.Filled.Stop"
-                   Color="Color.Primary"
-                   Size="Size.Large"
-                   OnClick="@Stop"
-                   Disabled="!IsLoaded"/>
+    @if (!Fixed)
+    {
+        <MudIconButton Icon="@Icons.Material.Filled.Stop"
+                       Color="Color.Primary"
+                       Size="Size.Large"
+                       OnClick="@Stop"
+                       Disabled="!IsLoaded"/>
+    }
 </MudStack>

DeepDrftPublic.Client/Controls/AudioPlayerBar/PlayerControls.razor.cs

@@ -1,4 +1,4 @@
-using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components;
 
 namespace DeepDrftPublic.Client.Controls.AudioPlayerBar;
 
@@ -12,6 +12,8 @@ public partial class PlayerControls : ComponentBase
     /// gated on <see cref="IsLoaded"/>.
     /// </summary>
     [Parameter] public bool CanPlay { get; set; }
+
+    [Parameter] public bool Fixed { get; set; } = false;
     [Parameter] public required EventCallback TogglePlayPause { get; set; }
     [Parameter] public required EventCallback Stop { get; set; }
 }

DeepDrftPublic.Client/Controls/AudioPlayerBar/PlayerTransportZone.razor

@@ -4,6 +4,7 @@
     <MudStack Row="true" AlignItems="AlignItems.Center" Spacing="1">
         <PlayerControls IsLoaded="IsLoaded"
                         CanPlay="CanPlay"
+                        Fixed="Fixed"
                         TogglePlayPause="TogglePlayPause"
                         Stop="Stop"/>
         @if (IsLoading && !IsStreaming)

DeepDrftPublic.Client/Controls/AudioPlayerBar/PlayerTransportZone.razor.cs

@@ -11,6 +11,7 @@ public partial class PlayerTransportZone : ComponentBase
     [Parameter] public double LoadProgress { get; set; }
     [Parameter] public double DisplayTime { get; set; }
     [Parameter] public double? Duration { get; set; }
+    [Parameter] public bool Fixed { get; set; } = false;
     [Parameter] public EventCallback TogglePlayPause { get; set; }
     [Parameter] public EventCallback Stop { get; set; }
     [Parameter] public string? Class { get; set; }

DeepDrftPublic.Client/Controls/AudioPlayerBar/TrackMetaLabel.razor

@@ -1,12 +1,16 @@
 @namespace DeepDrftPublic.Client.Controls.AudioPlayerBar
 
+
+
 @if (Track is not null)
 {
     <div class="track-meta-row">
         <div class="track-meta-identity">
-            <MudText Typo="Typo.subtitle2" Class="track-meta-title text-truncate">
-                @Track.TrackName
-            </MudText>
+            <a href="@($"/track/{Track.EntryKey}")" style="text-decoration: none;">
+                <MudText Typo="Typo.subtitle2" Class="track-meta-title text-truncate">
+                    @Track.TrackName
+                </MudText>
+            </a>
             <MudText Typo="Typo.subtitle2" Class="track-meta-sep"> - </MudText>
             <MudText Typo="Typo.caption" Class="track-meta-artist text-truncate">
                 @Track.Artist