Разбиение по компонентам

2026-04-14 18:20:11 +03:00
parent 0369f0af07
commit 65efb9ff76
10 changed files with 367 additions and 379 deletions
--- a/PlaylistShared.Pwa/Components/SharedPlaylist/AddTrackBySearch.razor
+++ b/PlaylistShared.Pwa/Components/SharedPlaylist/AddTrackBySearch.razor
@@ -1,4 +1,5 @@
-@using PlaylistShared.Shared.DTO
+@using PlaylistShared.Pwa.Components.Common
+@using PlaylistShared.Shared.DTO
@inject HttpClient Http
@inject ISnackbar Snackbar

--- a/PlaylistShared.Pwa/Components/SharedPlaylist/AddTrackSection.razor
+++ b/PlaylistShared.Pwa/Components/SharedPlaylist/AddTrackSection.razor
@@ -20,7 +20,7 @@
                        }
                        else
                        {
-                            <span>Добавить</span>
+                            <MudText>Добавить</MudText>
                        }
                    </MudButton>
                </MudItem>
--- a/PlaylistShared.Pwa/Components/SharedPlaylist/PlaylistHeader.razor
+++ b/PlaylistShared.Pwa/Components/SharedPlaylist/PlaylistHeader.razor
@@ -0,0 +1,153 @@
+@using PlaylistShared.Pwa.Components.Common
+@using PlaylistShared.Shared.Shared
+@using PlaylistShared.Shared.Enums
+@using System.Security.Claims
+@inject HttpClient Http
+@inject NavigationManager Navigation
+@inject AuthenticationStateProvider AuthProvider
+@inject ISnackbar Snackbar
+@inject IDialogService DialogService
+
+<div style="display: flex; gap: 16px; align-items: center;">
+    @if (!string.IsNullOrEmpty(Playlist?.CoverUrl))
+    {
+        <MudImage Src="@FormatCoverUrl(Playlist.CoverUrl, "80x80")" Height="80" Width="80" Class="rounded" />
+    }
+    <div>
+        <div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
+            <MudLink Href="@($"https://music.yandex.ru/playlists/{Playlist?.YandexPlaylistUuid}")"
+                     Typo="Typo.h5" 
+                     Target="_blank" 
+                     Underline="Underline.Hover">
+                @Playlist?.Title
+                <MudIcon Icon="@Icons.Material.Filled.OpenInNew" Size="Size.Small" Class="ml-1" />
+            </MudLink>
+
+            <ShareButton />
+
+            <MudIconButton Icon="@(_isFavorite? Icons.Material.Filled.Star : Icons.Material.Outlined.StarBorder)"
+                            Color="Color.Warning"
+                            OnClick="ToggleFavorite"
+                            Disabled="_favoriteLoading"
+                            Size="Size.Medium" />
+
+            @if (_isCreator && _isAuthenticated)
+            {
+                <MudIconButton Icon="@Icons.Material.Filled.Settings"
+                               Color="Color.Default"
+                               OnClick="OpenPermissionsDialog"
+                               Title="Настройки доступа"
+                               Size="Size.Medium" />
+            }
+        </div>
+        <MudText Typo="Typo.body2" Color="Color.Secondary">Владелец: @Playlist?.Creator?.UserName</MudText>
+    </div>
+</div>
+
+@code {
+    [Parameter] public SharedPlaylistDto? Playlist { get; set; }
+    [Parameter] public EventCallback OnPermissionsChanged { get; set; }
+
+    private bool _isAuthenticated;
+    private bool _isCreator;
+    private string? _currentUserId;
+    private bool _isFavorite;
+    private bool _favoriteLoading;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var authState = await AuthProvider.GetAuthenticationStateAsync();
+        _isAuthenticated = authState.User.Identity?.IsAuthenticated == true;
+        _currentUserId = authState.User.FindFirst(ClaimTypes.NameIdentifier)?.Value;
+        _isCreator = Playlist?.CreatorUserId.ToString() == _currentUserId;
+        if (_isAuthenticated)
+        {
+            await CheckFavoriteStatus();
+        }
+    }
+
+    private async Task CheckFavoriteStatus()
+    {
+        if (Playlist == null) return;
+        try
+        {
+            var response = await Http.GetFromJsonAsync<ApiResponse<bool>>($"/api/favorites/{Playlist.ShareToken}/check");
+            if (response?.Success == true)
+                _isFavorite = response.Data;
+        }
+        catch { }
+    }
+
+    private async Task ToggleFavorite()
+    {
+        if (!_isAuthenticated || Playlist == null) return;
+        _favoriteLoading = true;
+        try
+        {
+            if (_isFavorite)
+            {
+                var response = await Http.DeleteAsync($"/api/favorites/{Playlist.ShareToken}");
+                if (response.IsSuccessStatusCode)
+                {
+                    _isFavorite = false;
+                    Snackbar.Add("Плейлист удалён из избранного", Severity.Success);
+                }
+                else
+                {
+                    Snackbar.Add("Ошибка удаления из избранного", Severity.Error);
+                }
+            }
+            else
+            {
+                var response = await Http.PostAsync($"/api/favorites/{Playlist.ShareToken}", null);
+                if (response.IsSuccessStatusCode)
+                {
+                    _isFavorite = true;
+                    Snackbar.Add("Плейлист добавлен в избранное", Severity.Success);
+                }
+                else
+                {
+                    Snackbar.Add("Ошибка добавления в избранное", Severity.Error);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Ошибка: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _favoriteLoading = false;
+            StateHasChanged();
+        }
+    }
+
+    private async Task OpenPermissionsDialog()
+    {
+        if (Playlist == null) return;
+        var initialPermissions = new UpdatePermissionsDto
+        {
+            ViewPermission = Playlist.ViewPermission,
+            PlayPermission = Playlist.PlayPermission,
+            AddPermission = Playlist.AddPermission,
+            RemovePermission = Playlist.RemovePermission
+        };
+        var parameters = new DialogParameters
+        {
+            { nameof(PermissionsDialog.ShareToken), Playlist.ShareToken },
+            { nameof(PermissionsDialog.InitialPermissions), initialPermissions }
+        };
+        var dialog = await DialogService.ShowAsync<PermissionsDialog>("Настройки доступа", parameters);
+        var result = await dialog.Result;
+        if (!result.Canceled)
+        {
+            await OnPermissionsChanged.InvokeAsync();
+        }
+    }
+
+    private string FormatCoverUrl(string? url, string size)
+    {
+        if (string.IsNullOrEmpty(url)) return "";
+        return "https://" + url.Replace("%%", size);
+    }
+}
--- a/PlaylistShared.Pwa/Components/SharedPlaylist/TracksTable.razor
+++ b/PlaylistShared.Pwa/Components/SharedPlaylist/TracksTable.razor
@@ -0,0 +1,164 @@
+@using PlaylistShared.Pwa.Components.Common
+@using PlaylistShared.Shared.DTO
+@using PlaylistShared.Shared.Shared
+@inject HttpClient Http
+@inject ISnackbar Snackbar
+@inject IDialogService DialogService
+
+<MudTable Items="@_tracks" Hover="true" Breakpoint="Breakpoint.Sm" Loading="_loading">
+    <HeaderContent>
+        <MudTh>#</MudTh>
+        <MudTh>Обложка</MudTh>
+        <MudTh>Название</MudTh>
+        <MudTh>Исполнитель</MudTh>
+        <MudTh>Длительность</MudTh>
+        @if (CanRemove)
+        {
+            <MudTh></MudTh>
+        }
+    </HeaderContent>
+    <RowTemplate>
+        <MudTd DataLabel="#" Style="font-weight: normal;">@context.Index</MudTd>
+        <MudTd DataLabel="Обложка">
+            @if (!string.IsNullOrEmpty(context.CoverUri))
+            {
+                @if (CanPlay)
+                {
+                    <TrackCoverWithPlay CoverUrl="@context.CoverUri"
+                                        TrackId="@context.Id"
+                                        Width="50" Height="50"
+                                        IsPlaying="@(CurrentPlayingTrackId == context.Id && IsPlaying)"
+                                        OnPlay="PlayTrack" />
+                }
+                else
+                {
+                    <MudImage Src="@FormatCoverUrl(context.CoverUri, "50x50")" Height="50" Width="50" Class="rounded" />
+                }
+            }
+        </MudTd>
+        <MudTd DataLabel="Название">
+            <MudLink Href="@($"https://music.yandex.ru/track/{context.Id}")" Target="_blank" Underline="Underline.Hover">
+                @context.Title
+                <MudIcon Icon="@Icons.Material.Filled.OpenInNew" Size="Size.Small" Class="ml-1" />
+            </MudLink>
+        </MudTd>
+        <MudTd DataLabel="Исполнитель">@string.Join(", ", context.Artists)</MudTd>
+        <MudTd DataLabel="Длительность">@FormatDuration(context.DurationMs)</MudTd>
+        @if (CanRemove)
+        {
+            <MudTd DataLabel="">
+                <MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" OnClick="() => RemoveTrack(context)" />
+            </MudTd>
+        }
+    </RowTemplate>
+</MudTable>
+
+@code {
+    [Parameter] public string ShareToken { get; set; } = string.Empty;
+    [Parameter] public bool CanPlay { get; set; }
+    [Parameter] public bool CanRemove { get; set; }
+    [Parameter] public string? CurrentPlayingTrackId { get; set; }
+    [Parameter] public bool IsPlaying { get; set; }
+    [Parameter] public EventCallback<string> OnPlayTrack { get; set; }
+
+    public async Task Reload()
+    {
+        await LoadTracks();
+    }
+
+    private List<TrackDisplay> _tracks = new();
+    private bool _loading = true;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadTracks();
+    }
+
+    private async Task LoadTracks()
+    {
+        _loading = true;
+        try
+        {
+            var response = await Http.GetFromJsonAsync<ApiResponse<YandexPlaylistData>>($"/api/sharedplaylist/{ShareToken}/tracks");
+            if (response?.Success == true && response.Data != null)
+            {
+                _tracks = response.Data.Tracks.Select((t, idx) => new TrackDisplay
+                {
+                    Id = t.Id,
+                    Title = t.Title,
+                    Artists = t.Artists,
+                    DurationMs = t.DurationMs,
+                    CoverUri = t.CoverUri,
+                    Index = idx + 1
+                }).ToList();
+            }
+            else
+            {
+                Snackbar.Add(response?.Error?.Message ?? "Не удалось загрузить треки", Severity.Error);
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Ошибка загрузки треков: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _loading = false;
+            StateHasChanged();
+        }
+    }
+
+    private async Task RemoveTrack(TrackDisplay track)
+    {
+        var confirmed = await DialogService.ShowMessageBoxAsync(
+            "Подтверждение удаления",
+            $"Вы уверены, что хотите удалить трек \"{track.Title}\"?",
+            yesText: "Удалить", cancelText: "Отмена");
+
+        if (confirmed != true) return;
+
+        try
+        {
+            var request = new RemoveTracksRequest { TrackIds = new List<string> { track.Id } };
+            var response = await Http.PostAsJsonAsync($"/api/sharedplaylist/{ShareToken}/remove-tracks", request);
+            if (response.IsSuccessStatusCode)
+            {
+                Snackbar.Add("Трек удалён", Severity.Success);
+                await LoadTracks();
+            }
+            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);
+        }
+    }
+
+    private async Task PlayTrack(string trackId)
+    {
+        await OnPlayTrack.InvokeAsync(trackId);
+    }
+
+    private string FormatCoverUrl(string? url, string size)
+    {
+        if (string.IsNullOrEmpty(url)) return "";
+        return "https://" + url.Replace("%%", size);
+    }
+
+    private string FormatDuration(long ms)
+    {
+        var seconds = ms / 1000;
+        var mins = seconds / 60;
+        var secs = seconds % 60;
+        return $"{mins}:{secs:D2}";
+    }
+
+    private class TrackDisplay : YandexTrack
+    {
+        public int Index { get; set; }
+    }
+}