add television episodes to collections

ErsatzTV.Application/MediaCards/Mapper.cs

@@ -28,6 +28,7 @@ namespace ErsatzTV.Application.MediaCards
             TelevisionEpisodeMediaItem televisionEpisode) =>
             new(
                 televisionEpisode.Id,
+                televisionEpisode.Season.TelevisionShow.Metadata.Title,
                 televisionEpisode.Metadata.Title,
                 $"Episode {televisionEpisode.Metadata.Episode}",
                 televisionEpisode.Metadata.Episode.ToString(),

ErsatzTV.Application/MediaCards/TelevisionEpisodeCardViewModel.cs

@@ -3,6 +3,7 @@
     public record TelevisionEpisodeCardViewModel
     (
         int EpisodeId,
+        string ShowTitle,
         string Title,
         string Subtitle,
         string SortTitle,

ErsatzTV.Application/MediaCollections/Commands/AddTelevisionEpisodeToSimpleMediaCollection.cs

@@ -0,0 +1,8 @@
+using ErsatzTV.Core;
+using LanguageExt;
+
+namespace ErsatzTV.Application.MediaCollections.Commands
+{
+    public record AddTelevisionEpisodeToSimpleMediaCollection
+        (int MediaCollectionId, int TelevisionEpisodeId) : MediatR.IRequest<Either<BaseError, Unit>>;
+}

ErsatzTV.Application/MediaCollections/Commands/AddTelevisionEpisodeToSimpleMediaCollectionHandler.cs

@@ -0,0 +1,68 @@
+using System.Linq;
+using System.Threading;
+using System.Threading.Tasks;
+using ErsatzTV.Core;
+using ErsatzTV.Core.Domain;
+using ErsatzTV.Core.Interfaces.Repositories;
+using LanguageExt;
+
+namespace ErsatzTV.Application.MediaCollections.Commands
+{
+    public class
+        AddTelevisionEpisodeToSimpleMediaCollectionHandler : MediatR.IRequestHandler<
+            AddTelevisionEpisodeToSimpleMediaCollection,
+            Either<BaseError, Unit>>
+    {
+        private readonly IMediaCollectionRepository _mediaCollectionRepository;
+        private readonly ITelevisionRepository _televisionRepository;
+
+        public AddTelevisionEpisodeToSimpleMediaCollectionHandler(
+            IMediaCollectionRepository mediaCollectionRepository,
+            ITelevisionRepository televisionRepository)
+        {
+            _mediaCollectionRepository = mediaCollectionRepository;
+            _televisionRepository = televisionRepository;
+        }
+
+        public Task<Either<BaseError, Unit>> Handle(
+            AddTelevisionEpisodeToSimpleMediaCollection request,
+            CancellationToken cancellationToken) =>
+            Validate(request)
+                .MapT(ApplyAddTelevisionEpisodeRequest)
+                .Bind(v => v.ToEitherAsync());
+
+        private async Task<Unit> ApplyAddTelevisionEpisodeRequest(RequestParameters parameters)
+        {
+            if (parameters.Collection.TelevisionEpisodes.All(s => s.Id != parameters.EpisodeToAdd.Id))
+            {
+                parameters.Collection.TelevisionEpisodes.Add(parameters.EpisodeToAdd);
+                await _mediaCollectionRepository.Update(parameters.Collection);
+            }
+
+            return Unit.Default;
+        }
+
+        private async Task<Validation<BaseError, RequestParameters>>
+            Validate(AddTelevisionEpisodeToSimpleMediaCollection request) =>
+            (await SimpleMediaCollectionMustExist(request), await ValidateEpisode(request))
+            .Apply(
+                (simpleMediaCollectionToUpdate, episode) =>
+                    new RequestParameters(simpleMediaCollectionToUpdate, episode));
+
+        private Task<Validation<BaseError, SimpleMediaCollection>> SimpleMediaCollectionMustExist(
+            AddTelevisionEpisodeToSimpleMediaCollection updateSimpleMediaCollection) =>
+            _mediaCollectionRepository.GetSimpleMediaCollectionWithItems(updateSimpleMediaCollection.MediaCollectionId)
+                .Map(v => v.ToValidation<BaseError>("SimpleMediaCollection does not exist."));
+
+        private Task<Validation<BaseError, TelevisionEpisodeMediaItem>> ValidateEpisode(
+            AddTelevisionEpisodeToSimpleMediaCollection request) =>
+            LoadTelevisionEpisode(request)
+                .Map(v => v.ToValidation<BaseError>("TelevisionEpisode does not exist"));
+
+        private Task<Option<TelevisionEpisodeMediaItem>> LoadTelevisionEpisode(
+            AddTelevisionEpisodeToSimpleMediaCollection request) =>
+            _televisionRepository.GetEpisode(request.TelevisionEpisodeId);
+
+        private record RequestParameters(SimpleMediaCollection Collection, TelevisionEpisodeMediaItem EpisodeToAdd);
+    }
+}

ErsatzTV.Application/Television/Mapper.cs

@@ -12,7 +12,16 @@ namespace ErsatzTV.Application.Television
                 season.TelevisionShowId,
                 season.TelevisionShow.Metadata.Title,
                 season.TelevisionShow.Metadata.Year?.ToString(),
-                $"Season {season.Number}",
+                season.Number == 0 ? "Specials" : $"Season {season.Number}",
                 season.Poster);
+
+        internal static TelevisionEpisodeViewModel ProjectToViewModel(TelevisionEpisodeMediaItem episode) =>
+            new(
+                episode.Season.TelevisionShowId,
+                episode.SeasonId,
+                episode.Metadata.Episode,
+                episode.Metadata.Title,
+                episode.Metadata.Plot,
+                episode.Poster);
     }
 }

