From 28fc338c41e9cf04b0a721837e30d3ff52773e42 Mon Sep 17 00:00:00 2001
From: nalka <alan.audivert@hotmail.fr>
Date: Tue, 7 Jan 2025 22:51:41 +0100
Subject: [PATCH] Add search bar in games list

---
 .../ViewModels/MainViewModel.cs               |  27 ++--
 MelonLoader.Installer/Views/MainView.axaml    | 128 +++++++++---------
 2 files changed, 78 insertions(+), 77 deletions(-)

diff --git a/MelonLoader.Installer/ViewModels/MainViewModel.cs b/MelonLoader.Installer/ViewModels/MainViewModel.cs
index 35c81a4..f2ae8bd 100644
--- a/MelonLoader.Installer/ViewModels/MainViewModel.cs
+++ b/MelonLoader.Installer/ViewModels/MainViewModel.cs
@@ -1,22 +1,21 @@
-using System.Collections.ObjectModel;
+using CommunityToolkit.Mvvm.ComponentModel;
+using System.Collections.ObjectModel;
 
 namespace MelonLoader.Installer.ViewModels;
 
-public class MainViewModel : ViewModelBase
+public partial class MainViewModel : ViewModelBase
 {
-    private static bool _ready;
+    [ObservableProperty]
+    private bool ready;
 
-    public bool Ready
-    {
-        get => _ready;
-        set
-        {
-            _ready = value;
-            OnPropertyChanged();
-        }
-    }
+    [ObservableProperty]
+    private string? search;
 
-    public ObservableCollection<GameModel> Games => GameManager.Games;
+    [ObservableProperty]
+    private ObservableCollection<GameModel> games = GameManager.Games;
 
-    public string Version => Program.VersionName;
+    partial void OnSearchChanged(string? value)
+    {
+        Games = new(GameManager.Games.Where(x => string.IsNullOrEmpty(value) || x.Name.Contains(value, StringComparison.CurrentCultureIgnoreCase)));
+    }
 }
diff --git a/MelonLoader.Installer/Views/MainView.axaml b/MelonLoader.Installer/Views/MainView.axaml
index 77e3e73..e3e497c 100644
--- a/MelonLoader.Installer/Views/MainView.axaml
+++ b/MelonLoader.Installer/Views/MainView.axaml
@@ -4,79 +4,81 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:vm="clr-namespace:MelonLoader.Installer.ViewModels"
     xmlns:views="clr-namespace:MelonLoader.Installer.Views"
+    xmlns:root="clr-namespace:MelonLoader.Installer"
     mc:Ignorable="d" d:DesignWidth="450" d:DesignHeight="650"
     x:Class="MelonLoader.Installer.Views.MainView"
     x:DataType="vm:MainViewModel">
-    <Design.DataContext>
-        <!-- This only sets the DataContext for the previewer in an IDE,
+  <Design.DataContext>
+    <!-- This only sets the DataContext for the previewer in an IDE,
          to set the actual DataContext for runtime, set the DataContext property in code (look at
         App.axaml.cs) -->
-        <vm:MainViewModel />
-    </Design.DataContext>
+    <vm:MainViewModel />
+  </Design.DataContext>
 
-    <Grid RowDefinitions="auto, auto, *, auto, auto">
-        <TextBlock Grid.Row="4" VerticalAlignment="Bottom" Foreground="#AFFF"
-            Text="{Binding Version}" />
+  <Grid RowDefinitions="auto, auto, auto, *, auto, auto">
+    <TextBlock Grid.Row="5" VerticalAlignment="Bottom" Foreground="#AFFF"
+        Text="{x:Static root:Program.VersionName}" />
 
-        <StackPanel Grid.Row="0" Height="40" Orientation="Horizontal" HorizontalAlignment="Center">
-            <Image Source="/Assets/icon.ico" Margin="0 0 10 0" />
-            <Image Source="/Assets/ML_Text.png" Height="30" />
-        </StackPanel>
-        <TextBlock Margin="0 20 0 0" HorizontalAlignment="Stretch" Grid.Row="1" Foreground="#AFFF"
-            xml:space="preserve" TextAlignment="Center">To install MelonLoader, click on one of the games below.
+    <StackPanel Grid.Row="0" Height="40" Orientation="Horizontal" HorizontalAlignment="Center">
+      <Image Source="/Assets/icon.ico" Margin="0 0 10 0" />
+      <Image Source="/Assets/ML_Text.png" Height="30" />
+    </StackPanel>
+    <TextBlock Margin="0 20 0 0" HorizontalAlignment="Stretch" Grid.Row="1" Foreground="#AFFF"
+        xml:space="preserve" TextAlignment="Center">To install MelonLoader, click on one of the games below.
 If you can't find your game on the list, add it manually.</TextBlock>
