Favorites from Play History

You can now add songs as favorites from the play history screen.

Author: AkaiiKitsune

TaikoWebUI/Pages/Dashboard.razor

@@ -35,6 +35,7 @@
 
         try
         {
+            Http.DefaultRequestHeaders.Add("Cache-Control", "no-cache");
             var markdown = await Http.GetStringAsync("Dashboard.md");
 
             if (!string.IsNullOrWhiteSpace(markdown))

TaikoWebUI/Pages/PlayHistory.razor

@@ -33,7 +33,7 @@
         else
         {
             <MudItem xs="12">
-                <MudTable Class="mud-table-outlined" Items="@songHistoryDataMap.Values.ToList()" Elevation="0" Filter=@FilterSongs RowsPerPage="25" Striped="false" Hover="false" Bordered="false" Dense="true"  Breakpoint=Breakpoint.None>
+                <MudTable Class="mud-table-outlined" Items="@songHistoryDataMap.Values.ToList()" Elevation="0" Filter=@FilterSongs RowsPerPage="@rowsPerPage" RowsPerPageChanged="OnRowsPerPageChanged" Striped="false" Hover="false" Bordered="false" Dense="true" Breakpoint=Breakpoint.None>
                     <ToolBarContent>
                         <MudGrid Spacing="2" Justify="Justify.SpaceBetween">
                             <MudItem xs="12" md="4" Style="align-content: center;">
@@ -81,6 +81,15 @@
                                 @* Song title *@
                                 <MudTd DataLabel="Song" Style="text-align: initial !important;">
                                     <MudStack Row="true" Spacing="1" AlignItems="AlignItems.Center" Justify="Justify.SpaceBetween">
+                                        <div style="margin: 4px;">
+                                            <MudToggleIconButton Toggled="songHistoryData.IsFavorite"
+                                                                 ToggledChanged="@(async () => await OnFavoriteToggled(songHistoryData, songHistoryDataMap.Values.ToList()))"
+                                                                 Icon="@Icons.Material.Filled.FavoriteBorder" Color="@Color.Secondary"
+                                                                 ToggledIcon="@Icons.Material.Filled.Favorite" ToggledColor="@Color.Secondary"
+                                                                 Size="Size.Small"
+                                                                 ToggledSize="Size.Small"
+                                                                 Title="Add to favorites" ToggledTitle="Remove from favorites" />
+                                        </div>
                                         <div style="margin: 4px; display: flex;">
                                             <MudIcon Style=@IconStyle Icon="@GetDifficultyIcon(songHistoryData.Difficulty)" />
                                         </div>

TaikoWebUI/Pages/PlayHistory.razor.cs

@@ -22,6 +22,8 @@ public partial class PlayHistory
 
     private Dictionary<uint, MusicDetail> musicDetailDictionary = new();
 
+    private int rowsPerPage = 25;
+
 
     protected override async Task OnInitializedAsync()
     {
@@ -179,19 +181,35 @@ private bool FilterSongs(List<SongHistoryData> songHistoryDataList)
         return false;
     }
 
-    private async Task OnFavoriteToggled(SongHistoryData data)
+    private async Task OnFavoriteToggled(SongHistoryData data, List<List<SongHistoryData>> array)
     {
         var request = new SetFavoriteRequest
         {
             Baid = (uint)Baid,
             IsFavorite = !data.IsFavorite,
             SongId = data.SongId
         };
+
         var result = await Client.PostAsJsonAsync("api/FavoriteSongs", request);
         if (result.IsSuccessStatusCode)
         {
             data.IsFavorite = !data.IsFavorite;
+            foreach (var songHistoryDataArray in array)
+            {
+                foreach (var songHistoryData in songHistoryDataArray)
+                {
+                    if (songHistoryData.SongId == data.SongId)
+                    {
+                        songHistoryData.IsFavorite = request.IsFavorite;
+                    }
+                }
+            }
         }
     }
+
+    private void OnRowsPerPageChanged(int pageSize)
+    {
+        rowsPerPage = pageSize;
+    }
 }