Добален поиск по трекам
This commit is contained in:
FrigaT
@@ -1,5 +1,6 @@
|
||||
@inject IJSRuntime JS
|
||||
@inject ISnackbar Snackbar
|
||||
@inject NavigationManager Navigation
|
||||
|
||||
<MudIconButton @ref="_buttonRef"
|
||||
Icon="@Icons.Material.Filled.Share"
|
||||
|
||||
@@ -0,0 +1,147 @@
|
||||
@using PlaylistShared.Shared.DTO
|
||||
@inject HttpClient Http
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Class="pa-4" Elevation="0" Style="background-color: rgba(0,0,0,0.05); border-radius: 8px;">
|
||||
<MudText Typo="Typo.h6" GutterBottom>Поиск трека</MudText>
|
||||
|
||||
<div style="display: flex; gap: 8px; margin-bottom: 16px;">
|
||||
<MudTextField @bind-Value="_searchQuery"
|
||||
Label="Название трека или исполнитель"
|
||||
Variant="Variant.Outlined"
|
||||
FullWidth="true"
|
||||
OnKeyDown="@(async (e) => { if (e.Key == "Enter") await SearchTracks(); })"
|
||||
Placeholder="Например: Bohemian Rhapsody" />
|
||||
<MudButton Variant="Variant.Filled"
|
||||
Color="Color.Primary"
|
||||
OnClick="SearchTracks"
|
||||
Disabled="_isSearching"
|
||||
StartIcon="@Icons.Material.Filled.Search">
|
||||
Искать
|
||||
</MudButton>
|
||||
</div>
|
||||
|
||||
@if (_isSearching)
|
||||
{
|
||||
<div style="text-align: center; padding: 20px;">
|
||||
<MudProgressCircular Indeterminate />
|
||||
</div>
|
||||
}
|
||||
else if (_searchResults.Any())
|
||||
{
|
||||
<div style="max-height: 400px; overflow-y: auto;">
|
||||
@foreach (var track in _searchResults)
|
||||
{
|
||||
<div style="display: flex; align-items: center; gap: 12px; padding: 8px; border-bottom: 1px solid rgba(0,0,0,0.1);">
|
||||
<div style="width: 40px; height: 40px; flex-shrink: 0;">
|
||||
<TrackCoverWithPlay CoverUrl="@track.CoverUri"
|
||||
TrackId="@track.TrackId"
|
||||
Width="40" Height="40"
|
||||
IsPlaying="@(_currentPlayingTrackId == track.TrackId && _isPlaying)"
|
||||
OnPlay="PlayTrack" />
|
||||
</div>
|
||||
<div style="flex: 1; min-width: 0;">
|
||||
<MudText Typo="Typo.body1" Style="font-weight: 500;">@track.Title</MudText>
|
||||
<MudText Typo="Typo.body2" Color="Color.Secondary">@string.Join(", ", track.Artists)</MudText>
|
||||
</div>
|
||||
<div style="flex-shrink: 0;">
|
||||
<MudText Typo="Typo.body2">@FormatDuration(track.DurationMs)</MudText>
|
||||
</div>
|
||||
<div style="flex-shrink: 0;">
|
||||
<MudIconButton Icon="@Icons.Material.Filled.AddCircle"
|
||||
Color="Color.Primary"
|
||||
OnClick="() => AddTrack(track)"
|
||||
Disabled="_addingTrackIds.Contains(track.TrackId)"
|
||||
Title="Добавить в плейлист" />
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
else if (!string.IsNullOrEmpty(_searchQuery) && !_isSearching)
|
||||
{
|
||||
<MudAlert Severity="Severity.Info">Ничего не найдено. Попробуйте изменить запрос.</MudAlert>
|
||||
}
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback<string> OnAddTrack { get; set; }
|
||||
[Parameter] public EventCallback<string> OnPlayTrack { get; set; }
|
||||
[Parameter] public string ShareToken { get; set; } = string.Empty;
|
||||
[Parameter] public string? CurrentPlayingTrackId { get; set; }
|
||||
[Parameter] public bool IsPlaying { get; set; }
|
||||
|
||||
private string _searchQuery = "";
|
||||
private List<YandexTrackSearchResult> _searchResults = new();
|
||||
private bool _isSearching;
|
||||
private HashSet<string> _addingTrackIds = new();
|
||||
private string? _currentPlayingTrackId;
|
||||
private bool _isPlaying;
|
||||
|
||||
protected override void OnParametersSet()
|
||||
{
|
||||
_currentPlayingTrackId = CurrentPlayingTrackId;
|
||||
_isPlaying = IsPlaying;
|
||||
}
|
||||
|
||||
private async Task SearchTracks()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_searchQuery)) return;
|
||||
|
||||
_isSearching = true;
|
||||
try
|
||||
{
|
||||
var url = $"/api/yandexsearch/tracks?query={Uri.EscapeDataString(_searchQuery)}&limit=20";
|
||||
if (!string.IsNullOrEmpty(ShareToken))
|
||||
url += $"&shared_id={Uri.EscapeDataString(ShareToken)}";
|
||||
|
||||
var response = await Http.GetFromJsonAsync<ApiResponse<List<YandexTrackSearchResult>>>(url);
|
||||
if (response?.Success == true)
|
||||
_searchResults = response.Data ?? new();
|
||||
else
|
||||
Snackbar.Add(response?.Error?.Message ?? "Ошибка поиска", Severity.Error);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Ошибка: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_isSearching = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private async Task AddTrack(YandexTrackSearchResult track)
|
||||
{
|
||||
if (_addingTrackIds.Contains(track.TrackId)) return;
|
||||
_addingTrackIds.Add(track.TrackId);
|
||||
try
|
||||
{
|
||||
await OnAddTrack.InvokeAsync(track.TrackId);
|
||||
Snackbar.Add($"Трек \"{track.Title}\" добавлен", Severity.Success);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Ошибка добавления: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_addingTrackIds.Remove(track.TrackId);
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private async Task PlayTrack(string trackId)
|
||||
{
|
||||
await OnPlayTrack.InvokeAsync(trackId);
|
||||
}
|
||||
|
||||
private string FormatDuration(long ms)
|
||||
{
|
||||
var seconds = ms / 1000;
|
||||
var mins = seconds / 60;
|
||||
var secs = seconds % 60;
|
||||
return $"{mins}:{secs:D2}";
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,112 @@
|
||||
@using PlaylistShared.Shared.Shared
|
||||
@inject HttpClient Http
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<MudPaper Class="mb-4" Elevation="0" Style="background-color: rgba(0,0,0,0.05); border-radius: 8px;">
|
||||
<MudTabs @bind-ActivePanelIndex="_activeTabIndex" Elevation="0" Style="border-bottom: 1px solid rgba(0,0,0,0.1);">
|
||||
<MudTabPanel Text="По ссылке" Style="padding: 16px;">
|
||||
<MudGrid>
|
||||
<MudItem xs="12" sm="10">
|
||||
<MudTextField @bind-Value="_trackLink" Label="Ссылка на трек Яндекс.Музыки"
|
||||
Variant="Variant.Outlined" FullWidth="true"
|
||||
Placeholder="https://music.yandex.ru/album/2488464/track/21696942" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="2">
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="AddTrackByLink"
|
||||
Disabled="_addingTrack" FullWidth="true" Style="height: 100%;">
|
||||
@if (_addingTrack)
|
||||
{
|
||||
<MudProgressCircular Size="Size.Small" Indeterminate />
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>Добавить</span>
|
||||
}
|
||||
</MudButton>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
<MudText Typo="Typo.body2" Class="mt-2" Color="Color.Secondary">
|
||||
Поддерживаются ссылки вида: https://music.yandex.ru/album/12345/track/67890
|
||||
</MudText>
|
||||
</MudTabPanel>
|
||||
<MudTabPanel Text="Поиск" Style="padding: 16px;">
|
||||
<AddTrackBySearch OnAddTrack="AddTrackById"
|
||||
OnPlayTrack="PlayTrack"
|
||||
CurrentPlayingTrackId="CurrentPlayingTrackId"
|
||||
IsPlaying="IsPlaying"
|
||||
ShareToken="@ShareToken" />
|
||||
</MudTabPanel>
|
||||
</MudTabs>
|
||||
</MudPaper>
|
||||
|
||||
@code {
|
||||
private int _activeTabIndex = 0;
|
||||
private string _trackLink = "";
|
||||
private bool _addingTrack = false;
|
||||
|
||||
[Parameter] public string ShareToken { get; set; } = string.Empty;
|
||||
[Parameter] public EventCallback OnTrackAdded { get; set; }
|
||||
[Parameter] public EventCallback<string> OnPlayTrack { get; set; }
|
||||
[Parameter] public string? CurrentPlayingTrackId { get; set; }
|
||||
[Parameter] public bool IsPlaying { get; set; }
|
||||
|
||||
private async Task AddTrackByLink()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(_trackLink))
|
||||
{
|
||||
Snackbar.Add("Введите ссылку на трек", Severity.Warning);
|
||||
return;
|
||||
}
|
||||
|
||||
var trackId = ExtractTrackIdFromLink(_trackLink);
|
||||
if (string.IsNullOrEmpty(trackId))
|
||||
{
|
||||
Snackbar.Add("Неверный формат ссылки", Severity.Warning);
|
||||
return;
|
||||
}
|
||||
|
||||
await AddTrackById(trackId);
|
||||
if (!_addingTrack) // если не было ошибки
|
||||
_trackLink = "";
|
||||
}
|
||||
|
||||
private async Task AddTrackById(string trackId)
|
||||
{
|
||||
_addingTrack = true;
|
||||
try
|
||||
{
|
||||
var request = new AddTracksRequest { TrackIds = new List<string> { trackId } };
|
||||
var response = await Http.PostAsJsonAsync($"/api/sharedplaylist/{ShareToken}/add-tracks", request);
|
||||
if (response.IsSuccessStatusCode)
|
||||
{
|
||||
Snackbar.Add("Трек успешно добавлен", Severity.Success);
|
||||
await OnTrackAdded.InvokeAsync(); // уведомляем родителя, что список треков изменился
|
||||
}
|
||||
else
|
||||
{
|
||||
var error = await response.Content.ReadFromJsonAsync<ApiResponse<object>>();
|
||||
Snackbar.Add(error?.Error?.Message ?? "Ошибка добавления трека", Severity.Error);
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add($"Ошибка: {ex.Message}", Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_addingTrack = false;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private async Task PlayTrack(string trackId)
|
||||
{
|
||||
OnPlayTrack.InvokeAsync(trackId);
|
||||
}
|
||||
|
||||
private string? ExtractTrackIdFromLink(string link)
|
||||
{
|
||||
var match = System.Text.RegularExpressions.Regex.Match(link, @"/track/(\d+)");
|
||||
return match.Success ? match.Groups[1].Value : null;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user