TrackList.razor

<!--
This file is part of AudioCuesheetEditor.

AudioCuesheetEditor is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

AudioCuesheetEditor is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with Foobar.  If not, see
<http: //www.gnu.org/licenses />.
-->
@inherits BaseLocalizedComponent

@inject IStringLocalizer<TrackList> _localizer
@inject IStringLocalizer<ValidationMessage> _validationMessageLocalizer
@inject ApplicationOptionsTimeSpanParser _applicationOptionsTimeSpanParser
@inject AutocompleteManager _autocompleteManager
@inject DialogManager _editTrackModalManager
@inject ValidationService _validationService
@inject PlaybackService _playbackService
@inject IDialogService _dialogService
@inject ISessionStateContainer _sessionStateContainer

@switch (CurrentViewMode)
{
    case ViewMode.DetailView:
    case ViewMode.ImportView:
        var validationResult = Cuesheet?.Validate(nameof(Cuesheet.Tracks));
        if (validationResult?.Status == ValidationStatus.Error)
        {
            <MudAlert Severity="Severity.Error" Variant="Variant.Filled">
                <MudText Typo="Typo.h4">@_localizer["Validation errors"]</MudText>
                @foreach (var message in validationResult.ValidationMessages)
                {
                    <MudText>@message.GetMessageLocalized(_validationMessageLocalizer)</MudText>
                }
            </MudAlert>
        }
        <div aria-label="@_localizer["Track table controls"]">
            <TrackListControlButtons AddButtonClicked="AddTrackClicked" EditSelectedTracksClicked="EditSelectedTracksClicked" EditSelectedTracksDisabled="selectedTracks.Count == 0"
                                     DeleteSelectedTracksClicked="DeleteSelectedTracksClicked" DeleteSelectedTracksDisabled="selectedTracks.Count == 0"
                                     DeleteAllTracksClicked="OnDeleteAllTracksClicked" DeleteAllTracksDisabled="Cuesheet?.Tracks.Any() == false"
                                     MoveTracksUpDisabled="!(Cuesheet?.MoveTracksPossible(selectedTracks, MoveDirection.Up) == true)" MoveTracksUpClicked="() => Cuesheet?.MoveTracks(selectedTracks, MoveDirection.Up)"
                                     MoveTracksDownDisabled="!(Cuesheet?.MoveTracksPossible(selectedTracks, MoveDirection.Down) == true)" MoveTracksDownClicked="() => Cuesheet?.MoveTracks(selectedTracks, MoveDirection.Down)"
                                     CopySelectedTracksDisabled="selectedTracks.Count != 1" CopySelectedTracksClicked="() => CopyTrackClicked()"
                                     FixedHeader="applicationOptions?.FixedTracksTableHeader == true" FixedHeaderClicked="() => base.LocalStorageOptionsProvider.SaveOptionsValueAsync<ApplicationOptions>(x => x.FixedTracksTableHeader, !applicationOptions?.FixedTracksTableHeader)" />
        </div>
        break;
}

