PowerToys/src/settings-ui/Settings.UI/SettingsXAML/Views/PowerPreviewPage.xaml

<Page
    x:Class="Microsoft.PowerToys.Settings.UI.Views.PowerPreviewPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:CommunityToolkit.WinUI.Controls"
    xmlns:custom="using:Microsoft.PowerToys.Settings.UI.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ui="using:CommunityToolkit.WinUI"
    AutomationProperties.LandmarkType="Main"
    mc:Ignorable="d">

    <custom:SettingsPageControl x:Uid="FileExplorerPreview" ModuleImageSource="ms-appx:///Assets/Settings/Modules/PowerPreview.png">
        <custom:SettingsPageControl.ModuleContent>
            <StackPanel ChildrenTransitions="{StaticResource SettingsCardsAnimations}" Orientation="Vertical">
                <custom:SettingsGroup x:Uid="FileExplorerPreview_PreviewPane">
                    <InfoBar
                        x:Uid="FileExplorerPreview_PreviewHandlerOutlookIncompatibility"
                        IsClosable="False"
                        IsOpen="True"
                        IsTabStop="True"
                        Severity="Warning" />
                    <controls:SettingsExpander
                        x:Uid="FileExplorerPreview_ToggleSwitch_Preview_SVG"
                        HeaderIcon="{ui:FontIcon Glyph=&#xE91B;}"
                        IsEnabled="{x:Bind ViewModel.IsSVGRenderEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.SVGRenderIsEnabled, Mode=TwoWay}" />
                        <controls:SettingsExpander.Items>
                            <controls:SettingsCard x:Uid="FileExplorerPreview_Preview_SVG_Color_Mode">
                                <ComboBox
                                    MinWidth="{StaticResource SettingActionControlMinWidth}"
                                    IsEnabled="{x:Bind ViewModel.SVGRenderIsEnabled, Mode=OneWay}"
                                    SelectedIndex="{x:Bind Path=ViewModel.SVGRenderBackgroundColorMode, Mode=TwoWay}">
                                    <ComboBoxItem x:Uid="FileExplorerPreview_Preview_SVG_Color_Mode_Default" />
                                    <ComboBoxItem x:Uid="FileExplorerPreview_Preview_SVG_Color_Solid_Color" />
                                    <ComboBoxItem x:Uid="FileExplorerPreview_Preview_SVG_Checkered_Shade" />
                                </ComboBox>
                            </controls:SettingsCard>
                            <controls:SettingsCard x:Uid="FileExplorerPreview_Preview_SVG_Background_Color" Visibility="{x:Bind ViewModel.IsSvgBackgroundColorVisible, Converter={StaticResource BoolToVisibilityConverter}, Mode=OneWay}">
                                <custom:ColorPickerButton IsEnabled="{x:Bind ViewModel.SVGRenderIsEnabled, Mode=OneWay}" SelectedColor="{x:Bind Path=ViewModel.SVGRenderBackgroundSolidColor, Mode=TwoWay}" />
                            </controls:SettingsCard>
                            <controls:SettingsCard x:Uid="FileExplorerPreview_Preview_SVG_Checkered_Shade_Mode" Visibility="{x:Bind ViewModel.IsSvgCheckeredShadeVisible, Converter={StaticResource BoolToVisibilityConverter}, Mode=OneWay}">
                                <ComboBox
                                    MinWidth="{StaticResource SettingActionControlMinWidth}"
                                    IsEnabled="{x:Bind ViewModel.SVGRenderIsEnabled, Mode=OneWay}"
                                    SelectedIndex="{x:Bind Path=ViewModel.SVGRenderBackgroundCheckeredShade, Mode=TwoWay}">
                                    <ComboBoxItem x:Uid="FileExplorerPreview_Preview_SVG_Checkered_Shade_1" />
                                    <ComboBoxItem x:Uid="FileExplorerPreview_Preview_SVG_Checkered_Shade_2" />
                                    <ComboBoxItem x:Uid="FileExplorerPreview_Preview_SVG_Checkered_Shade_3" />
                                </ComboBox>
                            </controls:SettingsCard>
                        </controls:SettingsExpander.Items>
                    </controls:SettingsExpander>

                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsSVGRenderEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsSVGRenderEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />

                    <controls:SettingsCard
                        x:Uid="FileExplorerPreview_ToggleSwitch_Preview_MD"
                        HeaderIcon="{ui:FontIcon Glyph=&#xE943;}"
                        IsEnabled="{x:Bind ViewModel.IsMDRenderEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.MDRenderIsEnabled, Mode=TwoWay}" />
                    </controls:SettingsCard>

                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsMDRenderEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsMDRenderEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />


                    <controls:SettingsExpander
                        x:Uid="FileExplorerPreview_ToggleSwitch_Preview_Monaco"
                        HeaderIcon="{ui:FontIcon Glyph=&#xE99A;}"
                        IsEnabled="{x:Bind ViewModel.IsMonacoRenderEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.MonacoRenderIsEnabled, Mode=TwoWay}" />
                        <controls:SettingsExpander.Items>
                            <controls:SettingsCard ContentAlignment="Left" IsEnabled="{x:Bind ViewModel.MonacoRenderIsEnabled, Mode=OneWay}">
                                <CheckBox x:Uid="FileExplorerPreview_ToggleSwitch_Monaco_Wrap_Text" IsChecked="{x:Bind ViewModel.MonacoWrapText, Mode=TwoWay}" />
                            </controls:SettingsCard>
                            <controls:SettingsCard ContentAlignment="Left" IsEnabled="{x:Bind ViewModel.MonacoRenderIsEnabled, Mode=OneWay}">
                                <custom:CheckBoxWithDescriptionControl
                                    x:Uid="FileExplorerPreview_ToggleSwitch_Monaco_Try_Format"
                                    IsChecked="{x:Bind ViewModel.MonacoPreviewTryFormat, Mode=TwoWay}"
                                    IsEnabled="{x:Bind ViewModel.MonacoRenderIsEnabled, Mode=OneWay}" />
                            </controls:SettingsCard>
                            <controls:SettingsCard x:Uid="FileExplorerPreview_Toggle_Monaco_Max_File_Size" IsEnabled="{x:Bind ViewModel.MonacoRenderIsEnabled, Mode=OneWay}">
                                <NumberBox
                                    MinWidth="{StaticResource SettingActionControlMinWidth}"
                                    Maximum="100"
                                    Minimum="2"
                                    SpinButtonPlacementMode="Compact"
                                    Value="{x:Bind ViewModel.MonacoPreviewMaxFileSize, Mode=TwoWay}" />
                            </controls:SettingsCard>
                        </controls:SettingsExpander.Items>
                    </controls:SettingsExpander>

                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsMonacoRenderEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsMonacoRenderEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />

                    <controls:SettingsCard
                        x:Uid="FileExplorerPreview_ToggleSwitch_Preview_PDF"
                        HeaderIcon="{ui:FontIcon Glyph=&#xEA90;}"
                        IsEnabled="{x:Bind ViewModel.IsPDFRenderEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.PDFRenderIsEnabled, Mode=TwoWay}" />
                    </controls:SettingsCard>
                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsPDFRenderEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsPDFRenderEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />
                    <controls:SettingsCard
                        x:Uid="FileExplorerPreview_ToggleSwitch_Preview_GCODE"
                        HeaderIcon="{ui:FontIcon Glyph=&#xE914;}"
                        IsEnabled="{x:Bind ViewModel.IsGCODERenderEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.GCODERenderIsEnabled, Mode=TwoWay}" />
                    </controls:SettingsCard>
                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsGCODERenderEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsGCODERenderEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />
                    <controls:SettingsCard
                        x:Uid="FileExplorerPreview_ToggleSwitch_Preview_QOI"
                        HeaderIcon="{ui:FontIcon Glyph=&#xE914;}"
                        IsEnabled="{x:Bind ViewModel.IsQOIRenderEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.QOIRenderIsEnabled, Mode=TwoWay}" />
                    </controls:SettingsCard>
                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsQOIRenderEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsQOIRenderEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />
                </custom:SettingsGroup>

                <custom:SettingsGroup x:Uid="FileExplorerPreview_IconThumbnail_GroupSettings">
                    <InfoBar
                        x:Uid="FileExplorerPreview_RebootRequired"
                        IsClosable="False"
                        IsOpen="True"
                        IsTabStop="True"
                        Severity="Informational" />
                    <InfoBar
                        x:Uid="FileExplorerPreview_ThumbnailsMightNotAppearOnRemoteFolders"
                        IsClosable="False"
                        IsOpen="True"
                        IsTabStop="True"
                        Severity="Warning" />
                    <controls:SettingsCard
                        x:Uid="FileExplorerPreview_ToggleSwitch_Thumbnail_SVG"
                        HeaderIcon="{ui:FontIcon Glyph=&#xE91B;}"
                        IsEnabled="{x:Bind ViewModel.IsSVGThumbnailEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.SVGThumbnailIsEnabled, Mode=TwoWay}" />
                    </controls:SettingsCard>
                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsSVGThumbnailEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsSVGThumbnailEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />
                    <controls:SettingsCard
                        x:Uid="FileExplorerPreview_ToggleSwitch_Thumbnail_PDF"
                        HeaderIcon="{ui:FontIcon Glyph=&#xEA90;}"
                        IsEnabled="{x:Bind ViewModel.IsPDFThumbnailEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.PDFThumbnailIsEnabled, Mode=TwoWay}" />
                    </controls:SettingsCard>
                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsPDFThumbnailEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsPDFThumbnailEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />
                    <controls:SettingsCard
                        x:Uid="FileExplorerPreview_ToggleSwitch_Thumbnail_GCODE"
                        HeaderIcon="{ui:FontIcon Glyph=&#xE914;}"
                        IsEnabled="{x:Bind ViewModel.IsGCODEThumbnailEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.GCODEThumbnailIsEnabled, Mode=TwoWay}" />
                    </controls:SettingsCard>
                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsGCODEThumbnailEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsGCODEThumbnailEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />


                    <controls:SettingsExpander
                        x:Uid="FileExplorerPreview_ToggleSwitch_Thumbnail_STL"
                        HeaderIcon="{ui:FontIcon Glyph=&#xE914;}"
                        IsEnabled="{x:Bind ViewModel.IsSTLThumbnailEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.STLThumbnailIsEnabled, Mode=TwoWay}" />
                        <controls:SettingsExpander.Items>
                            <controls:SettingsCard x:Uid="FileExplorerPreview_Color_Thumbnail_STL">
                                <custom:ColorPickerButton IsEnabled="{x:Bind ViewModel.STLThumbnailIsEnabled, Mode=OneWay}" SelectedColor="{x:Bind Path=ViewModel.STLThumbnailColor, Mode=TwoWay}" />
                            </controls:SettingsCard>
                        </controls:SettingsExpander.Items>
                    </controls:SettingsExpander>
                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsSTLThumbnailEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsSTLThumbnailEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />

                    <controls:SettingsCard
                        x:Uid="FileExplorerPreview_ToggleSwitch_Thumbnail_QOI"
                        HeaderIcon="{ui:FontIcon Glyph=&#xE914;}"
                        IsEnabled="{x:Bind ViewModel.IsQOIThumbnailEnabledGpoConfigured, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}">
                        <ToggleSwitch x:Uid="ToggleSwitch" IsOn="{x:Bind ViewModel.QOIThumbnailIsEnabled, Mode=TwoWay}" />
                    </controls:SettingsCard>
                    <InfoBar
                        x:Uid="GPO_IsSettingForced"
                        IsClosable="False"
                        IsOpen="{x:Bind ViewModel.IsQOIThumbnailEnabledGpoConfigured, Mode=OneWay}"
                        IsTabStop="{x:Bind ViewModel.IsQOIThumbnailEnabledGpoConfigured, Mode=OneWay}"
                        Severity="Informational" />
                </custom:SettingsGroup>
            </StackPanel>
        </custom:SettingsPageControl.ModuleContent>

        <custom:SettingsPageControl.PrimaryLinks>
            <custom:PageLink x:Uid="LearnMore_PowerPreview" Link="https://aka.ms/PowerToysOverview_FileExplorerAddOns" />
        </custom:SettingsPageControl.PrimaryLinks>
        <custom:SettingsPageControl.SecondaryLinks>
            <custom:PageLink Link="https://blog.aaron-junker.ch" Text="Aaron Junker's work on developer file preview" />
            <custom:PageLink Link="https://www.pedrolamas.com" Text="Pedro Lamas's work on G-Code, STL, and QOI" />
        </custom:SettingsPageControl.SecondaryLinks>
    </custom:SettingsPageControl>
</Page>