-        <Border Grid.Row="2" Background="#0000" CornerRadius="8" Margin="0 10" ClipToBounds="True">
-            <Grid>
-                <ScrollViewer>
-                    <ItemsControl IsVisible="{Binding Ready}" ItemsSource="{Binding Games}" Margin="10">
-                        <ItemsControl.ItemTemplate>
-                            <DataTemplate>
-                                <views:GameControl DataContext="{Binding}" />
-                            </DataTemplate>
-                        </ItemsControl.ItemTemplate>
-                    </ItemsControl>
-                </ScrollViewer>
-                <TextBlock Name="NoGamesText" IsVisible="False" Foreground="#3FFF" HorizontalAlignment="Center"
-                    VerticalAlignment="Center" TextAlignment="Center" xml:space="preserve">
+    <TextBox Margin="0 20 0 0" Grid.Row="2" Watermark="Search a game..." Text="{Binding Search}"/>
+    <Border Grid.Row="3" Background="#0000" CornerRadius="8" Margin="0 10" ClipToBounds="True">
+      <Grid>
+        <ScrollViewer>
+          <ItemsControl IsVisible="{Binding Ready}" ItemsSource="{Binding Games}" Margin="10">
+            <ItemsControl.ItemTemplate>
+              <DataTemplate>
+                <views:GameControl DataContext="{Binding}" />
+              </DataTemplate>
+            </ItemsControl.ItemTemplate>
+          </ItemsControl>
+        </ScrollViewer>
+        <TextBlock Name="NoGamesText" IsVisible="False" Foreground="#3FFF" HorizontalAlignment="Center"
+            VerticalAlignment="Center" TextAlignment="Center" xml:space="preserve">
 No Unity games have been found on your device.
 Please add one manually using the button below.
                 </TextBlock>
-                <TextBlock Name="LoadingText" IsVisible="{Binding !Ready}" Foreground="#9FFF" FontSize="20" HorizontalAlignment="Center"
-                    VerticalAlignment="Center" TextAlignment="Center">
-                    Loading...
-                </TextBlock>
-            </Grid>
+        <TextBlock Name="LoadingText" IsVisible="{Binding !Ready}" Foreground="#9FFF" FontSize="20" HorizontalAlignment="Center"
+            VerticalAlignment="Center" TextAlignment="Center">
+          Loading...
+        </TextBlock>
+      </Grid>
+    </Border>
+    <Button Grid.Row="4" IsEnabled="{Binding Ready}" HorizontalAlignment="Right" Click="AddGameManuallyHandler">Add Game Manually</Button>
+    <StackPanel Height="38" Grid.Row="4" Spacing="1" Orientation="Horizontal">
+      <Button Click="MelonWikiLink" ToolTip.Tip="MelonWiki"
+          ToolTip.Placement="RightEdgeAlignedBottom" Padding="3" CornerRadius="1000"
+          Background="Transparent">
+        <Border CornerRadius="1000" ClipToBounds="True">
+          <Image Source="/Assets/icon.ico" />
+        </Border>
+      </Button>
+      <Button Click="DiscordLink" ToolTip.Tip="Official MelonLoader Discord"
+          ToolTip.Placement="RightEdgeAlignedBottom" Padding="3"
+          CornerRadius="1000" Background="Transparent">
+        <Border CornerRadius="1000" ClipToBounds="True">
+          <Image Source="/Assets/discord.png" />
+        </Border>
+      </Button>
+      <Button Click="GithubLink" ToolTip.Tip="LavaGang Github"
+          ToolTip.Placement="RightEdgeAlignedBottom" Padding="0" CornerRadius="1000"
+          Background="Transparent">
+        <Border CornerRadius="1000" ClipToBounds="True">
+          <Image Source="/Assets/github.png" />
+        </Border>
+      </Button>
+      <Button Click="TwitterLink" ToolTip.Tip="LavaGang Twitter (nobody is calling it X)"
+          ToolTip.Placement="RightEdgeAlignedBottom"
+          Padding="3" CornerRadius="1000" Background="Transparent">
+        <Border CornerRadius="1000" ClipToBounds="True">
+          <Image Source="/Assets/twitter.png" />
         </Border>
-        <Button Grid.Row="3" IsEnabled="{Binding Ready}" HorizontalAlignment="Right" Click="AddGameManuallyHandler">Add Game Manually</Button>
-        <StackPanel Height="38" Grid.Row="3" Spacing="1" Orientation="Horizontal">
-            <Button Click="MelonWikiLink" ToolTip.Tip="MelonWiki"
-                ToolTip.Placement="RightEdgeAlignedBottom" Padding="3" CornerRadius="1000"
-                Background="Transparent">
-                <Border CornerRadius="1000" ClipToBounds="True">
-                    <Image Source="/Assets/icon.ico" />
-                </Border>
-            </Button>
-            <Button Click="DiscordLink" ToolTip.Tip="Official MelonLoader Discord"
-                ToolTip.Placement="RightEdgeAlignedBottom" Padding="3"
-                CornerRadius="1000" Background="Transparent">
-                <Border CornerRadius="1000" ClipToBounds="True">
-                    <Image Source="/Assets/discord.png" />
-                </Border>
-            </Button>
-            <Button Click="GithubLink" ToolTip.Tip="LavaGang Github"
-                ToolTip.Placement="RightEdgeAlignedBottom" Padding="0" CornerRadius="1000"
-                Background="Transparent">
-                <Border CornerRadius="1000" ClipToBounds="True">
-                    <Image Source="/Assets/github.png" />
-                </Border>
-            </Button>
-            <Button Click="TwitterLink" ToolTip.Tip="LavaGang Twitter (nobody is calling it X)"
-                ToolTip.Placement="RightEdgeAlignedBottom"
-                Padding="3" CornerRadius="1000" Background="Transparent">
-                <Border CornerRadius="1000" ClipToBounds="True">
-                    <Image Source="/Assets/twitter.png" />
-                </Border>
-            </Button>
-        </StackPanel>
-    </Grid>
+      </Button>
+    </StackPanel>
+  </Grid>
 </UserControl>
\ No newline at end of file