Добален поиск по трекам

2026-04-14 17:34:01 +03:00
parent b012fe37cc
commit 0369f0af07
8 changed files with 443 additions and 31 deletions
--- a/PlaylistShared.Pwa/Components/SharedPlaylist/AddTrackBySearch.razor
+++ b/PlaylistShared.Pwa/Components/SharedPlaylist/AddTrackBySearch.razor
@@ -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}";
+    }
+}