daniel-c-harvey
100 lines
4.7 KiB
Plaintext
100 lines
4.7 KiB
Plaintext
@if (_isMinimized)
|
|
{
|
|
<MudFab Color="Color.Primary"
|
|
StartIcon="@Icons.Material.Filled.ExpandLess"
|
|
Size="Size.Large"
|
|
Class="minimized-dock"
|
|
OnClick="@ToggleMinimized"/>
|
|
}
|
|
else
|
|
{
|
|
<div class="player-dock d-flex flex-column">
|
|
<MudContainer MaxWidth="MaxWidth.Large" Class="player-inner-container">
|
|
<MudPaper Elevation="8" Class="player-surface pa-3">
|
|
|
|
@if (_isDesktop)
|
|
{
|
|
@* Desktop Layout *@
|
|
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="3" Class="player-row">
|
|
<PlayerTransportZone IsPlaying="IsPlaying"
|
|
IsLoaded="IsLoaded"
|
|
IsLoading="IsLoading"
|
|
IsStreaming="IsStreaming"
|
|
LoadProgress="LoadProgress"
|
|
DisplayTime="DisplayTime"
|
|
Duration="Duration"
|
|
TogglePlayPause="@TogglePlayPause"
|
|
Stop="@Stop"
|
|
Class="controls-left"/>
|
|
|
|
<PlayerSeekZone DisplayTime="DisplayTime"
|
|
Duration="Duration"
|
|
CanSeek="CanSeek"
|
|
OnSeekStart="@OnSeekStart"
|
|
OnSeekEnd="@OnSeekEnd"
|
|
OnSeekChange="@OnSeekChange"
|
|
Class="flex-grow-1"/>
|
|
|
|
<VolumeControls Volume="@Volume" VolumeChanged="@OnVolumeChange"/>
|
|
</MudStack>
|
|
}
|
|
else
|
|
{
|
|
@* Mobile Layout *@
|
|
<div>
|
|
<div class="d-flex align-center justify-space-between mb-3">
|
|
<div class="d-flex align-center gap-2">
|
|
<PlayerControls IsPlaying="IsPlaying"
|
|
IsLoaded="IsLoaded"
|
|
TogglePlayPause="@TogglePlayPause"
|
|
Stop="@Stop"/>
|
|
@if (IsLoading && !IsStreaming)
|
|
{
|
|
<MudProgressCircular Color="Color.Tertiary"
|
|
Size="Size.Small"
|
|
Max="1D"
|
|
Value="@LoadProgress"
|
|
Indeterminate="@(LoadProgress == 0)"/>
|
|
}
|
|
</div>
|
|
<TimestampLabel CurrentTime="DisplayTime" Duration="Duration"/>
|
|
<VolumeControls Volume="@Volume" VolumeChanged="@OnVolumeChange"/>
|
|
</div>
|
|
|
|
<div class="d-flex flex-column flex-grow-1">
|
|
<div @onpointerdown="OnSeekStart"
|
|
@onpointerup="@(() => OnSeekEnd(_seekPosition))"
|
|
@onpointerleave="@(async () => { if (_isSeeking) await OnSeekEnd(_seekPosition); })">
|
|
<MudSlider T="double"
|
|
Min="0"
|
|
Max="@(Duration ?? 0D)"
|
|
Step="0.1"
|
|
Value="@DisplayTime"
|
|
ValueChanged="@OnSeekChange"
|
|
Immediate="true"
|
|
Disabled="@(!CanSeek)"/>
|
|
</div>
|
|
<SpectrumVisualizer />
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
@* Minimize / close — positioned absolutely top-right *@
|
|
<PlayerWindowControls OnMinimize="@ToggleMinimized" OnClose="@Close"/>
|
|
</MudPaper>
|
|
</MudContainer>
|
|
|
|
@if (!string.IsNullOrEmpty(ErrorMessage))
|
|
{
|
|
<MudAlert Severity="Severity.Error"
|
|
ShowCloseIcon="true"
|
|
CloseIconClicked="ClearError"
|
|
Class="ma-2">
|
|
@ErrorMessage
|
|
</MudAlert>
|
|
}
|
|
</div>
|
|
|
|
@* Spacer to prevent content overlap *@
|
|
<div class="player-spacer"></div>
|
|
} |