Added filter for gametype fo report page

Author: szv

src/CodeBreaker.Blazor.Client/Pages/ReportsPage.razor

@@ -6,11 +6,20 @@
     <h2>@Loc["ReportsPage_Title"]</h2>
 
     <FluentGrid Class="align-items-end">
-        <FluentGridItem xs="12" md="8">
-            <FluentDatePicker Class="full-width" Label="@Loc["ReportsPage_SelectDate_Label"]" @bind-Value="@_selectedDate" />
+        <FluentGridItem xs="12" md="4">
+            <FluentDatePicker Class="full-width" Label="@Loc["ReportsPage_SelectDate_Label"]" @bind-Value="@_selectedDate" Required />
+        </FluentGridItem>
+        <FluentGridItem xs="12" md="4">
+           <FluentSelect
+               TOption="KeyValuePair<string, GameType>"
+               Label="@Loc["ReportsPage_SelectGameType_Label"]"
+               Items="_gameTypes"
+               Class="full-width"
+               OptionText="@(x => x.Key)"
+               @bind-Value="_selectedGameTypeKey" />
         </FluentGridItem>
         <FluentGridItem xs="12" md="4">
-            <FluentButton Class="full-width" Disabled="_isLoadingGames" OnClick="GetGamesAsync" Loading="_isLoadingGames">@Loc["ReportsPage_LoadGames_Action"]</FluentButton>
+            <FluentButton Appearance="Appearance.Accent" Class="full-width" Disabled="_isLoadingGames" OnClick="GetGamesAsync" Loading="_isLoadingGames">@Loc["ReportsPage_LoadGames_Action"]</FluentButton>
         </FluentGridItem>
         @if (_games is not null && !_isLoadingGames)
         {

src/CodeBreaker.Blazor.Client/Pages/ReportsPage.razor.cs

@@ -6,6 +6,7 @@
 using Microsoft.Extensions.Localization;
 using Microsoft.FluentUI.AspNetCore.Components;
 using Microsoft.FluentUI.AspNetCore.Components.Extensions;
+using System.Collections.Frozen;
 
 namespace CodeBreaker.Blazor.Client.Pages;
 
@@ -14,6 +15,15 @@ public partial class ReportsPage
     private GameInfo[]? _games;
     private bool _isLoadingGames = false;
     private DateTime? _selectedDate = DateTime.Now;
+    private string? _selectedGameTypeKey = null;
+    private readonly FrozenDictionary<string, GameType> _gameTypes = new Dictionary<string, GameType>() {
+        { "6x4", GameType.Game6x4 },
+        { "6x4 Mini", GameType.Game6x4Mini },
+        { "8x5", GameType.Game8x5 },
+        { "5x5x4", GameType.Game5x5x4 },
+    }.ToFrozenDictionary();
+
+    private GameType? SelectedGameType => _selectedGameTypeKey is null ? null : _gameTypes[_selectedGameTypeKey];
 
     [Inject] private IDialogService DialogService { get; set; } = default!;
 
@@ -33,7 +43,7 @@ public async Task GetGamesAsync()
         _isLoadingGames = true;
         try
         {
-            var query = new GamesQuery(Date: date, Ended: true);
+            var query = new GamesQuery(Date: date, Ended: true, GameType: SelectedGameType);
             var response = await GameClient.GetGamesAsync(query);
             Logger?.LogDebug("Got response: {response}", response);
             _games = [..response ?? []];

src/CodeBreaker.Blazor.Client/Resources/Resource.Designer.cs

@@ -380,4 +380,7 @@
   <data name="GamePage_NameInput_Placeholder" xml:space="preserve">
     <value>Wählen Sie Ihren Spielernamen</value>
   </data>
+  <data name="ReportsPage_SelectGameType_Label" xml:space="preserve">
+    <value>Wähle einen Spieltyp</value>
+  </data>
 </root>

src/CodeBreaker.Blazor.Client/Resources/Resource.de.resx

@@ -392,4 +392,7 @@
   <data name="GamePage_NameInput_Placeholder" xml:space="preserve">
     <value>Choose your gamername</value>
   </data>
+  <data name="ReportsPage_SelectGameType_Label" xml:space="preserve">
+    <value>Select a gametype (optional)</value>
+  </data>
 </root>