BililiveRecorder/BililiveRecorder.WPF/Pages/RoomListPage.xaml

<ui:Page 
    x:Class="BililiveRecorder.WPF.Pages.RoomListPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:ui="http://schemas.modernwpf.com/2019"
    xmlns:l="https://github.com/XAMLMarkupExtensions/WPFLocalizationExtension"
    l:LocalizeDictionary.DesignCulture=""
    l:ResxLocalizationProvider.DefaultAssembly="BililiveRecorder.WPF"
    l:ResxLocalizationProvider.DefaultDictionary="Strings"
    xmlns:local="clr-namespace:BililiveRecorder.WPF.Pages"
    xmlns:mock="clr-namespace:BililiveRecorder.WPF.MockData"
    xmlns:c="clr-namespace:BililiveRecorder.WPF.Controls"
    xmlns:converters="clr-namespace:BililiveRecorder.WPF.Converters"
    mc:Ignorable="d" 
    d:DesignHeight="1000" d:DesignWidth="960"
    d:DataContext="{d:DesignInstance mock:MockRecorder,IsDesignTimeCreatable=True}"
    DataContext="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:RootPage},Path=DataContext.Recorder,Mode=OneWay}"
    >
    <ui:Page.Resources>
        <DataTemplate x:Key="NormalRoomCardTemplate">
            <ui:ThemeShadowChrome IsShadowEnabled="True" Depth="10">
                <c:RoomCard DeleteRequested="RoomCard_DeleteRequested" ShowSettingsRequested="RoomCard_ShowSettingsRequested" />
            </ui:ThemeShadowChrome>
        </DataTemplate>
        <DataTemplate x:Key="AddRoomCardTemplate">
            <ui:ThemeShadowChrome IsShadowEnabled="True" Depth="10">
                <c:AddRoomCard AddRoomRequested="AddRoomCard_AddRoomRequested"/>
            </ui:ThemeShadowChrome>
        </DataTemplate>
        <converters:NullValueTemplateSelector
            x:Key="SelectorTemplate"                                               
            Normal="{StaticResource NormalRoomCardTemplate}"
            Null="{StaticResource AddRoomCardTemplate}"/>
        <ui:UniformGridLayout
            x:Key="UniformGridLayout"
            MinItemWidth="220"
            MinItemHeight="100"
            ItemsStretch="None"
            MinRowSpacing="7"
            MinColumnSpacing="5" />
    </ui:Page.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition x:Name="RoomListRowDefinition" Height="*"/>
            <RowDefinition Height="3"/>
            <RowDefinition x:Name="LogRowDefinition" Height="0"/>
        </Grid.RowDefinitions>
        <StackPanel>
            <Menu>
                <Separator/>
                <MenuItem Header="{l:Loc RoomListPage_Menu_File}">
                    <MenuItem Header="{l:Loc RoomListPage_Menu_File_OpenWorkDirectory}" Click="MenuItem_OpenWorkDirectory_Click"/>
                </MenuItem>
                <MenuItem Header="{l:Loc RoomListPage_Menu_AutoRecord}">
                    <MenuItem Header="{l:Loc RoomListPage_Menu_AutoRecord_EnableAll}" Click="MenuItem_EnableAutoRecAll_Click"/>
                    <MenuItem Header="{l:Loc RoomListPage_Menu_AutoRecord_DisableAll}" Click="MenuItem_DisableAutoRecAll_Click"/>
                </MenuItem>
                <MenuItem Header="{l:Loc RoomListPage_Menu_Sort}">
                    <MenuItem Header="{l:Loc RoomListPage_Menu_Sort_Default}" Tag="{x:Static local:SortedBy.None}" Click="MenuItem_SortBy_Click"/>
                    <MenuItem Header="{l:Loc RoomListPage_Menu_Sort_RoomId}" Tag="{x:Static local:SortedBy.RoomId}" Click="MenuItem_SortBy_Click"/>
                    <MenuItem Header="{l:Loc RoomListPage_Menu_Sort_Status}" Tag="{x:Static local:SortedBy.Status}" Click="MenuItem_SortBy_Click"/>
                </MenuItem>
                <MenuItem Header="{l:Loc RoomListPage_Menu_Log}">
                    <MenuItem Header="{l:Loc RoomListPage_Menu_Log_Show}" Click="MenuItem_ShowLog_Click"/>
                    <MenuItem Header="{l:Loc RoomListPage_Menu_Log_Hide}" Click="MenuItem_HideLog_Click"/>
                </MenuItem>
            </Menu>
            <Separator/>
        </StackPanel>
        <ui:ItemsRepeaterScrollHost Grid.Row="1">
            <ScrollViewer>
                <ui:ItemsRepeater
                HorizontalAlignment="Stretch" Margin="8"
                Layout="{StaticResource UniformGridLayout}"
                ItemsSource="{Binding SortedRoomList, RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=ui:Page}}"
                ItemTemplate="{StaticResource SelectorTemplate}" />
            </ScrollViewer>
        </ui:ItemsRepeaterScrollHost>
        <GridSplitter Grid.Row="2" x:Name="Splitter" ResizeDirection="Rows"  Visibility="Collapsed"
                      HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ShowsPreview="True"/>
        <ui:ThemeShadowChrome Grid.Row="3" x:Name="LogElement" IsShadowEnabled="True" Depth="10" Margin="5" Visibility="Collapsed"
                              DataContext="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:RootPage},Path=DataContext.Logs,Mode=OneWay}">
            <Border Background="{DynamicResource SystemControlBackgroundAltHighBrush}"
                    BorderBrush="{DynamicResource SystemControlBackgroundAccentBrush}"
                    BorderThickness="1" CornerRadius="5">
                <ItemsControl ItemsSource="{Binding Mode=OneWay}" Margin="5" ToolTip="{l:Loc LogPage_RightClickCopyToolTip}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Border BorderThickness="0,0,0,1" BorderBrush="#FFCCCCCC">
                                <TextBlock Text="{Binding Mode=OneWay}" TextWrapping="Wrap" MouseRightButtonUp="TextBlock_Copy_MouseRightButtonUp"/>
                            </Border>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                    <ItemsControl.Template>
                        <ControlTemplate>
                            <ScrollViewer Loaded="Log_ScrollViewer_Loaded" CanContentScroll="True">
                                <ItemsPresenter/>
                            </ScrollViewer>
                        </ControlTemplate>
                    </ItemsControl.Template>
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <VirtualizingStackPanel IsItemsHost="True"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                </ItemsControl>
            </Border>
        </ui:ThemeShadowChrome>
    </Grid>
</ui:Page>