ErsatzTV.Application/Television/Queries/GetTelevisionEpisodeById.cs

@@ -0,0 +1,7 @@
+using LanguageExt;
+using MediatR;
+
+namespace ErsatzTV.Application.Television.Queries
+{
+    public record GetTelevisionEpisodeById(int EpisodeId) : IRequest<Option<TelevisionEpisodeViewModel>>;
+}

ErsatzTV.Application/Television/Queries/GetTelevisionEpisodeByIdHandler.cs

@@ -0,0 +1,24 @@
+using System.Threading;
+using System.Threading.Tasks;
+using ErsatzTV.Core.Interfaces.Repositories;
+using LanguageExt;
+using MediatR;
+using static ErsatzTV.Application.Television.Mapper;
+
+namespace ErsatzTV.Application.Television.Queries
+{
+    public class
+        GetTelevisionEpisodeByIdHandler : IRequestHandler<GetTelevisionEpisodeById, Option<TelevisionEpisodeViewModel>>
+    {
+        private readonly ITelevisionRepository _televisionRepository;
+
+        public GetTelevisionEpisodeByIdHandler(ITelevisionRepository televisionRepository) =>
+            _televisionRepository = televisionRepository;
+
+        public Task<Option<TelevisionEpisodeViewModel>> Handle(
+            GetTelevisionEpisodeById request,
+            CancellationToken cancellationToken) =>
+            _televisionRepository.GetEpisode(request.EpisodeId)
+                .MapT(ProjectToViewModel);
+    }
+}

ErsatzTV.Application/Television/TelevisionEpisodeViewModel.cs

@@ -0,0 +1,10 @@
+namespace ErsatzTV.Application.Television
+{
+    public record TelevisionEpisodeViewModel(
+        int ShowId,
+        int SeasonId,
+        int Episode,
+        string Title,
+        string Plot,
+        string Poster);
+}

ErsatzTV.Core/Interfaces/Repositories/ITelevisionRepository.cs

@@ -16,6 +16,7 @@ namespace ErsatzTV.Core.Interfaces.Repositories
         Task<Option<TelevisionSeason>> GetSeason(int televisionSeasonId);
         Task<int> GetSeasonCount(int televisionShowId);
         Task<List<TelevisionSeason>> GetPagedSeasons(int televisionShowId, int pageNumber, int pageSize);
+        Task<Option<TelevisionEpisodeMediaItem>> GetEpisode(int televisionEpisodeId);
         Task<int> GetEpisodeCount(int televisionSeasonId);
         Task<List<TelevisionEpisodeMediaItem>> GetPagedEpisodes(int televisionSeasonId, int pageNumber, int pageSize);
         Task<Option<TelevisionShow>> GetShowByPath(int mediaSourceId, string path);