<MudForm @ref="form">
    <MudDataGrid T="Track" Items="Cuesheet?.Tracks" ReadOnly="false" Bordered MultiSelection SelectOnRowClick="false" @bind-SelectedItems="selectedTracks" EditTrigger="DataGridEditTrigger.OnRowClick"
                 EditMode="DataGridEditMode.Cell" ColumnResizeMode="ResizeMode.Column" RowContextMenuClick="OpenMenuContent" Height="@(applicationOptions?.FixedTracksTableHeader == true ? "600px" : null)" 
                 FixedHeader="applicationOptions?.FixedTracksTableHeader == true" Validator="form" Virtualize>
        <Columns>
            <SelectColumn Hidden="CurrentViewMode == ViewMode.RecordView" />
            <TemplateColumn Title="@_localizer["Controls"]" Hidden="CurrentViewMode != ViewMode.RecordView">
                <EditTemplate>
                    <MudIconButton Icon="@Icons.Material.Outlined.Delete" Variant="Variant.Filled" Color="Color.Error" OnClick="() => Cuesheet?.RemoveTrack(context.Item)" />
                </EditTemplate>
            </TemplateColumn>
            <PropertyColumn Property="x => x.Position" Title="#" Editable="CurrentViewMode != ViewMode.RecordView" HeaderStyle="width: 1px;">
                <EditTemplate>
                    <MudNumericField Validation="(uint? newPosition) => _validationService.Validate(context.Item, nameof(Track.Position))" Value="context.Item.Position"
                                     ValueChanged="(uint? newPosition) => PositionChanged(context.Item, newPosition)" />
                </EditTemplate>
            </PropertyColumn>
            <PropertyColumn Property="x => x.Artist" Title="@_localizer["Artist"]">
                <EditTemplate>
                    <ArtistColumn Track="context.Item" />
                </EditTemplate>
            </PropertyColumn>
            <PropertyColumn Property="x => x.Title" Title="@_localizer["Title"]">
                <EditTemplate>
                    <TitleColumn Track="context.Item" CurrentViewMode="CurrentViewMode" />
                </EditTemplate>
            </PropertyColumn>
            <PropertyColumn Property="x => x.Begin" Title="@_localizer["Begin"]" Editable="CurrentViewMode != ViewMode.RecordView" HeaderStyle="width: 1px;">
                <CellTemplate>
                    @_applicationOptionsTimeSpanParser.GetTimespanFormatted(context.Item.Begin)
                </CellTemplate>
                <EditTemplate>
                    <MudTextField Value="@_applicationOptionsTimeSpanParser.GetTimespanFormatted(context.Item.Begin)" ValueChanged="(string value) => TimespanChanged(context.Item, x => x.Begin, value)"
                                  Validation="(string? newBegin) => _validationService.Validate(context.Item, nameof(Track.Begin))" />
                </EditTemplate>
            </PropertyColumn>
            <PropertyColumn Property="x => x.End" Title="@_localizer["End"]" Editable="CurrentViewMode != ViewMode.RecordView" HeaderStyle="width: 1px;">
                <CellTemplate>
                    @_applicationOptionsTimeSpanParser.GetTimespanFormatted(context.Item.End)
                </CellTemplate>
                <EditTemplate>
                    <MudTextField Value="@_applicationOptionsTimeSpanParser.GetTimespanFormatted(context.Item.End)" ValueChanged="(string value) => TimespanChanged(context.Item, x => x.End, value)"
                                  Validation="(string? newEnd) => _validationService.Validate(context.Item, nameof(Track.End))" />
                </EditTemplate>
            </PropertyColumn>
            <PropertyColumn Property="x => x.Length" Title="@_localizer["Length"]" Editable="CurrentViewMode != ViewMode.RecordView" HeaderStyle="width: 1px;">
                <CellTemplate>
                    @_applicationOptionsTimeSpanParser.GetTimespanFormatted(context.Item.Length)
                </CellTemplate>
                <EditTemplate>
                    <MudTextField Value="@_applicationOptionsTimeSpanParser.GetTimespanFormatted(context.Item.Length)" ValueChanged="(string value) => TimespanChanged(context.Item, x => x.Length, value)"
                                  Validation="(string? newLength) => _validationService.Validate(context.Item, nameof(Track.Length))" />
                </EditTemplate>
            </PropertyColumn>
            <TemplateColumn Title="@_localizer["Status"]" Hidden="CurrentViewMode != ViewMode.DetailView" HeaderStyle="width: 1px;">
                <EditTemplate>
                    @if (Cuesheet?.GetSection(context.Item) != null)
                    {
                        <MudTooltip Text="@_localizer["A section is beginning inside this track"]">
                            <MudChip Icon="@Icons.Material.Outlined.ContentCut" Color="Color.Info">@_localizer["Section"]</MudChip>
                        </MudTooltip>
                    }
                    @if (Cuesheet?.Tracks.FirstOrDefault() != context.Item)
                    {
                        <MudTooltip Text="@GetLinkedTrackTooltip(context.Item)">
                            <MudChip Icon="@GetLinkedTrackIcon(context.Item)" Color="Color.Secondary" OnClick="() => context.Item.IsLinkedToPreviousTrack = !context.Item.IsLinkedToPreviousTrack" />
                        </MudTooltip>
                    }
                </EditTemplate>
            </TemplateColumn>
        </Columns>
    </MudDataGrid>
</MudForm>

<MudMenu PositionAtCursor @ref="trackContextMenu">
    @if (contextMenuTrack != null)
    {
        <MudMenuItem Icon="@Icons.Material.Outlined.PlayArrow" Disabled="_playbackService.PlaybackPossible == false" OnClick="() => _playbackService.PlayAsync(contextMenuTrack)">@_localizer["Start playback of this track"]</MudMenuItem>
        <MudMenuItem Icon="@Icons.Material.Outlined.CopyAll" OnClick="() => CopyTrackClicked(contextMenuTrack)">@_localizer["Duplicate this track"]</MudMenuItem>
    }
</MudMenu>

