channels, schedules, playouts paging/sorting (#131)

* add paging to playouts

* add sorting, paging to schedules

* fix channels sorting; add channels paging

ErsatzTV/Pages/Channels.razor

@@ -23,7 +23,7 @@
         </ColGroup>
         <HeaderContent>
             <MudTh>
-                <MudTableSortLabel InitialDirection="SortDirection.Ascending" SortBy="new Func<ChannelViewModel, object>(x => x.Number)">Number</MudTableSortLabel>
+                <MudTableSortLabel InitialDirection="SortDirection.Ascending" SortBy="new Func<ChannelViewModel, object>(x => decimal.Parse(x.Number))">Number</MudTableSortLabel>
             </MudTh>
             <MudTh>Logo</MudTh>
             <MudTh>
@@ -66,6 +66,9 @@
                 </div>
             </MudTd>
         </RowTemplate>
+        <PagerContent>
+            <MudTablePager/>
+        </PagerContent>
     </MudTable>
     <MudButton Variant="Variant.Filled" Color="Color.Primary" Link="/channels/add" Class="mt-4">
         Add Channel
@@ -97,6 +100,6 @@
     }
 
     private async Task LoadChannelsAsync() => _channels = await Mediator.Send(new GetAllChannels())
-        .Map(list => list.OrderBy(c => c.Number).ToList());
+        .Map(list => list.OrderBy(c => decimal.Parse(c.Number)).ToList());
 
 }

ErsatzTV/Pages/Playouts.razor

@@ -48,6 +48,9 @@
                 </div>
             </MudTd>
         </RowTemplate>
+        <PagerContent>
+            <MudTablePager/>
+        </PagerContent>
     </MudTable>
     <MudButton Variant="Variant.Filled" Color="Color.Primary" Link="/playouts/add" Class="mt-4">
         Add Playout

ErsatzTV/Pages/Schedules.razor

@@ -16,7 +16,11 @@
             <col style="width: 180px;"/>
         </ColGroup>
         <HeaderContent>
-            <MudTh>Name</MudTh>
+            <MudTh>
+                <MudTableSortLabel SortBy="new Func<ProgramScheduleViewModel, object>(x => x.Name)">
+                    Name
+                </MudTableSortLabel>
+            </MudTh>
             <MudTh>Collection Playback Order</MudTh>
             <MudTh/>
         </HeaderContent>
@@ -43,6 +47,9 @@
                 </div>
             </MudTd>
         </RowTemplate>
+        <PagerContent>
+            <MudTablePager/>
+        </PagerContent>
     </MudTable>
     <MudButton Variant="Variant.Filled" Color="Color.Primary" Link="/schedules/add" Class="mt-4">
         Add Schedule
@@ -103,6 +110,6 @@
     }
 
     private async Task LoadSchedules() =>
-        _schedules = await Mediator.Send(new GetAllProgramSchedules());
+        _schedules = await Mediator.Send(new GetAllProgramSchedules()).Map(list => list.OrderBy(vm => vm.Name).ToList());
 
 }