PowerToys/src/settings-ui/Settings.UI.Controls/ModuleList/ModuleList.xaml

<UserControl
    x:Class="Microsoft.PowerToys.Settings.UI.Controls.ModuleList"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:Microsoft.PowerToys.Settings.UI.Controls"
    xmlns:converters="using:Microsoft.PowerToys.Settings.UI.Controls.Converters"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:tk="using:CommunityToolkit.WinUI"
    xmlns:tkcontrols="using:CommunityToolkit.WinUI.Controls"
    xmlns:tkconverters="using:CommunityToolkit.WinUI.Converters"
    mc:Ignorable="d">

    <UserControl.Resources>
        <converters:ModuleListSortOptionToBooleanConverter x:Key="ModuleListSortOptionToBooleanConverter" />
        <x:Double x:Key="SettingsCardWrapThreshold">0</x:Double>
        <tkconverters:BoolToVisibilityConverter
            x:Key="BoolToVisibilityConverter"
            FalseValue="Collapsed"
            TrueValue="Visible" />
        <tkconverters:BoolToVisibilityConverter
            x:Key="ReverseBoolToVisibilityConverter"
            FalseValue="Visible"
            TrueValue="Collapsed" />
        <tkconverters:BoolNegationConverter x:Key="BoolNegationConverter" />
    </UserControl.Resources>

    <controls:Card
        x:Name="ModulesCard"
        Title="{x:Bind Title, Mode=OneWay}"
        MinWidth="400"
        Padding="0"
        VerticalAlignment="Top"
        DividerVisibility="Collapsed">
        <controls:Card.TitleContent>
            <Button
                x:Uid="Dashboard_SortBy"
                Margin="0,0,4,0"
                VerticalAlignment="Center"
                Style="{StaticResource SubtleButtonStyle}">
                <ToolTipService.ToolTip>
                    <TextBlock x:Uid="Dashboard_SortBy_ToolTip" />
                </ToolTipService.ToolTip>
                <Button.Content>
                    <FontIcon FontSize="16" Glyph="&#xE8CB;" />
                </Button.Content>
                <Button.Flyout>
                    <MenuFlyout>
                        <ToggleMenuFlyoutItem
                            x:Uid="Dashboard_SortAlphabetical"
                            Click="SortAlphabetical_Click"
                            IsChecked="{x:Bind SortOption, Mode=OneWay, Converter={StaticResource ModuleListSortOptionToBooleanConverter}, ConverterParameter=Alphabetical}" />
                        <ToggleMenuFlyoutItem
                            x:Uid="Dashboard_SortByStatus"
                            Click="SortByStatus_Click"
                            IsChecked="{x:Bind SortOption, Mode=OneWay, Converter={StaticResource ModuleListSortOptionToBooleanConverter}, ConverterParameter=ByStatus}" />
                    </MenuFlyout>
                </Button.Flyout>
            </Button>
        </controls:Card.TitleContent>

        <ItemsRepeater
            x:Name="DashboardView"
            Grid.Row="1"
            ItemsSource="{x:Bind ItemsSource, Mode=OneWay}">
            <ItemsRepeater.Layout>
                <StackLayout Orientation="Vertical" Spacing="0" />
            </ItemsRepeater.Layout>
            <ItemsRepeater.ItemTemplate>
                <DataTemplate x:DataType="controls:ModuleListItem">
                    <tkcontrols:SettingsCard
                        MinHeight="0"
                        Padding="12,4,12,4"
                        tk:FrameworkElementExtensions.AncestorType="controls:ModuleList"
                        Background="Transparent"
                        BorderBrush="{ThemeResource DividerStrokeColorDefaultBrush}"
                        BorderThickness="0,1,0,0"
                        Click="OnSettingsCardClick"
                        CornerRadius="0"
                        IsClickEnabled="{Binding (tk:FrameworkElementExtensions.Ancestor).IsItemClickable, RelativeSource={RelativeSource Self}}">
                        <tkcontrols:SettingsCard.Header>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="{x:Bind Label, Mode=OneWay}" />
                                <!--  InfoBadge  -->
                                <InfoBadge
                                    x:Name="NewInfoBadge"
                                    Margin="4,0,0,0"
                                    Style="{StaticResource AttentionDotInfoBadgeStyle}"
                                    Visibility="{x:Bind IsNew, Mode=OneWay, Converter={StaticResource BoolToVisibilityConverter}}" />
                                <FontIcon
                                    Width="20"
                                    Margin="4,0,0,0"
                                    FontSize="16"
                                    Glyph="&#xE72E;"
                                    Visibility="{x:Bind IsLocked, Converter={StaticResource ReverseBoolToVisibilityConverter}, ConverterParameter=True}">
                                    <ToolTipService.ToolTip>
                                        <TextBlock Text="This setting is managed by your organization" TextWrapping="WrapWholeWords" />
                                    </ToolTipService.ToolTip>
                                </FontIcon>
                            </StackPanel>
                        </tkcontrols:SettingsCard.Header>

                        <tkcontrols:SettingsCard.HeaderIcon>
                            <ImageIcon>
                                <ImageIcon.Source>
                                    <BitmapImage UriSource="{x:Bind Icon, Mode=OneWay}" />
                                </ImageIcon.Source>
                            </ImageIcon>
                        </tkcontrols:SettingsCard.HeaderIcon>

                        <ToggleSwitch
                            HorizontalAlignment="Right"
                            AutomationProperties.Name="{x:Bind Label, Mode=OneWay}"
                            IsEnabled="{x:Bind IsLocked, Converter={StaticResource BoolNegationConverter}, ConverterParameter=True, Mode=OneWay}"
                            IsOn="{x:Bind IsEnabled, Mode=TwoWay}"
                            OffContent=""
                            OnContent="" />
                    </tkcontrols:SettingsCard>
                </DataTemplate>
            </ItemsRepeater.ItemTemplate>
        </ItemsRepeater>
    </controls:Card>
</UserControl>