126 lines
5.0 KiB
Plaintext
126 lines
5.0 KiB
Plaintext
@using PlaylistShared.Pwa.Components.Common
|
|
@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;">
|
|
<div style="display: flex; gap: 8px; margin-bottom: 16px;">
|
|
<MudTextField @bind-Value="_searchQuery"
|
|
Label="Название трека или исполнитель"
|
|
Variant="Variant.Outlined"
|
|
FullWidth="true"
|
|
OnKeyUp="@(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"
|
|
TrackTitle="@track.Title"
|
|
PlaylistShareToken="@ShareToken"
|
|
Width="40" Height="40"/>
|
|
</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">@track.DurationMs.FormatDuration()</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 (!_isFirstSearch)
|
|
{
|
|
<MudAlert Severity="Severity.Info">Ничего не найдено. Попробуйте изменить запрос.</MudAlert>
|
|
}
|
|
</MudPaper>
|
|
|
|
@code {
|
|
[Parameter] public EventCallback<string> OnAddTrack { get; set; }
|
|
[Parameter] public string ShareToken { get; set; } = string.Empty;
|
|
|
|
private List<YandexTrack> _searchResults = new();
|
|
private bool _isSearching;
|
|
private bool _isFirstSearch = true;
|
|
private HashSet<string> _addingTrackIds = new();
|
|
private string _searchQuery = string.Empty;
|
|
|
|
private async Task SearchTracks()
|
|
{
|
|
|
|
if (string.IsNullOrWhiteSpace(_searchQuery))
|
|
return;
|
|
|
|
_isFirstSearch = false;
|
|
_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<YandexTrack>>>(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(YandexTrack 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();
|
|
}
|
|
}
|
|
} |