Code separation in the settings window

Flow.Launcher/App.xaml

@@ -24,6 +24,7 @@
                 </ui:ThemeResources>
                 <ui:XamlControlsResources />
                 <ResourceDictionary Source="pack://application:,,,/Resources/CustomControlTemplate.xaml" />
+                <ResourceDictionary Source="pack://application:,,,/Resources/SettingWindowStyle.xaml" />
                 <ResourceDictionary Source="pack://application:,,,/Themes/Win11System.xaml" />
                 <ResourceDictionary Source="pack://application:,,,/Languages/en.xaml" />
             </ResourceDictionary.MergedDictionaries>

Flow.Launcher/CustomShortcutSetting.xaml.cs

@@ -8,7 +8,6 @@ namespace Flow.Launcher
 {
     public partial class CustomShortcutSetting : Window
     {
-        private SettingWindowViewModel viewModel;
         public string Key { get; set; } = String.Empty;
         public string Value { get; set; } = String.Empty;
         private string originalKey { get; init; } = null;
@@ -17,13 +16,11 @@ public partial class CustomShortcutSetting : Window
 
         public CustomShortcutSetting(SettingWindowViewModel vm)
         {
-            viewModel = vm;
             InitializeComponent();
         }
 
-        public CustomShortcutSetting(string key, string value, SettingWindowViewModel vm)
+        public CustomShortcutSetting(string key, string value)
         {
-            viewModel = vm;
             Key = key;
             Value = value;
             originalKey = key;
@@ -46,8 +43,7 @@ private void BtnAdd_OnClick(object sender, RoutedEventArgs e)
                 return;
             }
             // Check if key is modified or adding a new one
-            if (((update && originalKey != Key) || !update)
-                && viewModel.ShortcutExists(Key))
+            if ((update && originalKey != Key) || !update)
             {
                 MessageBox.Show(InternationalizationManager.Instance.GetTranslation("duplicateShortcut"));
                 return;

Flow.Launcher/Resources/Controls/Card.xaml

@@ -20,6 +20,7 @@
                         <Setter Property="BorderThickness" Value="1" />
                         <Setter Property="CornerRadius" Value="5" />
                         <Setter Property="MinHeight" Value="68" />
+                        <Setter Property="Padding" Value="0,15,0,15" />
                         <Setter Property="Margin" Value="0,4,0,0" />
                         <Setter Property="SnapsToDevicePixels" Value="True" />
                         <Style.Triggers>
@@ -36,6 +37,27 @@
                                 <Setter Property="Padding" Value="38,0,26,0" />
                                 <Setter Property="Background" Value="Transparent" />
                             </DataTrigger>
+
+                            <DataTrigger Binding="{Binding (local:CardGroup.Position), RelativeSource={RelativeSource AncestorType=local:Card}}" Value="First">
+                                <Setter Property="Margin" Value="0" />
+                                <Setter Property="CornerRadius" Value="0" />
+                                <Setter Property="Background" Value="Transparent" />
+                                <Setter Property="BorderThickness" Value="0" />
+                            </DataTrigger>
+
+                            <DataTrigger Binding="{Binding (local:CardGroup.Position), RelativeSource={RelativeSource AncestorType=local:Card}}" Value="Middle">
+                                <Setter Property="Margin" Value="0" />
+                                <Setter Property="CornerRadius" Value="0" />
+                                <Setter Property="Background" Value="Transparent" />
+                                <Setter Property="BorderThickness" Value="0 1 0 0" />
+                            </DataTrigger>
+
+                            <DataTrigger Binding="{Binding (local:CardGroup.Position), RelativeSource={RelativeSource AncestorType=local:Card}}" Value="Last">
+                                <Setter Property="Margin" Value="0" />
+                                <Setter Property="CornerRadius" Value="0" />
+                                <Setter Property="Background" Value="Transparent" />
+                                <Setter Property="BorderThickness" Value="0 1 0 0" />
+                            </DataTrigger>
                         </Style.Triggers>
                     </Style>
                 </Border.Style>

Flow.Launcher/Resources/Controls/Card.xaml.cs

@@ -16,6 +16,7 @@ public Card()
         {
             InitializeComponent();
         }
+
         public string Title
         {
             get { return (string)GetValue(TitleProperty); }

Flow.Launcher/Resources/Controls/CardGroup.xaml

@@ -0,0 +1,32 @@
+<UserControl x:Class="Flow.Launcher.Resources.Controls.CardGroup"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:cc="clr-namespace:Flow.Launcher.Resources.Controls"
+             mc:Ignorable="d"
+             d:DataContext="{d:DesignInstance cc:CardGroup}"
+             d:DesignHeight="300" d:DesignWidth="300">
+    <UserControl.Resources>
+        <Style TargetType="cc:Card" x:Key="FirstStyle">
+            <Setter Property="cc:CardGroup.Position" Value="First" />
+        </Style>
+        <Style TargetType="cc:Card" x:Key="MiddleStyle">
+            <Setter Property="cc:CardGroup.Position" Value="Middle" />
+        </Style>
+        <Style TargetType="cc:Card" x:Key="LastStyle">
+            <Setter Property="cc:CardGroup.Position" Value="Last" />
+        </Style>
+
+        <cc:CardGroupCardStyleSelector
+            x:Key="CardStyleSelector"
+            FirstStyle="{StaticResource FirstStyle}"
+            MiddleStyle="{StaticResource MiddleStyle}"
+            LastStyle="{StaticResource LastStyle}" />
+    </UserControl.Resources>
+    <Border Background="{DynamicResource Color00B}" BorderBrush="{DynamicResource Color03B}" BorderThickness="1"
+            CornerRadius="5">
+        <ItemsControl ItemsSource="{Binding Content, RelativeSource={RelativeSource AncestorType=cc:CardGroup}}"
+                      ItemContainerStyleSelector="{StaticResource CardStyleSelector}" />
+    </Border>
+</UserControl>

Flow.Launcher/Resources/Controls/CardGroup.xaml.cs

@@ -0,0 +1,47 @@
+using System;
+using System.Collections.ObjectModel;
+using System.Windows;
+using System.Windows.Controls;
+
+namespace Flow.Launcher.Resources.Controls;
+
+public partial class CardGroup : UserControl
+{
+    public enum CardGroupPosition
+    {
+        NotInGroup,
+        First,
+        Middle,
+        Last
+    }
+
+    public new ObservableCollection<Card> Content
+    {
+        get { return (ObservableCollection<Card>)GetValue(ContentProperty); }
+        set { SetValue(ContentProperty, value); }
+    }
+
+    public static new readonly DependencyProperty ContentProperty =
+        DependencyProperty.Register(nameof(Content), typeof(ObservableCollection<Card>), typeof(CardGroup));
+
+    public static readonly DependencyProperty PositionProperty = DependencyProperty.RegisterAttached(
+        "Position", typeof(CardGroupPosition), typeof(CardGroup),
+        new FrameworkPropertyMetadata(CardGroupPosition.NotInGroup, FrameworkPropertyMetadataOptions.AffectsRender)
+    );
+
+    public static void SetPosition(UIElement element, CardGroupPosition value)
+    {
+        element.SetValue(PositionProperty, value);
+    }
+
+    public static CardGroupPosition GetPosition(UIElement element)
+    {
+        return (CardGroupPosition)element.GetValue(PositionProperty);
+    }
+
+    public CardGroup()
+    {
+        InitializeComponent();
+        Content = new ObservableCollection<Card>();
+    }
+}

Flow.Launcher/Resources/Controls/CardGroupCardStyleSelector.cs

@@ -0,0 +1,21 @@
+using System.Windows;
+using System.Windows.Controls;
+
+namespace Flow.Launcher.Resources.Controls;
+
+public class CardGroupCardStyleSelector : StyleSelector
+{
+    public Style FirstStyle { get; set; }
+    public Style MiddleStyle { get; set; }
+    public Style LastStyle { get; set; }
+
+    public override Style SelectStyle(object item, DependencyObject container)
+    {
+        var itemsControl = ItemsControl.ItemsControlFromItemContainer(container);
+        var index = itemsControl.ItemContainerGenerator.IndexFromContainer(container);
+
+        if (index == 0) return FirstStyle;
+        if (index == itemsControl.Items.Count - 1) return LastStyle;
+        return MiddleStyle;
+    }
+}

Flow.Launcher/Resources/Controls/HyperLink.xaml

@@ -0,0 +1,14 @@
+<UserControl x:Class="Flow.Launcher.Resources.Controls.HyperLink"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             mc:Ignorable="d"
+             d:DesignHeight="300" d:DesignWidth="300">
+    <TextBlock>
+        <Hyperlink NavigateUri="{Binding Uri, RelativeSource={RelativeSource AncestorType=UserControl}}"
+                   RequestNavigate="Hyperlink_OnRequestNavigate">
+            <Run Text="{Binding Text, RelativeSource={RelativeSource AncestorType=UserControl}}" />
+        </Hyperlink>
+    </TextBlock>
+</UserControl>

Flow.Launcher/Resources/Controls/HyperLink.xaml.cs

@@ -0,0 +1,39 @@
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Navigation;
+
+namespace Flow.Launcher.Resources.Controls;
+
+public partial class HyperLink : UserControl
+{
+    public static readonly DependencyProperty UriProperty = DependencyProperty.Register(
+        nameof(Uri), typeof(string), typeof(HyperLink), new PropertyMetadata(default(string))
+    );
+
+    public string Uri
+    {
+        get => (string)GetValue(UriProperty);
+        set => SetValue(UriProperty, value);
+    }
+
+    public static readonly DependencyProperty TextProperty = DependencyProperty.Register(
+        nameof(Text), typeof(string), typeof(HyperLink), new PropertyMetadata(default(string))
+    );
+
+    public string Text
+    {
+        get => (string)GetValue(TextProperty);
+        set => SetValue(TextProperty, value);
+    }
+
+    public HyperLink()
+    {
+        InitializeComponent();
+    }
+
+    private void Hyperlink_OnRequestNavigate(object sender, RequestNavigateEventArgs e)
+    {
+        App.API.OpenUrl(e.Uri);
+        e.Handled = true;
+    }
+}