ErsatzTV.Infrastructure/Data/Repositories/MediaCollectionRepository.cs

@@ -55,6 +55,10 @@ namespace ErsatzTV.Infrastructure.Data.Repositories
                 .ThenInclude(s => s.Metadata)
                 .Include(s => s.TelevisionEpisodes)
                 .ThenInclude(s => s.Metadata)
+                .Include(s => s.TelevisionEpisodes)
+                .ThenInclude(e => e.Season)
+                .ThenInclude(s => s.TelevisionShow)
+                .ThenInclude(s => s.Metadata)
                 .SingleOrDefaultAsync(c => c.Id == id)
                 .Map(Optional);
 

ErsatzTV.Infrastructure/Data/Repositories/TelevisionRepository.cs

@@ -82,6 +82,14 @@ namespace ErsatzTV.Infrastructure.Data.Repositories
                 .Take(pageSize)
                 .ToListAsync();
 
+        public Task<Option<TelevisionEpisodeMediaItem>> GetEpisode(int televisionEpisodeId) =>
+            _dbContext.TelevisionEpisodeMediaItems
+                .AsNoTracking()
+                .Include(s => s.Season)
+                .Include(s => s.Metadata)
+                .SingleOrDefaultAsync(s => s.Id == televisionEpisodeId)
+                .Map(Optional);
+
         public Task<int> GetEpisodeCount(int televisionSeasonId) =>
             _dbContext.TelevisionEpisodeMediaItems
                 .AsNoTracking()
@@ -95,6 +103,9 @@ namespace ErsatzTV.Infrastructure.Data.Repositories
             _dbContext.TelevisionEpisodeMediaItems
                 .AsNoTracking()
                 .Include(e => e.Metadata)
+                .Include(e => e.Season)
+                .ThenInclude(s => s.TelevisionShow)
+                .ThenInclude(s => s.Metadata)
                 .Where(e => e.SeasonId == televisionSeasonId)
                 .OrderBy(s => s.Metadata.Episode)
                 .Skip((pageNumber - 1) * pageSize)

ErsatzTV/Pages/MediaCollectionItems.razor

@@ -45,19 +45,29 @@
         @foreach (TelevisionSeasonCardViewModel card in _data.SeasonCards)
         {
             <MediaCard Data="@card"
-                       Link="@($"/media/tv/Seasons/{card.TelevisionSeasonId}")"
+                       Link="@($"/media/tv/seasons/{card.TelevisionSeasonId}")"
                        Title="@card.ShowTitle"
                        Subtitle="@card.Title"/>
         }
     </MudContainer>
 }
 
-@* <MudContainer MaxWidth="MaxWidth.Large" Class="media-card-grid"> *@
+@if (_data.EpisodeCards.Any())
-@*     @foreach (var card in _data.Cards) *@
+{
-@*     { *@
+    <MudText GutterBottom="true" Typo="Typo.h4">Television Episodes</MudText>
-@*         <MediaCard Data="@card" CustomPlaceholder="@SeasonPlaceholder" Link="@($"/media/tv/shows/{ShowId}/seasons/{card.TelevisionSeasonId}")" DataRefreshed="@(() => RefreshData())"/> *@
+
-@*     } *@
+    <MudContainer MaxWidth="MaxWidth.False" Class="media-card-grid">
-@* </MudContainer> *@
+        @foreach (TelevisionEpisodeCardViewModel card in _data.EpisodeCards)
+        {
+            <MediaCard Data="@card"
+                       Link="@($"/media/tv/episodes/{card.EpisodeId}")"
+                       Title="@card.ShowTitle"
+                       Subtitle="@card.Title"
+                       ContainerClass="media-card-episode-container mx-2"
+                       CardClass="media-card-episode"/>
+        }
+    </MudContainer>
+}
 
 @code {
 

ErsatzTV/Pages/MediaCollections.razor

@@ -23,13 +23,18 @@
 <MudContainer MaxWidth="MaxWidth.False" Class="media-card-grid">
     @foreach (MediaCollectionViewModel card in _data)
     {
-        <MediaCard Data="@card" Link="@($"/media/collections/{card.Id}")"/>
+        <MediaCard Data="@card"
+                   Link="@($"/media/collections/{card.Id}")"
+                   ContainerClass="media-card-episode-container mr-4"
+                   CardClass="media-card-episode"/>
     }
 </MudContainer>
 
-<MudButton Variant="Variant.Filled" Color="Color.Primary" Link="/media/collections/add" Class="mt-4">
+<MudContainer MaxWidth="MaxWidth.False">
-    Add Media Collection
+    <MudButton Variant="Variant.Filled" Color="Color.Primary" Link="/media/collections/add" Class="mt-4">
-</MudButton>
+        Add Media Collection
+    </MudButton>
+</MudContainer>
 
 @code {
     private List<MediaCollectionViewModel> _data;

ErsatzTV/Pages/TelevisionEpisode.razor

@@ -0,0 +1,82 @@
+@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.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="@($"/posters/{_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>
+
+@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 AddTelevisionEpisodeToSimpleMediaCollection(collection.Id, EpisodeId));
+            NavigationManager.NavigateTo($"/media/collections/{collection.Id}");
+        }
+    }
+
+}