@code {
    HashSet<Track> selectedTracks = new();
    MudMenu? trackContextMenu;
    Track? contextMenuTrack;
    ApplicationOptions? applicationOptions;
    MudForm? form;

    public Cuesheet? Cuesheet
    {
        get
        {
            if (CurrentViewMode == ViewMode.ImportView)
            {
                return _sessionStateContainer.ImportCuesheet;
            }
            return _sessionStateContainer.Cuesheet;
        }
    }

    [CascadingParameter]
    public ViewMode CurrentViewMode { get; set; }

    protected override void Dispose(bool disposing)
    {
        base.Dispose(disposing);
        base.LocalStorageOptionsProvider.OptionSaved -= LocalStorageOptionsProvider_OptionSaved;
        _sessionStateContainer.ImportCuesheetChanged -= SessionStateContainer_ImportCuesheetChanged;
        _sessionStateContainer.CuesheetChanged -= SessionStateContainer_CuesheetChanged;
    }

    protected override async Task OnInitializedAsync()
    {
        await base.OnInitializedAsync();
        applicationOptions = await base.LocalStorageOptionsProvider.GetOptionsAsync<ApplicationOptions>();
        base.LocalStorageOptionsProvider.OptionSaved += LocalStorageOptionsProvider_OptionSaved;
        _sessionStateContainer.ImportCuesheetChanged += SessionStateContainer_ImportCuesheetChanged;
        _sessionStateContainer.CuesheetChanged += SessionStateContainer_CuesheetChanged;
    }

    void AddTrackClicked()
    {
        var newTrack = new Track()
        {
            IsLinkedToPreviousTrack = applicationOptions!.DefaultIsLinkedToPreviousTrack
        };
        Cuesheet?.AddTrack(newTrack);
        TraceChangeManager.TraceChanges(newTrack);
    }

    async Task EditSelectedTracksClicked()
    {
        await _editTrackModalManager.ShowAndHandleModalEditDialogAsync(selectedTracks);
    }

    void DeleteSelectedTracksClicked()
    {
        Cuesheet?.RemoveTracks(selectedTracks.ToList());
        selectedTracks.Clear();
    }

    async Task OnDeleteAllTracksClicked()
    {
        var parameters = new DialogParameters<ConfirmDialog>
        {
            { x => x.ConfirmText, _localizer["Are you sure you want to remove all tracks?"] },
        };
        var dialog = await _dialogService.ShowAsync<ConfirmDialog>(_localizer["Confirm"], parameters);
        var result = await dialog.Result;
        if (result?.Canceled == false)
        {
            Cuesheet?.RemoveTracks(Cuesheet.Tracks);
            selectedTracks.Clear();
        }
    }

    void TitleSelected(Track track, MusicBrainzTrack? musicBrainzTrack)
    {
        track.Title = musicBrainzTrack?.Title;
        switch (CurrentViewMode)
        {
            case ViewMode.DetailView:
            case ViewMode.ImportView:
                if ((String.IsNullOrEmpty(track.Artist)) && (String.IsNullOrEmpty(musicBrainzTrack?.Artist) == false))
                {
                    track.Artist = musicBrainzTrack.Artist;
                }
                if ((track.Length.HasValue == false) && (musicBrainzTrack?.Length.HasValue == true))
                {
                    track.Length = musicBrainzTrack?.Length;
                }
                break;
        }
    }

    async Task CopyTrackClicked(Track? trackToCopy = null)
    {
        var trackThatWillBeCopied = trackToCopy;
        if (trackThatWillBeCopied == null)
        {
            trackThatWillBeCopied = selectedTracks.FirstOrDefault();
        }
        if (trackThatWillBeCopied != null)
        {
            var copy = new Track(trackThatWillBeCopied);
            Cuesheet?.AddTrack(copy);
            TraceChangeManager.TraceChanges(copy);
            await EditTrackModalClicked(copy);
        }
    }

    async Task EditTrackModalClicked(Track trackToEdit)
    {
        await _editTrackModalManager.ShowAndHandleModalEditDialogAsync([trackToEdit]);
    }

    async Task OpenMenuContent(DataGridRowClickEventArgs<Track> args)
    {
        contextMenuTrack = args.Item;
        if (trackContextMenu != null)
        {
            await trackContextMenu.OpenMenuAsync(args.MouseEventArgs);
        }
    }

    String GetLinkedTrackIcon(Track track)
    {
        if (track.IsLinkedToPreviousTrack)
        {
            return @Icons.Material.Outlined.Height;
        }
        else
        {
            return @Icons.Material.Outlined.VerticalAlignCenter;
        }
    }

    String GetLinkedTrackTooltip(Track track)
    {
        if (track.IsLinkedToPreviousTrack)
        {
            return _localizer["Unlink this track from previous track"];
        }
        else
        {
            return _localizer["Link this track to previous track"];
        }
    }

    void LocalStorageOptionsProvider_OptionSaved(object? sender, IOptions option)
    {
        if (option is ApplicationOptions applicationOption)
        {
            applicationOptions = applicationOption;
            StateHasChanged();
        }
    }

    async Task PositionChanged(Track track, uint? newPosition)
    {
        track.Position = newPosition;
        if (form != null)
        {
            await form.Validate();
        }
    }

    async Task TimespanChanged<TProperty>(Track track, System.Linq.Expressions.Expression<Func<Track, TProperty>> expression, String value)
    {
        await _applicationOptionsTimeSpanParser.TimespanTextChanged<Track, TProperty>(track, expression, value);
        if (form != null)
        {
            await form.Validate();
        }
    }

    void SessionStateContainer_ImportCuesheetChanged(object? sender, EventArgs args)
    {
        StateHasChanged();
    }

    void SessionStateContainer_CuesheetChanged(object? sender, EventArgs args)
    {
        StateHasChanged();
    }
}