Setting v2: added power preview settings (#1702)

* added power preview settings

* Added link to module oververview

* create settings file if one is not found

* removed run oon start up speficic callback

* Update src/core/Microsoft.PowerToys.Settings.UI.Lib/ModuleSettings.cs

Co-Authored-By: Andrey Nekrasov <yuyoyuppe@users.noreply.github.com>

* fixed merge conflicts

Co-authored-by: Andrey Nekrasov <yuyoyuppe@users.noreply.github.com>

src/core/Microsoft.PowerToys.Settings.UI/Views/ShellPage.xaml

@@ -1,4 +1,4 @@
-<UserControl
+<UserControl
     x:Class="Microsoft.PowerToys.Settings.UI.Views.ShellPage"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -41,8 +41,8 @@
                 </VisualState>
             </VisualStateGroup>
         </VisualStateManager.VisualStateGroups>
-   
-    <winui:NavigationView
+
+        <winui:NavigationView
         x:Name="navigationView"
         IsBackButtonVisible="Collapsed"
         IsBackEnabled="{x:Bind ViewModel.IsBackEnabled, Mode=OneWay}"
@@ -62,96 +62,106 @@
             
           
         </winui:NavigationView.PaneHeader>   -->
-        <winui:NavigationView.MenuItems>
-            <!--
+            <winui:NavigationView.MenuItems>
+                <!--
             TODO WTS: Change the symbols for each item as appropriate for your app
             More on Segoe UI Symbol icons: https://docs.microsoft.com/windows/uwp/style/segoe-ui-symbol-font
             Or to use an IconElement instead of a Symbol see https://github.com/Microsoft/WindowsTemplateStudio/blob/master/docs/projectTypes/navigationpane.md
             Edit String/en-US/Resources.resw: Add a menu item title for each page
             -->
-            <winui:NavigationViewItem x:Uid="Shell_General" helpers:NavHelper.NavigateTo="views:GeneralPage">
-                <winui:NavigationViewItem.Icon>
-                    <FontIcon Glyph="&#xE713;"/>
-                </winui:NavigationViewItem.Icon>
-            </winui:NavigationViewItem>
+                <winui:NavigationViewItem x:Uid="Shell_General" helpers:NavHelper.NavigateTo="views:GeneralPage">
+                    <winui:NavigationViewItem.Icon>
+                        <FontIcon Glyph="&#xE713;"/>
+                    </winui:NavigationViewItem.Icon>
+                </winui:NavigationViewItem>
 
-            <!-- TO DO: Update icon -->
-            <winui:NavigationViewItem x:Uid="Shell_PowerRename" helpers:NavHelper.NavigateTo="views:PowerRenamePage">
-                <winui:NavigationViewItem.Icon>
-                    <FontIcon Glyph="&#xE8AC;"/>
-                </winui:NavigationViewItem.Icon>
-            </winui:NavigationViewItem>
+                <!-- TO DO: Update icon -->
+                <winui:NavigationViewItem x:Uid="Shell_PowerRename" helpers:NavHelper.NavigateTo="views:PowerRenamePage">
+                    <winui:NavigationViewItem.Icon>
+                        <FontIcon Glyph="&#xE8AC;"/>
+                    </winui:NavigationViewItem.Icon>
+                </winui:NavigationViewItem>
 
-            <!-- TO DO: Update icon -->
-            <winui:NavigationViewItem x:Uid="Shell_ShortcutGuide" helpers:NavHelper.NavigateTo="views:ShortcutGuidePage">
-                <winui:NavigationViewItem.Icon>
-                    <FontIcon Glyph="&#xEDA7;"/>
-                </winui:NavigationViewItem.Icon>
-            </winui:NavigationViewItem>
+                <!-- TO DO: Update icon -->
+                <winui:NavigationViewItem x:Uid="Shell_ShortcutGuide" helpers:NavHelper.NavigateTo="views:ShortcutGuidePage">
+                    <winui:NavigationViewItem.Icon>
+                        <FontIcon Glyph="&#xEDA7;"/>
+                    </winui:NavigationViewItem.Icon>
+                </winui:NavigationViewItem>
 
-            <!-- TO DO: Update icon -->
-            <winui:NavigationViewItem x:Uid="Shell_PowerLauncher" helpers:NavHelper.NavigateTo="views:PowerLauncherPage">
-                <winui:NavigationViewItem.Icon>
-                    <FontIcon Glyph="&#xE8A7;"/>
-                </winui:NavigationViewItem.Icon>
-            </winui:NavigationViewItem>
-        </winui:NavigationView.MenuItems>
-        <i:Interaction.Behaviors>
-            <behaviors:NavigationViewHeaderBehavior
+                <!-- TO DO: Update icon -->
+                <winui:NavigationViewItem x:Uid="Shell_PowerLauncher" helpers:NavHelper.NavigateTo="views:PowerLauncherPage">
+                    <winui:NavigationViewItem.Icon>
+                        <FontIcon Glyph="&#xE8A7;"/>
+                    </winui:NavigationViewItem.Icon>
+                </winui:NavigationViewItem>
+
+                <winui:NavigationViewItem x:Uid="Shell_PowerPreview" helpers:NavHelper.NavigateTo="views:PowerPreviewPage" >
+                    <winui:NavigationViewItem.Icon>
+                        <PathIcon Data="M608 128q45 0 77 9t58 24 46 31 40 31 44 23 55 10h992q27 0 50 10t40 27 28 41 10 50v384h-128V384H928q-31 0-54 9t-44 24-41 31-45 31-58 23-78 10H128v1152h128v128H0V256q0-27 10-50t27-40 41-28 50-10h480zm0 256q24 0 42-4t33-13 29-20 32-27q-17-15-31-26t-30-20-33-13-42-5H128v128h480zm1440 512v1152H384V896h1664zm-128 128H512v896h1408v-896zm-128 256h-384v-128h384v128zm-128 256h-256v-128h256v128zm0 256h-256v-128h256v128zm-384 0H640v-640h640v640zm-128-512H768v384h384v-384z" ></PathIcon>
+                    </winui:NavigationViewItem.Icon>
+                </winui:NavigationViewItem>
+            </winui:NavigationView.MenuItems>
+            <i:Interaction.Behaviors>
+                <behaviors:NavigationViewHeaderBehavior
                 DefaultHeader="{x:Bind ViewModel.Selected.Content, Mode=OneWay}">
-                <behaviors:NavigationViewHeaderBehavior.DefaultHeaderTemplate>
-                    <DataTemplate>
-                        <!-- TODO: Style clean up-->
-                        <Grid Margin="0, 24, 0, 6">
-                            <TextBlock
+                    <behaviors:NavigationViewHeaderBehavior.DefaultHeaderTemplate>
+                        <DataTemplate>
+                            <!-- TODO: Style clean up-->
+                            <Grid Margin="0, 24, 0, 6">
+                                <TextBlock
                                 Text="{Binding}"
                                 FontWeight="Bold"
                                 Style="{ThemeResource TitleTextBlockStyle}"
                                 Margin="{StaticResource SmallLeftRightMargin}" />
-                        </Grid>
-                    </DataTemplate>
-                </behaviors:NavigationViewHeaderBehavior.DefaultHeaderTemplate>
-            </behaviors:NavigationViewHeaderBehavior>
-            <ic:EventTriggerBehavior EventName="ItemInvoked">
-                <ic:InvokeCommandAction Command="{x:Bind ViewModel.ItemInvokedCommand}" />
-            </ic:EventTriggerBehavior>
-        </i:Interaction.Behaviors>
-        <ScrollViewer Grid.Column="0">
-            <Grid RowSpacing="32"
+                            </Grid>
+                        </DataTemplate>
+                    </behaviors:NavigationViewHeaderBehavior.DefaultHeaderTemplate>
+                </behaviors:NavigationViewHeaderBehavior>
+                <ic:EventTriggerBehavior EventName="ItemInvoked">
+                    <ic:InvokeCommandAction Command="{x:Bind ViewModel.ItemInvokedCommand}" />
+                </ic:EventTriggerBehavior>
+            </i:Interaction.Behaviors>
+            <ScrollViewer Grid.Column="0">
+                <Grid RowSpacing="32"
                       Margin="{StaticResource MediumLeftRightBottomMargin}">
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="*" />
-                    <ColumnDefinition Width="Auto" />
-                </Grid.ColumnDefinitions>
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="*"/>
-                    <RowDefinition Height="Auto"/>
-                </Grid.RowDefinitions>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*" />
+                        <ColumnDefinition Width="Auto" />
+                    </Grid.ColumnDefinitions>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="*"/>
+                        <RowDefinition Height="Auto"/>
+                    </Grid.RowDefinitions>
 
-                <Frame x:Name="shellFrame" />
+                    <Frame x:Name="shellFrame" />
 
-                <StackPanel x:Name="SidePanel"
+                    <StackPanel x:Name="SidePanel"
                                 Orientation="Vertical"
                                 HorizontalAlignment="Left"
                                 Width="240"
                                 Grid.Column="1">
 
-                    <TextBlock Text="About this feature"
+                        <TextBlock x:Name="Feature_Details_Title" 
+                                   Text="About this feature"
                                    Style="{StaticResource SettingsGroupTitleStyle}"
                                    Margin="{StaticResource XSmallBottomMargin}"/>
 
-                    <HyperlinkButton Content="Module overview"/>
-                    <HyperlinkButton Content="Give feedback"/>
+                        <ListView x:Name="Feature_Details">
+                            <HyperlinkButton x:Name="Module_Overview_LinkButton"
+                                             Content="Module overview"/>
+                            <HyperlinkButton x:Name="Module_Feedback_LinkButton"
+                                             Content="Give feedback"/>
+                        </ListView>
 
-                    <TextBlock Text="Contributors"
-                           Style="{StaticResource SettingsGroupTitleStyle}"/>
+                        <TextBlock x:Name="Contributors_List_Title" 
+                                   Text="Contributors"
+                                   Style="{StaticResource SettingsGroupTitleStyle}"/>
 
-                    <HyperlinkButton Content="Contributor name"/>
-                    <HyperlinkButton Content="Contributor name"/>
-                    <HyperlinkButton Content="Contributor name"/>
-                </StackPanel>
-            </Grid>
-        </ScrollViewer>
-    </winui:NavigationView>
+                        <ListView x:Name="Contributors_List" />
+                    </StackPanel>
+                </Grid>
+            </ScrollViewer>
+        </winui:NavigationView>
     </Grid>
 </UserControl>