FrigaT/PlaylistShared
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

flex table track

Browse Source
This commit is contained in:
FrigaT
2026-04-15 18:49:18 +03:00
parent e82dcdeaa4
commit 50ed75b413
2 changed files with 49 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
PlaylistShared.Pwa/Components/SharedPlaylist/AddTrackSection.razor
View File

@@ -5,45 +5,48 @@
@inject HttpClient Http
@inject ISnackbar Snackbar
<MudStack>
<MudTextField @bind-Value="_searchQuery"
@bind-Value:after="SearchTracks"
Variant="Variant.Outlined"
FullWidth
Label="Название или ссылка на трек Яндекс.Музыки"
Disabled="@_isSearching"
Adornment="Adornment.End" AdornmentIcon="@Icons.Material.Filled.Search" AdornmentColor="Color.Secondary"
/>
<MudStack Style="height: 100%; overflow: hidden;">
<MudItem>
<MudTextField @bind-Value="_searchQuery"
@bind-Value:after="SearchTracks"
Variant="Variant.Outlined"
FullWidth
Label="Название или ссылка на трек Яндекс.Музыки"
Disabled="@_isSearching"
Adornment="Adornment.End" AdornmentIcon="@Icons.Material.Filled.Search" AdornmentColor="Color.Secondary" />
<MudToggleGroup T="TrackSearchType"
@bind-Value="_searchType"
@bind-Value:after="SearchTracks"
Size="Size.Small"
Color="Color.Primary"
Disabled="@(_isSearching)"
>
<MudToggleItem Value="TrackSearchType.All" Text="Все" />
<MudToggleItem Value="TrackSearchType.Track" Text="Трек" />
<MudToggleItem Value="TrackSearchType.Album" Text="Альбом" />
<MudToggleItem Value="TrackSearchType.Artist" Text="Исполнитель" />
</MudToggleGroup>
<MudToggleGroup T="TrackSearchType"
@bind-Value="_searchType"
@bind-Value:after="SearchTracks"
Size="Size.Small"
Color="Color.Primary"
Disabled="@(_isSearching)">
<MudToggleItem Value="TrackSearchType.All" Text="Все" />
<MudToggleItem Value="TrackSearchType.Track" Text="Трек" />
<MudToggleItem Value="TrackSearchType.Album" Text="Альбом" />
<MudToggleItem Value="TrackSearchType.Artist" Text="Исполнитель" />
</MudToggleGroup>
</MudItem>
<MudTable Items="@_searchResults"
Virtualize
Hover="true"
Breakpoint="Breakpoint.Sm"
Loading="@_isSearching">
Virtualize
Hover
Elevation="0"
Class="d-flex flex-grow-1 flex-column"
Style="min-height: 0;"
Breakpoint="Breakpoint.Sm"
Loading="@_isSearching">
<RowTemplate>
<MudTd Style="width: 100%;">
<TrackItem Track="@context" PlaylistShareToken="@ShareToken" />
</MudTd>
<MudTd>
<MudToggleIconButton Toggled="@ExistingTrackIds.Contains(context.TrackId)"
Icon="@Icons.Material.Filled.AddCircle"
Color="@Color.Primary"
ToggledIcon="@Icons.Material.Filled.RemoveCircle"
ToggledColor="@Color.Error"
ToggledChanged="() => ToggleTrack(context)" />
Icon="@Icons.Material.Filled.AddCircle"
Color="@Color.Primary"
ToggledIcon="@Icons.Material.Filled.RemoveCircle"
ToggledColor="@Color.Error"
ToggledChanged="() => ToggleTrack(context)" />
</MudTd>
</RowTemplate>
</MudTable>