ErsatzTV/Pages/TelevisionEpisodeList.razor

@@ -13,15 +13,18 @@
     <MudBreadcrumbs Items="_breadcrumbs" Class="mb-6"></MudBreadcrumbs>
     <MudCard Class="mb-6">
         <div style="display: flex; flex-direction: row;">
-            <MudPaper Style="flex-shrink: 0;">
+            @if (!string.IsNullOrWhiteSpace(_season.Poster))
-                <MudCardMedia Image="@($"/posters/{_season.Poster}")" Style="height: 440px; width: 304px;"/>
+            {
-            </MudPaper>
+                <MudPaper Style="flex-shrink: 0;">
-            <MudCardContent>
+                    <MudCardMedia Image="@($"/posters/{_season.Poster}")" Style="height: 440px; width: 304px;"/>
+                </MudPaper>
+            }
+            <MudCardContent Class="mx-3 my-3">
                 <div style="display: flex; flex-direction: column; height: 100%">
                     <MudText Typo="Typo.h3">@_season.Title</MudText>
                     <MudText Typo="Typo.subtitle1" Class="mb-6 mud-text-secondary">@_season.Year</MudText>
                     <MudText Style="flex-grow: 1">@_season.Plot</MudText>
-                    <div>
+                    <div class="mt-6">
                         <MudButton Variant="Variant.Filled"
                                    Color="Color.Primary"
                                    StartIcon="@Icons.Material.Filled.Add"

ErsatzTV/Pages/TelevisionSeasonList.razor

@@ -13,10 +13,13 @@
     <MudBreadcrumbs Items="_breadcrumbs" Class="mb-6"></MudBreadcrumbs>
     <MudCard Class="mb-6">
         <div style="display: flex; flex-direction: row;">
-            <MudPaper Style="flex-shrink: 0;">
+            @if (!string.IsNullOrWhiteSpace(_show.Poster))
-                <MudCardMedia Image="@($"/posters/{_show.Poster}")" Style="height: 440px; width: 304px;"/>
+            {
-            </MudPaper>
+                <MudPaper Style="flex-shrink: 0;">
-            <MudCardContent>
+                    <MudCardMedia Image="@($"/posters/{_show.Poster}")" Style="height: 440px; width: 304px;"/>
+                </MudPaper>
+            }
+            <MudCardContent Class="mx-3 my-3">
                 <div style="display: flex; flex-direction: column; height: 100%">
                     <MudText Typo="Typo.h3">@_show.Title</MudText>
                     <MudText Typo="Typo.subtitle1" Class="mb-6 mud-text-secondary">@_show.Year</MudText>

ErsatzTV/wwwroot/css/site.css

@@ -6,7 +6,7 @@
 
 .media-card-container { width: 152px; }
 
-.media-card-episode-container { width: 291px; }
+.media-card-episode-container { width: 392px; }
 
 .media-card {
     display: flex;
@@ -28,7 +28,7 @@
     width: 152px;
 }
 
-.media-card-episode { width: 291px; }
+.media-card-episode { width: 392px; }
 
 .media-card:hover { filter: brightness(75%); }