From 165fc41151219fb2b65f3ae36d518cf898669620 Mon Sep 17 00:00:00 2001
From: Zach <zachmatuson@gmail.com>
Date: Sat, 28 Jan 2023 19:46:28 -0500
Subject: [PATCH] Updated game selector to use kebab menu

---
 .../GameConfiguration/LaunchWindow.xaml       | 128 ++++++++++++++++--
 .../GameConfiguration/LaunchWindow.xaml.cs    |  19 ++-
 2 files changed, 134 insertions(+), 13 deletions(-)

diff --git a/CompilePalX/GameConfiguration/LaunchWindow.xaml b/CompilePalX/GameConfiguration/LaunchWindow.xaml
index 16abe3db..d89fa0ca 100644
--- a/CompilePalX/GameConfiguration/LaunchWindow.xaml
+++ b/CompilePalX/GameConfiguration/LaunchWindow.xaml
@@ -33,20 +33,126 @@
                         <DataGridTemplateColumn Width="auto" CanUserResize="False">
                             <DataGridTemplateColumn.CellTemplate>
                                 <DataTemplate>
-                                    <StackPanel Orientation="Horizontal">
-                                        <Button Name="EditButton" Margin="0, 0, 2, 0" Height="20" Width="25" Padding="-4" Click="EditButton_OnClick" ToolTip="Edit Game Configuration"><iconPacks:Material Kind="Pencil" Height="13" Width="13"/></Button>
-                                        <Button Name="DeleteButton" Height="20" Width="25" Padding="-4" Click="DeleteButton_OnClick" ToolTip="Delete Game Configuration"><iconPacks:Material Kind="TrashCanOutline" Height="13" Width="13"/></Button>
-                                        <StackPanel.Style>
-                                            <Style TargetType="{x:Type StackPanel}">
-                                                <Setter Property="Visibility" Value="Hidden"/>
+                                    <Button Name="GameKebabButton" Height="5" Width="auto" Padding="0" Margin="0, -8, 0, -8" Visibility="Visible" Foreground="White" controls:ControlsHelper.CornerRadius="0" controls:ControlsHelper.FocusBorderThickness="0" ContextMenuOpening="GameKebabButton_OnContextMenuOpening" Click="GameKebabButton_OnClick">
+                                        <iconPacks:PackIconMaterial Kind="DotsVertical" Height="8" Width="8"/>
+                                        <Button.ContextMenu>
+                                            <ContextMenu Name="PresetActionMenu" Placement="Bottom">
+                                                <MenuItem Header="Edit" Click="EditButton_OnClick" />
+                                                <MenuItem Header="Delete" Click="DeleteButton_OnClick"/>
+                                            </ContextMenu>
+                                        </Button.ContextMenu>
+                                        <Button.Style>
+                                            <Style TargetType="{x:Type Button}"
+                                                   BasedOn="{StaticResource {x:Type Button}}">
+                                                <Setter Property="Background" Value="Transparent" />
+                                                <Setter Property="BorderThickness" Value="0" />
+
+                                                <!-- #region HorribleHackForBackgroundHoverColor -->
+                                                <Setter Property="Template">
+                                                    <Setter.Value>
+                                                        <ControlTemplate TargetType="{x:Type ButtonBase}">
+                                                            <Grid>
+                                                                <Border x:Name="Border"
+                                                                        Background="{TemplateBinding Background}"
+                                                                        BorderBrush="{TemplateBinding BorderBrush}"
+                                                                        BorderThickness="{TemplateBinding BorderThickness}"
+                                                                        CornerRadius="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(controls:ControlsHelper.CornerRadius), Mode=OneWay}"
+                                                                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
+                                                                <Border x:Name="DisabledVisualElement"
+                                                                        Background="{DynamicResource ControlsDisabledBrush}"
+                                                                        CornerRadius="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(controls:ControlsHelper.CornerRadius), Mode=OneWay}"
+                                                                        IsHitTestVisible="False"
+                                                                        Opacity="0"
+                                                                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
+                                                                <controls:ContentControlEx
+                                                                    x:Name="PART_ContentPresenter"
+                                                                    Margin="{TemplateBinding BorderThickness}"
+                                                                    Padding="{TemplateBinding Padding}"
+                                                                    HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                                                    VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                                                                    Content="{TemplateBinding Content}"
+                                                                    ContentCharacterCasing="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(controls:ControlsHelper.ContentCharacterCasing)}"
+                                                                    ContentStringFormat="{TemplateBinding ContentStringFormat}"
+                                                                    ContentTemplate="{TemplateBinding ContentTemplate}"
+                                                                    ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
+                                                                    RecognizesAccessKey="True"
+                                                                    SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
+                                                            </Grid>
+                                                            <ControlTemplate.Triggers>
+                                                                <Trigger Property="IsMouseOver" Value="True">
+                                                                    <Setter TargetName="Border"
+                                                                            Property="Background"
+                                                                            Value="{DynamicResource GrayBrush8}" />
+                                                                    <!-- set it to what you need -->
+                                                                </Trigger>
+                                                                <Trigger Property="IsPressed" Value="True">
+                                                                    <Setter TargetName="Border"
+                                                                            Property="Background"
+                                                                            Value="{DynamicResource GrayBrush7}" />
+                                                                </Trigger>
+                                                                <Trigger Property="IsKeyboardFocusWithin"
+                                                                         Value="True">
+                                                                    <Setter TargetName="Border"
+                                                                            Property="BorderBrush"
+                                                                            Value="{DynamicResource ButtonMouseOverBorderBrush}" />
+                                                                    <!--
+                                                                        <Setter TargetName="Border"
+                                                                            Property="BorderThickness" Value="2" />
+                                                                    -->
+                                                                </Trigger>
+                                                                <Trigger Property="IsEnabled" Value="False">
+                                                                    <Setter TargetName="DisabledVisualElement"
+                                                                            Property="Opacity" Value="0.7" />
+                                                                    <Setter TargetName="PART_ContentPresenter"
+                                                                            Property="Opacity" Value="0.3" />
+                                                                </Trigger>
+                                                            </ControlTemplate.Triggers>
+                                                        </ControlTemplate>
+                                                    </Setter.Value>
+                                                </Setter>
+                                                <!-- #endregion -->
+
                                                 <Style.Triggers>
