modernkeepass/Win10App/Views/UserControls/HamburgerMenuUserControl.xaml

<UserControl x:Name="UserControl"
    x:Class="ModernKeePass.Views.UserControls.HamburgerMenuUserControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:templateSelectors="using:ModernKeePass.TemplateSelectors"
    xmlns:interactivity="using:Microsoft.Xaml.Interactivity"
    xmlns:core="using:Microsoft.Xaml.Interactions.Core"
    xmlns:converters="using:ModernKeePass.Converters"
    mc:Ignorable="d">
    <UserControl.Resources>
        <converters:IconToSymbolConverter x:Key="IntToSymbolConverter"/>
    </UserControl.Resources>
    <ListView
        ItemsSource="{Binding ItemsSource, ElementName=UserControl}"
        SelectionChanged="Selector_OnSelectionChanged"
        SelectedItem="{Binding SelectedItem, ElementName=UserControl}"
        IsSwipeEnabled="false"
        IsSynchronizedWithCurrentItem="False"
        RequestedTheme="Dark"
        Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
        Foreground="{ThemeResource DefaultTextForegroundThemeBrush}"
        ItemContainerStyle="{StaticResource ListViewLeftIndicatorItemExpanded}">
        <ListView.Resources>
            <x:Double x:Key="HamburgerMenuSize">300</x:Double>
            <DataTemplate x:Name="IsSpecial">
                <StackPanel Orientation="Horizontal">
                    <SymbolIcon Symbol="{Binding IconId, Converter={StaticResource IntToSymbolConverter}, ConverterParameter=48}" Margin="7,15,0,15">
                        <ToolTipService.ToolTip>
                            <ToolTip Content="{Binding Path={Binding DisplayMemberPath, ElementName=UserControl}}" />
                        </ToolTipService.ToolTip>
                    </SymbolIcon>
                    <TextBlock Text="{Binding Path={Binding DisplayMemberPath, ElementName=UserControl}}" x:Name="GroupTextBlock" TextWrapping="NoWrap" VerticalAlignment="Center" Margin="30,0,20,0" FontStyle="Italic" />
                </StackPanel>
            </DataTemplate>
            <DataTemplate x:Name="IsNormal">
                <StackPanel Orientation="Horizontal">
                    <SymbolIcon Symbol="{Binding IconId, Converter={StaticResource IntToSymbolConverter}, ConverterParameter=48}" Margin="7,15,0,15">
                        <ToolTipService.ToolTip>
                            <ToolTip Content="{Binding Path={Binding DisplayMemberPath, ElementName=UserControl}}" />
                        </ToolTipService.ToolTip>
                    </SymbolIcon>
                    <TextBlock Text="{Binding Path={Binding DisplayMemberPath, ElementName=UserControl}}" x:Name="GroupTextBlock" TextWrapping="NoWrap" VerticalAlignment="Center" Margin="30,0,20,0" />
                </StackPanel>
            </DataTemplate>
        </ListView.Resources>
        <ListView.ItemTemplateSelector>
            <templateSelectors:SelectableDataTemplateSelector FalseItem="{StaticResource IsNormal}" TrueItem="{StaticResource IsSpecial}" />
        </ListView.ItemTemplateSelector>
        <ListView.HeaderTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <ToggleButton Style="{StaticResource HamburgerToggleButton}">
                        <ToolTipService.ToolTip>
                            <ToolTip Content="{Binding HeaderLabel, ElementName=UserControl}" />
                        </ToolTipService.ToolTip>
                        <interactivity:Interaction.Behaviors>
                            <core:EventTriggerBehavior EventName="Checked">
                                <core:ChangePropertyAction PropertyName="Width" Value="{StaticResource HamburgerMenuSize}" TargetObject="{Binding ResizeTarget, ElementName=UserControl}"/>
                            </core:EventTriggerBehavior>
                            <core:EventTriggerBehavior EventName="Unchecked">
                                <core:ChangePropertyAction PropertyName="Width" Value="{StaticResource MenuSize}" TargetObject="{Binding ResizeTarget, ElementName=UserControl}"/>
                            </core:EventTriggerBehavior>
                        </interactivity:Interaction.Behaviors>
                    </ToggleButton>
                    <TextBlock Text="{Binding HeaderLabel, ElementName=UserControl}" FontWeight="Bold" FontSize="18" TextWrapping="NoWrap" VerticalAlignment="Center" Margin="30,0,20,0" HorizontalAlignment="Center" />
                </StackPanel>
            </DataTemplate>
        </ListView.HeaderTemplate>
        <ListView.FooterTemplate>
            <DataTemplate>
                <StackPanel Orientation="Vertical">
                    <Border BorderBrush="White" BorderThickness="0,0,0,1" />
                    <Button Padding="0" Height="{StaticResource MenuSize}" Margin="0" Visibility="{Binding IsButtonVisible, ElementName=UserControl}" Style="{StaticResource NoBorderButtonStyle}" Background="Transparent" BorderThickness="0" Width="{StaticResource HamburgerMenuSize}" HorizontalContentAlignment="Left" Click="ButtonBase_OnClick">
                        <StackPanel Orientation="Horizontal" Margin="17,0,5,0">
                            <SymbolIcon Symbol="Add">
                                <ToolTipService.ToolTip>
                                    <ToolTip Content="{Binding ButtonLabel, ElementName=UserControl}" />
                                </ToolTipService.ToolTip>
                            </SymbolIcon>
                            <TextBlock Text="{Binding ButtonLabel, ElementName=UserControl}" FontWeight="SemiBold" TextWrapping="NoWrap" FontSize="16" VerticalAlignment="Center" Margin="30,0,20,0" />
                        </StackPanel>
                    </Button>
                    <Button Padding="0" Height="{StaticResource MenuSize}" Margin="0" Style="{StaticResource NoBorderButtonStyle}" Background="Transparent" BorderThickness="0" Width="{StaticResource HamburgerMenuSize}" HorizontalContentAlignment="Left">
                        <StackPanel Orientation="Horizontal" Margin="17,0,5,0">
                            <SymbolIcon Symbol="Home">
                                <ToolTipService.ToolTip>
                                    <ToolTip x:Uid="HamburgerMenuHomeTooltip" />
                                </ToolTipService.ToolTip>
                            </SymbolIcon>
                            <TextBlock x:Uid="HamburgerMenuHomeLabel" FontWeight="SemiBold" TextWrapping="NoWrap" FontSize="16" VerticalAlignment="Center" Margin="30,0,20,0" />
                        </StackPanel>
                        <interactivity:Interaction.Behaviors>
                            <core:EventTriggerBehavior EventName="Click">
                                <core:NavigateToPageAction TargetPage="ModernKeePass.Views.MainPage10" />
                            </core:EventTriggerBehavior>
                        </interactivity:Interaction.Behaviors>
                    </Button>
                    <Button Padding="0" Height="{StaticResource MenuSize}" Margin="0" Style="{StaticResource NoBorderButtonStyle}" Background="Transparent" BorderThickness="0" Width="{StaticResource HamburgerMenuSize}" HorizontalContentAlignment="Left">
                        <StackPanel Orientation="Horizontal" Margin="17,0,5,0">
                            <SymbolIcon Symbol="Setting">
                                <ToolTipService.ToolTip>
                                    <ToolTip x:Uid="HamburgerMenuSettingsTooltip" />
                                </ToolTipService.ToolTip>
                            </SymbolIcon>
                            <TextBlock x:Uid="HamburgerMenuSettingsLabel" FontWeight="SemiBold" TextWrapping="NoWrap" FontSize="16" VerticalAlignment="Center" Margin="30,0,20,0" />
                        </StackPanel>
                        <interactivity:Interaction.Behaviors>
                            <core:EventTriggerBehavior EventName="Click">
                                <core:NavigateToPageAction TargetPage="ModernKeePass.Views.SettingsPage" />
                            </core:EventTriggerBehavior>
                        </interactivity:Interaction.Behaviors>
                    </Button>
                </StackPanel>
            </DataTemplate>
        </ListView.FooterTemplate>
    </ListView>
</UserControl>