64 lines
2.2 KiB
Plaintext
64 lines
2.2 KiB
Plaintext
@using Microsoft.AspNetCore.Components.Web
|
|
@using PlaylistShared.Shared.DTO
|
|
@using PlaylistShared.Shared.Yandex
|
|
@inject IAudioPlayerService AudioPlayerService
|
|
|
|
<MudItem @onmouseenter="HandleMouseEnter"
|
|
@onmouseleave="HandleMouseLeave"
|
|
style="position: relative; display: inline-block; cursor: pointer; border-radius: 4px; overflow: hidden;">
|
|
|
|
<MudImage Src="@Track?.CoverUri.FormatCoverUrl(Width, Height)" Height="@Height" Width="@Width" Class="rounded" Style="display: block;" />
|
|
|
|
@if (CanPlay)
|
|
{
|
|
<div class="play-overlay @(_isHovered || IsCurrentTrackPlaying ? "play-overlay--visible" : "")">
|
|
<MudIconButton Icon="@(IsCurrentTrackPlaying ? Icons.Material.Filled.Pause : Icons.Material.Filled.PlayArrow)"
|
|
Color="Color.Inherit"
|
|
Size="Size.Large"
|
|
OnClick="OnPlayClick" />
|
|
</div>
|
|
}
|
|
</MudItem>
|
|
|
|
@code {
|
|
[Parameter] public YandexTrack? Track { get; set; } = null;
|
|
[Parameter] public string TrackId { get; set; } = string.Empty;
|
|
[Parameter] public int Height { get; set; } = 50;
|
|
[Parameter] public int Width { get; set; } = 50;
|
|
[Parameter] public string PlaylistShareToken { get; set; } = string.Empty;
|
|
[Parameter] public bool CanPlay { get; set; } = false;
|
|
|
|
private bool IsCurrentTrackPlaying => AudioPlayerService.IsPlaying && AudioPlayerService.CurrentTrackId == TrackId;
|
|
|
|
private bool _isHovered;
|
|
|
|
private void HandleMouseEnter() => _isHovered = true;
|
|
private void HandleMouseLeave() => _isHovered = false;
|
|
|
|
protected override void OnInitialized()
|
|
{
|
|
AudioPlayerService.OnStateChanged += OnPlayerStateChanged;
|
|
}
|
|
|
|
private async Task OnPlayClick()
|
|
{
|
|
var playlistShareToken = string.IsNullOrWhiteSpace(PlaylistShareToken) ? null : PlaylistShareToken;
|
|
|
|
if (IsCurrentTrackPlaying)
|
|
{
|
|
await AudioPlayerService.PauseAsync();
|
|
}
|
|
else
|
|
{
|
|
await AudioPlayerService.LoadAndPlayAsync(
|
|
trackId: TrackId,
|
|
playlistShareToken: playlistShareToken,
|
|
track: Track);
|
|
}
|
|
}
|
|
|
|
private void OnPlayerStateChanged()
|
|
{
|
|
InvokeAsync(StateHasChanged);
|
|
}
|
|
} |