Calendar settings on settings page.

Wino.Mail.WinUI/Views/SettingOptionsPage.xaml

@@ -3,6 +3,7 @@
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:abstract="using:Wino.Views.Abstract"
+    xmlns:collections="using:CommunityToolkit.Mvvm.Collections"
     xmlns:controls="using:CommunityToolkit.WinUI.Controls"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:domain="using:Wino.Core.Domain"
@@ -14,7 +15,47 @@
     Title="{x:Bind domain:Translator.SettingsOptions_Title}"
     mc:Ignorable="d">
 
-    <ScrollViewer VerticalScrollBarVisibility="Hidden">
+    <Page.Resources>
+        <CollectionViewSource
+            x:Name="GroupedSettingsSource"
+            IsSourceGrouped="True"
+            Source="{x:Bind ViewModel.SettingOptions, Mode=OneWay}" />
+    </Page.Resources>
+
+    <ListView
+        HorizontalAlignment="Stretch"
+        ItemsSource="{x:Bind GroupedSettingsSource.View, Mode=OneWay}"
+        SelectionMode="None">
+        <ListView.ItemTemplate>
+            <DataTemplate x:DataType="settings:SettingOption">
+                <controls:SettingsCard
+                    Margin="0,2"
+                    Click="SettingOptionClicked"
+                    CommandParameter="{x:Bind NavigationPage}"
+                    Description="{x:Bind Description}"
+                    Header="{x:Bind Title}"
+                    IsClickEnabled="True">
+                    <controls:SettingsCard.HeaderIcon>
+                        <PathIcon Data="{x:Bind PathIcon}" />
+                    </controls:SettingsCard.HeaderIcon>
+                </controls:SettingsCard>
+            </DataTemplate>
+        </ListView.ItemTemplate>
+        <ListView.GroupStyle>
+            <GroupStyle>
+                <GroupStyle.HeaderTemplate>
+                    <DataTemplate x:DataType="collections:IReadOnlyObservableGroup">
+                        <TextBlock
+                            FontSize="14"
+                            FontWeight="SemiBold"
+                            Text="{x:Bind Key.ToString()}" />
+                    </DataTemplate>
+                </GroupStyle.HeaderTemplate>
+            </GroupStyle>
+        </ListView.GroupStyle>
+    </ListView>
+
+    <!--<ScrollViewer VerticalScrollBarVisibility="Hidden">
         <ItemsControl ItemsSource="{x:Bind ViewModel.SettingOptions, Mode=OneWay}">
             <ItemsControl.ItemTemplate>
                 <DataTemplate x:DataType="settings:SettingOption">
@@ -33,5 +74,5 @@
             </ItemsControl.ItemTemplate>
         </ItemsControl>
 
-    </ScrollViewer>
+    </ScrollViewer>-->
 </abstract:SettingOptionsPageAbstract>