mirror of https://github.com/ErsatzTV/ErsatzTV.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
156 lines
6.3 KiB
156 lines
6.3 KiB
@page "/media/tv/seasons" |
|
@page "/media/tv/seasons/page/{PageNumber:int}" |
|
@using ErsatzTV.Extensions |
|
@using LanguageExt.UnsafeValueAccess |
|
@using ErsatzTV.Application.MediaCards |
|
@using ErsatzTV.Application.MediaCollections |
|
@using ErsatzTV.Application.Search |
|
@inherits MultiSelectBase<TelevisionShowList> |
|
@inject NavigationManager _navigationManager |
|
@inject ChannelWriter<IBackgroundServiceRequest> _channel |
|
|
|
<MudPaper Square="true" Style="display: flex; height: 64px; left: 240px; padding: 0; position: fixed; right: 0; z-index: 100;"> |
|
<div style="display: flex; flex-direction: row; margin-bottom: auto; margin-top: auto; width: 100%" class="ml-6 mr-6"> |
|
@if (IsSelectMode()) |
|
{ |
|
<MudText Typo="Typo.h6" Color="Color.Primary">@SelectionLabel()</MudText> |
|
<div style="margin-left: auto"> |
|
<MudButton Variant="Variant.Filled" |
|
Color="Color.Primary" |
|
StartIcon="@Icons.Material.Filled.Add" |
|
OnClick="@(_ => AddSelectionToCollection())"> |
|
Add To Collection |
|
</MudButton> |
|
<MudButton Class="ml-3" |
|
Variant="Variant.Filled" |
|
Color="Color.Secondary" |
|
StartIcon="@Icons.Material.Filled.Check" |
|
OnClick="@(_ => ClearSelection())"> |
|
Clear Selection |
|
</MudButton> |
|
</div> |
|
} |
|
else |
|
{ |
|
<MudText Style="margin-bottom: auto; margin-top: auto; width: 33%">@_query</MudText> |
|
<div style="max-width: 300px; width: 33%;"> |
|
<MudPaper Style="align-items: center; display: flex; justify-content: center;"> |
|
<MudIconButton Icon="@Icons.Material.Outlined.ChevronLeft" |
|
OnClick="@PrevPage" |
|
Disabled="@(PageNumber <= 1)"> |
|
</MudIconButton> |
|
<MudText Style="flex-grow: 1" |
|
Align="Align.Center"> |
|
@Math.Min((PageNumber - 1) * PageSize + 1, _data.Count)-@Math.Min(_data.Count, PageNumber * PageSize) of @_data.Count |
|
</MudText> |
|
<MudIconButton Icon="@Icons.Material.Outlined.ChevronRight" |
|
OnClick="@NextPage" Disabled="@(PageNumber * PageSize >= _data.Count)"> |
|
</MudIconButton> |
|
</MudPaper> |
|
</div> |
|
} |
|
</div> |
|
</MudPaper> |
|
<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="pt-8" Style="margin-top: 64px"> |
|
<MudContainer MaxWidth="MaxWidth.False" Class="media-card-grid"> |
|
<FragmentLetterAnchor TCard="TelevisionSeasonCardViewModel" Cards="@_data.Cards"> |
|
<MediaCard Data="@context" |
|
Link="@($"media/tv/seasons/{context.TelevisionSeasonId}")" |
|
AddToCollectionClicked="@AddToCollection" |
|
SelectClicked="@(e => SelectClicked(context, e))" |
|
IsSelected="@IsSelected(context)" |
|
IsSelectMode="@IsSelectMode()"/> |
|
</FragmentLetterAnchor> |
|
</MudContainer> |
|
</MudContainer> |
|
@if (_data.PageMap.IsSome) |
|
{ |
|
<LetterBar PageMap="@_data.PageMap.ValueUnsafe()" |
|
BaseUri="media/tv/seasons" |
|
Query="@_query"/> |
|
} |
|
|
|
@code { |
|
private static int PageSize => 100; |
|
|
|
[Parameter] |
|
public int PageNumber { get; set; } |
|
|
|
private TelevisionSeasonCardResultsViewModel _data = new(0, new List<TelevisionSeasonCardViewModel>(), None); |
|
private string _query; |
|
|
|
protected override async Task OnParametersSetAsync() |
|
{ |
|
if (PageNumber == 0) |
|
{ |
|
PageNumber = 1; |
|
} |
|
|
|
_query = _navigationManager.Uri.GetSearchQuery(); |
|
|
|
await RefreshData(); |
|
} |
|
|
|
protected override async Task RefreshData() |
|
{ |
|
string searchQuery = string.IsNullOrWhiteSpace(_query) ? "type:season" : $"type:season AND ({_query})"; |
|
_data = await Mediator.Send(new QuerySearchIndexSeasons(searchQuery, PageNumber, PageSize), CancellationToken); |
|
} |
|
|
|
private void PrevPage() |
|
{ |
|
var uri = $"media/tv/seasons/page/{PageNumber - 1}"; |
|
if (!string.IsNullOrWhiteSpace(_query)) |
|
{ |
|
(string key, string value) = _query.EncodeQuery(); |
|
uri = $"{uri}?{key}={value}"; |
|
} |
|
_navigationManager.NavigateTo(uri); |
|
} |
|
|
|
private void NextPage() |
|
{ |
|
var uri = $"media/tv/seasons/page/{PageNumber + 1}"; |
|
if (!string.IsNullOrWhiteSpace(_query)) |
|
{ |
|
(string key, string value) = _query.EncodeQuery(); |
|
uri = $"{uri}?{key}={value}"; |
|
} |
|
_navigationManager.NavigateTo(uri); |
|
} |
|
|
|
private void SelectClicked(MediaCardViewModel card, MouseEventArgs e) |
|
{ |
|
List<MediaCardViewModel> GetSortedItems() |
|
{ |
|
return _data.Cards.OrderBy(m => m.SortTitle).ToList<MediaCardViewModel>(); |
|
} |
|
|
|
SelectClicked(GetSortedItems, card, e); |
|
} |
|
|
|
private async Task AddToCollection(MediaCardViewModel card) |
|
{ |
|
if (card is TelevisionSeasonCardViewModel season) |
|
{ |
|
var parameters = new DialogParameters { { "EntityType", "season" }, { "EntityName", season.Title } }; |
|
var options = new DialogOptions { CloseButton = true, MaxWidth = MaxWidth.ExtraSmall }; |
|
|
|
IDialogReference dialog = Dialog.Show<AddToCollectionDialog>("Add To Collection", parameters, options); |
|
DialogResult result = await dialog.Result; |
|
if (!result.Canceled && result.Data is MediaCollectionViewModel collection) |
|
{ |
|
var request = new AddSeasonToCollection(collection.Id, season.TelevisionSeasonId); |
|
Either<BaseError, Unit> addResult = await Mediator.Send(request, CancellationToken); |
|
addResult.Match( |
|
Left: error => |
|
{ |
|
Snackbar.Add($"Unexpected error adding season to collection: {error.Value}"); |
|
Logger.LogError("Unexpected error adding season to collection: {Error}", error.Value); |
|
}, |
|
Right: _ => Snackbar.Add($"Added {season.Title} to collection {collection.Name}", Severity.Success)); |
|
} |
|
} |
|
} |
|
|
|
} |