From 898a21dcd97198c5aabcad7310ff1c2f1766d9af Mon Sep 17 00:00:00 2001
From: Jason Dove <jason@jasondove.me>
Date: Sun, 14 Mar 2021 20:13:28 +0000
Subject: [PATCH] clean up tables (#78)

* add plex library sorting options

* add playout sorting options
---
 ErsatzTV/Pages/Playouts.razor            | 18 ++++++++++++------
 ErsatzTV/Pages/PlexLibrariesEditor.razor | 14 +++++++++++---
 ErsatzTV/Pages/Schedules.razor           |  5 +----
 3 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/ErsatzTV/Pages/Playouts.razor b/ErsatzTV/Pages/Playouts.razor
index de069cc9d..bd0ec2929 100644
--- a/ErsatzTV/Pages/Playouts.razor
+++ b/ErsatzTV/Pages/Playouts.razor
@@ -11,20 +11,25 @@
             <MudText Typo="Typo.h6">Playouts</MudText>
         </ToolBarContent>
         <ColGroup>
-            <col/>
             <col/>
             <col/>
             <col style="width: 120px;"/>
         </ColGroup>
         <HeaderContent>
-            <MudTh>Id</MudTh>
-            <MudTh>Channel</MudTh>
-            <MudTh>Schedule</MudTh>
+            <MudTh>
+                <MudTableSortLabel SortBy="new Func<PlayoutViewModel, object>(x => decimal.Parse(x.Channel.Number))">
+                    Channel
+                </MudTableSortLabel>
+            </MudTh>
+            <MudTh>
+                <MudTableSortLabel SortBy="new Func<PlayoutViewModel, object>(x => x.ProgramSchedule.Name)">
+                    Schedule
+                </MudTableSortLabel>
+            </MudTh>
             @* <MudTh>Playout Type</MudTh> *@
             <MudTh/>
         </HeaderContent>
         <RowTemplate>
-            <MudTd DataLabel="Id">@context.Id</MudTd>
             <MudTd DataLabel="Channel">@context.Channel.Number - @context.Channel.Name</MudTd>
             <MudTd DataLabel="Schedule">@context.ProgramSchedule.Name</MudTd>
             @* <MudTd DataLabel="Playout Type">@context.ProgramSchedulePlayoutType</MudTd> *@
@@ -110,7 +115,8 @@
     }
 
     private async Task LoadAllPlayouts() =>
-        _playouts = await Mediator.Send(new GetAllPlayouts());
+        _playouts = await Mediator.Send(new GetAllPlayouts())
+            .Map(list => list.OrderBy(x => decimal.Parse(x.Channel.Number)).ToList());
 
 
 }
\ No newline at end of file
diff --git a/ErsatzTV/Pages/PlexLibrariesEditor.razor b/ErsatzTV/Pages/PlexLibrariesEditor.razor
index 9eb23f7e1..0e8dc0356 100644
--- a/ErsatzTV/Pages/PlexLibrariesEditor.razor
+++ b/ErsatzTV/Pages/PlexLibrariesEditor.razor
@@ -20,8 +20,16 @@
             <col style="width: 100px;"/>
         </ColGroup>
         <HeaderContent>
-            <MudTh>Name</MudTh>
-            <MudTh>Media Type</MudTh>
+            <MudTh>
+                <MudTableSortLabel SortBy="new Func<PlexMediaSourceLibraryEditViewModel, object>(x => x.Name)">
+                    Name
+                </MudTableSortLabel>
+            </MudTh>
+            <MudTh>
+                <MudTableSortLabel SortBy="new Func<PlexMediaSourceLibraryEditViewModel, object>(x => x.MediaKind)">
+                    Media Kind
+                </MudTableSortLabel>
+            </MudTh>
             <MudTh>Synchronize</MudTh>
         </HeaderContent>
         <RowTemplate>
@@ -55,7 +63,7 @@
             {
                 _source = source;
                 _libraries = await Mediator.Send(new GetPlexLibrariesBySourceId(Id))
-                    .Map(list => list.Map(ProjectToEditViewModel).ToList());
+                    .Map(list => list.Map(ProjectToEditViewModel).OrderBy(x => x.MediaKind).ThenBy(x => x.Name).ToList());
             },
             () =>
             {
diff --git a/ErsatzTV/Pages/Schedules.razor b/ErsatzTV/Pages/Schedules.razor
index 3cb54959a..7b3837dce 100644
--- a/ErsatzTV/Pages/Schedules.razor
+++ b/ErsatzTV/Pages/Schedules.razor
@@ -11,19 +11,16 @@
             <MudText Typo="Typo.h6">Schedules</MudText>
         </ToolBarContent>
         <ColGroup>
-            <col/>
             <col/>
             <col/>
             <col style="width: 180px;"/>
         </ColGroup>
         <HeaderContent>
-            <MudTh>Id</MudTh>
             <MudTh>Name</MudTh>
             <MudTh>Collection Playback Order</MudTh>
             <MudTh/>
         </HeaderContent>
         <RowTemplate>
-            <MudTd DataLabel="Id">@context.Id</MudTd>
             <MudTd DataLabel="Name">@context.Name</MudTd>
             <MudTd DataLabel="Name">@context.MediaCollectionPlaybackOrder</MudTd>
             <MudTd>
@@ -88,7 +85,7 @@
     {
         _selectedSchedule = schedule;
         await Mediator.Send(new GetProgramScheduleItems(schedule.Id))
-            .IterT(results => _selectedScheduleItems = results.ToList());
+            .IterT(results => _selectedScheduleItems = results.OrderBy(x => x.Name).ToList());
     }
 
     private async Task DeleteSchedule(ProgramScheduleViewModel programSchedule)