Изменено отображение треков

This commit is contained in:
FrigaT
2026-04-15 15:56:43 +03:00
parent e00b7a735c
commit 76c9b11a68
7 changed files with 118 additions and 253 deletions

View File

@@ -10,7 +10,7 @@
@inject AuthenticationStateProvider AuthProvider
@inject IDialogService DialogService
<MudContainer MaxWidth="MaxWidth.Large" Class="mt-8">
<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="mt-8">
@if (_loading)
{
<MudProgressCircular Indeterminate />
@@ -21,37 +21,42 @@
}
else
{
<MudCard>
<!-- Заголовок с обложкой -->
<MudCardHeader>
<CardHeaderContent>
<PlaylistHeader Playlist="@_playlist" />
</CardHeaderContent>
</MudCardHeader>
<MudSplitPanel>
<FirstPanel>
<MudCard>
<!-- Заголовок с обложкой -->
<MudCardHeader>
<CardHeaderContent>
<PlaylistHeader Playlist="@_playlist" />
</CardHeaderContent>
</MudCardHeader>
<MudCardContent>
<MudCardContent>
<MudIconButton Icon="@Icons.Material.Filled.Refresh" OnClick="LoadTracks" Disabled="_tracksLoading" Size="Size.Medium" />
<TracksTable @ref="_tracksTableRef"
ShareToken="@Token"
CanPlay="@_canPlay"
CanRemove="@_canRemove"
/>
</MudCardContent>
</MudCard>
</FirstPanel>
<SecondPanel>
@if (_canAdd)
{
<AddTrackSection ShareToken="@Token"
OnTrackAdded="LoadTracks"
OnTrackRemoved="LoadTracks"
/>
<MudCard>
<MudCardHeader>
<CardHeaderContent>
<MudText Typo="Typo.h5" Color="Color.Primary">Добавление треков</MudText>
</CardHeaderContent>
</MudCardHeader>
<MudCardContent>
<AddTrackSection ShareToken="@Token" OnTrackAdded="LoadTracks" OnTrackRemoved="LoadTracks" />
</MudCardContent>
</MudCard>
}
<!-- Список треков -->
<MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-4">
<MudText Typo="Typo.h6">Треки</MudText>
<MudIconButton Icon="@Icons.Material.Filled.Refresh" OnClick="LoadTracks" Disabled="_tracksLoading" Size="Size.Medium" />
</MudStack>
<TracksTable @ref="_tracksTableRef"
ShareToken="@Token"
CanPlay="@_canPlay"
CanRemove="@_canRemove"
CurrentPlayingTrackId="_currentTrackId"
/>
</MudCardContent>
</MudCard>
</SecondPanel>
</MudSplitPanel>
}
</MudContainer>