mirror of https://github.com/ErsatzTV/ErsatzTV.git
Browse Source
* update tv show ui * update tv season ui * list episode details on tv season page * remove episode page * remove breadcrumbs * move home link * code cleanup * update screenshotspull/57/head
Jason Dove
5 years ago
committed by
GitHub
19 changed files with 245 additions and 302 deletions
@ -1,4 +1,11 @@
@@ -1,4 +1,11 @@
|
||||
namespace ErsatzTV.Application.Television |
||||
{ |
||||
public record TelevisionSeasonViewModel(int Id, int ShowId, string Title, string Year, string Plot, string Poster); |
||||
public record TelevisionSeasonViewModel( |
||||
int Id, |
||||
int ShowId, |
||||
string Title, |
||||
string Year, |
||||
string Name, |
||||
string Poster, |
||||
string FanArt); |
||||
} |
||||
|
||||
@ -1,4 +1,4 @@
@@ -1,4 +1,4 @@
|
||||
namespace ErsatzTV.Application.Television |
||||
{ |
||||
public record TelevisionShowViewModel(int Id, string Title, string Year, string Plot, string Poster); |
||||
public record TelevisionShowViewModel(int Id, string Title, string Year, string Plot, string Poster, string FanArt); |
||||
} |
||||
|
||||
@ -0,0 +1,22 @@
@@ -0,0 +1,22 @@
|
||||
using System; |
||||
using System.Threading.Tasks; |
||||
using Microsoft.AspNetCore.Components; |
||||
using Microsoft.JSInterop; |
||||
|
||||
namespace ErsatzTV.Extensions |
||||
{ |
||||
public static class NavigationManagerExtensions |
||||
{ |
||||
public static ValueTask NavigateToFragmentAsync(this NavigationManager navigationManager, IJSRuntime jSRuntime) |
||||
{ |
||||
Uri uri = navigationManager.ToAbsoluteUri(navigationManager.Uri); |
||||
|
||||
if (uri.Fragment.Length == 0) |
||||
{ |
||||
return default; |
||||
} |
||||
|
||||
return jSRuntime.InvokeVoidAsync("blazorHelpers.scrollToFragment", uri.Fragment.Substring(1)); |
||||
} |
||||
} |
||||
} |
||||
@ -1,84 +0,0 @@
@@ -1,84 +0,0 @@
|
||||
@page "/media/tv/episodes/{EpisodeId:int}" |
||||
@using ErsatzTV.Application.Television |
||||
@using ErsatzTV.Application.Television.Queries |
||||
@using ErsatzTV.Application.MediaCollections |
||||
@using ErsatzTV.Application.MediaCollections.Commands |
||||
@inject IMediator Mediator |
||||
@inject IDialogService Dialog |
||||
@inject NavigationManager NavigationManager |
||||
|
||||
<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="pt-8"> |
||||
<MudContainer MaxWidth="MaxWidth.Large"> |
||||
<MudBreadcrumbs Items="_breadcrumbs" Class="mb-6"></MudBreadcrumbs> |
||||
<MudCard Class="mb-6"> |
||||
<div style="display: flex; flex-direction: row;"> |
||||
@if (!string.IsNullOrWhiteSpace(_episode.Poster)) |
||||
{ |
||||
<MudPaper style="display: flex; flex-direction: column"> |
||||
<MudCardMedia Image="@($"/artwork/thumbnails/{_episode.Poster}")" Style="flex-grow: 1; height: 220px; width: 392px;"/> |
||||
</MudPaper> |
||||
} |
||||
<MudCardContent Class="ml-3"> |
||||
<div style="display: flex; flex-direction: column; height: 100%"> |
||||
<MudText Typo="Typo.h4">@_episode.Title</MudText> |
||||
<MudText Typo="Typo.subtitle1" Class="mb-6 mud-text-secondary">@_season.Plot</MudText> |
||||
<MudText Style="flex-grow: 1">@_episode.Plot</MudText> |
||||
<div class="mt-6"> |
||||
<MudButton Variant="Variant.Filled" |
||||
Color="Color.Primary" |
||||
StartIcon="@Icons.Material.Filled.Add" |
||||
OnClick="@AddToCollection"> |
||||
Add To Collection |
||||
</MudButton> |
||||
</div> |
||||
</div> |
||||
</MudCardContent> |
||||
</div> |
||||
</MudCard> |
||||
</MudContainer> |
||||
</MudContainer> |
||||
|
||||
@code { |
||||
|
||||
[Parameter] |
||||
public int EpisodeId { get; set; } |
||||
|
||||
private TelevisionEpisodeViewModel _episode; |
||||
private TelevisionSeasonViewModel _season; |
||||
|
||||
private List<BreadcrumbItem> _breadcrumbs; |
||||
|
||||
protected override Task OnParametersSetAsync() => RefreshData(); |
||||
|
||||
private async Task RefreshData() |
||||
{ |
||||
await Mediator.Send(new GetTelevisionEpisodeById(EpisodeId)) |
||||
.IfSomeAsync(vm => _episode = vm); |
||||
|
||||
await Mediator.Send(new GetTelevisionSeasonById(_episode.SeasonId)) |
||||
.IfSomeAsync(vm => _season = vm); |
||||
|
||||
_breadcrumbs = new List<BreadcrumbItem> |
||||
{ |
||||
new("TV Shows", "/media/tv/shows"), |
||||
new($"{_season.Title} ({_season.Year})", $"/media/tv/shows/{_season.ShowId}"), |
||||
new(_season.Plot, $"/media/tv/seasons/{_episode.SeasonId}"), |
||||
new($"Episode {_episode.Episode}", null, true) |
||||
}; |
||||
} |
||||
|
||||
private async Task AddToCollection() |
||||
{ |
||||
var parameters = new DialogParameters { { "EntityType", "episode" }, { "EntityName", _episode.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.Cancelled && result.Data is MediaCollectionViewModel collection) |
||||
{ |
||||
await Mediator.Send(new AddEpisodeToCollection(collection.Id, EpisodeId)); |
||||
NavigationManager.NavigateTo($"/media/collections/{collection.Id}"); |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
Before Width: | Height: | Size: 217 KiB After Width: | Height: | Size: 220 KiB |
|
Before Width: | Height: | Size: 279 KiB After Width: | Height: | Size: 436 KiB |
Loading…
Reference in new issue