Added the option to hide columns in the details layout (#2622)

Author: yaira2

Files/View Models/SettingsViewModel.cs

@@ -296,6 +296,24 @@ public bool ShowDrivesWidget
             set => Set(value);
         }
 
+        public bool ShowDateColumn
+        {
+            get => Get(true);
+            set => Set(value);
+        } 
+
+        public bool ShowTypeColumn
+        {
+            get => Get(true);
+            set => Set(value);
+        }
+        
+        public bool ShowSizeColumn
+        {
+            get => Get(true);
+            set => Set(value);
+        }
+
         // Any distinguishable path here is fine
         // Currently is the command to open the folder from cmd ("cmd /c start Shell:RecycleBinFolder")
         public string RecycleBinPath { get; set; } = @"Shell:RecycleBinFolder";

Files/Views/LayoutModes/GenericFileBrowser.xaml

@@ -27,9 +27,9 @@
 
             <converters:BoolNegationConverter x:Key="BoolNegationConverter" />
             <converters:BoolToVisibilityConverter
-            x:Key="BoolToVisibilityConverter"
-            FalseValue="Collapsed"
-            TrueValue="Visible" />
+                x:Key="BoolToVisibilityConverter"
+                FalseValue="Collapsed"
+                TrueValue="Visible" />
 
             <MenuFlyout
                 x:Key="BaseLayoutContextFlyout"
@@ -703,22 +703,18 @@
                     <Setter Property="ContextFlyout">
                         <Setter.Value>
                             <MenuFlyout x:Name="HeaderRightClickMenu">
-                                <MenuFlyoutItem
-                                    x:Name="EditColumn"
-                                    IsEnabled="False"
-                                    Text="Edit Columns">
-                                    <MenuFlyoutItem.Icon>
-                                        <FontIcon Glyph="&#xE70F;" />
-                                    </MenuFlyoutItem.Icon>
-                                </MenuFlyoutItem>
-                                <MenuFlyoutItem
-                                    x:Name="FitColumns"
-                                    IsEnabled="False"
-                                    Text="Size All Columns to Fit">
-                                    <MenuFlyoutItem.Icon>
-                                        <FontIcon Glyph="&#xE9A6;" />
-                                    </MenuFlyoutItem.Icon>
-                                </MenuFlyoutItem>
+                                <ToggleMenuFlyoutItem
+                                    x:Uid="BaseLayoutContextFlyoutSortByDate"
+                                    IsChecked="{x:Bind AppSettings.ShowDateColumn, Mode=TwoWay}"
+                                    Text="Date" />
+                                <ToggleMenuFlyoutItem
+                                    x:Uid="BaseLayoutContextFlyoutSortByType"
+                                    IsChecked="{x:Bind AppSettings.ShowTypeColumn, Mode=TwoWay}"
+                                    Text="Type" />
+                                <ToggleMenuFlyoutItem
+                                    x:Uid="BaseLayoutContextFlyoutSortBySize"
+                                    IsChecked="{x:Bind AppSettings.ShowSizeColumn, Mode=TwoWay}"
+                                    Text="Size" />
                             </MenuFlyout>
                         </Setter.Value>
                     </Setter>
@@ -870,7 +866,8 @@
                     FontSize="12"
                     Header="Date modified"
                     IsReadOnly="True"
-                    Tag="Date">
+                    Tag="Date"
+                    Visibility="{x:Bind AppSettings.ShowDateColumn, Mode=OneWay}">
                     <controls:DataGridTextColumn.CellStyle>
                         <Style TargetType="controls:DataGridCell">
                             <Setter Property="Opacity" Value="0.6" />
@@ -889,7 +886,8 @@
                     FontSize="12"
                     Header="Type"
                     IsReadOnly="True"
-                    Tag="Type">
+                    Tag="Type"
+                    Visibility="{x:Bind AppSettings.ShowTypeColumn, Mode=OneWay}">
                     <controls:DataGridTextColumn.CellStyle>
                         <Style TargetType="controls:DataGridCell">
                             <Setter Property="Opacity" Value="0.6" />
@@ -909,7 +907,8 @@
                     FontSize="12"
                     Header="Size"
                     IsReadOnly="True"
-                    Tag="Size">
+                    Tag="Size"
+                    Visibility="{x:Bind AppSettings.ShowSizeColumn, Mode=OneWay}">
                     <controls:DataGridTextColumn.CellStyle>
                         <Style TargetType="controls:DataGridCell">
                             <Setter Property="Opacity" Value="0.6" />