Add folder picker button

ZuneModdingHelper/Pages/SettingsPage.xaml

@@ -7,8 +7,11 @@
              xmlns:zmhs="clr-namespace:ZuneModdingHelper.Services"
              mc:Ignorable="d" 
              d:DesignHeight="450" d:DesignWidth="800"
-             Unloaded="SettingsPage_Unloaded"
+             Unloaded="SettingsPage_Unloaded">
-             DataContext="{x:Static zmhs:Settings.Default}">
+    <d:UserControl.DataContext>
+        <local:SettingsViewModel/>
+    </d:UserControl.DataContext>
+
     <ScrollViewer VerticalScrollBarVisibility="Auto">
         <StackPanel>
             <TextBlock Style="{StaticResource ZuneBodyTextBlockStyle}">
@@ -16,8 +19,10 @@
             </TextBlock>
             <TextBlock Text="Choose the directory where the Zune software is installed." Margin="0,8"
                        Style="{StaticResource ZuneBodyTextBlockStyle}" />
-            <TextBox VerticalAlignment="Top"
+            <TextBox Text="{Binding Settings.ZuneInstallDir}"/>
-                     Text="{Binding ZuneInstallDir}"/>
+            <Button Content="LOCATE" HorizontalAlignment="Left" Margin="0,8,0,0"
+                    Visibility="{Binding FolderPickerVisibility, Mode=OneTime}"
+                    Click="LocateZuneButton_Click"/>
         </StackPanel>
     </ScrollViewer>
 </UserControl>

ZuneModdingHelper/Pages/SettingsPage.xaml.cs

@@ -1,4 +1,5 @@
-using System.Windows;
+using Microsoft.WindowsAPICodePack.Dialogs;
+using System.Windows;
 using System.Windows.Controls;
 using ZuneModdingHelper.Services;
 
@@ -9,15 +10,45 @@ namespace ZuneModdingHelper.Pages
     /// </summary>
     public partial class SettingsPage : UserControl
     {
-        public SettingsPage()
+        public SettingsPage(Settings settings)
         {
+            ViewModel = new()
+            {
+                Settings = settings,
+                FolderPickerVisibility = CommonFileDialog.IsPlatformSupported
+                    ? Visibility.Visible : Visibility.Collapsed,
+            };
+            DataContext = ViewModel;
+
             InitializeComponent();
-            DataContext = Settings.Default;
         }
 
+        private SettingsViewModel ViewModel { get; }
+
         private async void SettingsPage_Unloaded(object sender, RoutedEventArgs e)
         {
-            await Settings.Default.SaveAsync();
+            await ViewModel.Settings.SaveAsync();
         }
+
+        private void LocateZuneButton_Click(object sender, RoutedEventArgs e)
+        {
+            CommonOpenFileDialog dialog = new()
+            {
+                IsFolderPicker = true,
+                DefaultDirectory = ViewModel.Settings.ZuneInstallDir
+            };
+            CommonFileDialogResult result = dialog.ShowDialog();
+            if (result == CommonFileDialogResult.Ok)
+            {
+                ViewModel.Settings.ZuneInstallDir = dialog.FileName;
+            }
+        }
+    }
+
+    internal class SettingsViewModel
+    {
+        public Settings Settings { get; init; }
+
+        public Visibility FolderPickerVisibility { get; init; }
     }
 }