-                                                    <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource AncestorType={x:Type DataGridRow}}}" Value="True">
-                                                        <Setter Property="Visibility" Value="Visible"/>
-                                                    </DataTrigger>
+                                                    <Trigger Property="IsFocused" Value="True">
+                                                        <Setter Property="Background">
+                                                            <Setter.Value>
+                                                                <SolidColorBrush
+                                                                    Color="{StaticResource MahApps.Colors.Gray10}"
+                                                                    Opacity="0.25" />
+                                                            </Setter.Value>
+                                                        </Setter>
+                                                    </Trigger>
+                                                    <Trigger Property="IsMouseOver" Value="True">
+                                                        <Setter Property="Background">
+                                                            <Setter.Value>
+                                                                <SolidColorBrush
+                                                                    Color="{StaticResource MahApps.Colors.Gray10}"
+                                                                    Opacity="0.4" />
+                                                            </Setter.Value>
+                                                        </Setter>
+                                                    </Trigger>
+                                                    <Trigger Property="IsKeyboardFocusWithin" Value="True">
+                                                        <Setter Property="Background">
+                                                            <Setter.Value>
+                                                                <SolidColorBrush
+                                                                    Color="{StaticResource MahApps.Colors.Gray10}"
+                                                                    Opacity="0.25" />
+                                                            </Setter.Value>
+                                                        </Setter>
+                                                    </Trigger>
+                                                    <Trigger Property="IsPressed" Value="True">
+                                                        <Setter Property="Background">
+                                                            <Setter.Value>
+                                                                <SolidColorBrush
+                                                                    Color="{StaticResource MahApps.Colors.Gray10}"
+                                                                    Opacity="0.25" />
+                                                            </Setter.Value>
+                                                        </Setter>
+                                                    </Trigger>
                                                 </Style.Triggers>
                                             </Style>
-                                        </StackPanel.Style>
-                                    </StackPanel>
+                                        </Button.Style>
+                                    </Button>
                                 </DataTemplate>
                             </DataGridTemplateColumn.CellTemplate>
                             <DataGridTemplateColumn.HeaderStyle>
diff --git a/CompilePalX/GameConfiguration/LaunchWindow.xaml.cs b/CompilePalX/GameConfiguration/LaunchWindow.xaml.cs
index 2030a69e..aca04225 100644
--- a/CompilePalX/GameConfiguration/LaunchWindow.xaml.cs
+++ b/CompilePalX/GameConfiguration/LaunchWindow.xaml.cs
@@ -145,14 +145,14 @@ public void RefreshGameConfigurationList()
 
         private void EditButton_OnClick(object sender, RoutedEventArgs e)
         {
-            var configuration = (GameConfiguration)((Button)sender).DataContext;
+            var configuration = (GameConfiguration)((MenuItem)sender).DataContext;
             int configIndex = GameConfigurationManager.GameConfigurations.IndexOf(configuration);
             GameConfigurationWindow.Instance.Open(configuration.Clone() as GameConfiguration, configIndex);
         }
 
         private async void DeleteButton_OnClick(object sender, RoutedEventArgs e)
         {
-            var configuration = (GameConfiguration)((Button)sender).DataContext;
+            var configuration = (GameConfiguration)((MenuItem)sender).DataContext;
 
             var dialogSettings = new MetroDialogSettings()
             {
@@ -189,5 +189,20 @@ private void RefreshButton_OnClick(object sender, RoutedEventArgs e)
             GameGrid.ItemsSource = GameConfigurationManager.GameConfigurations;
             RefreshGameConfigurationList();
         }
+        private void GameKebabButton_OnClick(object sender, RoutedEventArgs e)
+        {
+            if (sender is not Button button || button.ContextMenu == null)
+                return;
+
+            // set placement of context menu to button instead of default behaviour of mouse position
+            button.ContextMenu.PlacementTarget = button;
+            button.ContextMenu.IsOpen = true;
+            e.Handled = true;
+        }
+        private void GameKebabButton_OnContextMenuOpening(object sender, ContextMenuEventArgs e)
+        {
+            // block right click context menus
+            e.Handled = true;
+        }
     }
 }