ELK/Furnace/FurnaceUI/Views/Parameter/BackUpCompareView.xaml

<UserControl
    x:Class="FurnaceUI.Views.Parameter.BackUpCompareView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:cal="http://www.caliburn.org"
    xmlns:converter1="clr-namespace:Aitex.Core.UI.Converters;assembly=MECF.Framework.UI.Core"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
    xmlns:local="clr-namespace:FurnaceUI.Views.Parameter"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:systemConfig="clr-namespace:MECF.Framework.UI.Client.CenterViews.Configs.SystemConfig;assembly=MECF.Framework.UI.Client"
    xmlns:usercontrols="clr-namespace:MECF.Framework.UI.Client.ClientBase.UserControls;assembly=MECF.Framework.UI.Client"
    d:DesignHeight="700"
    d:DesignWidth="1000"
    mc:Ignorable="d">
    <UserControl.Resources>
        <Style BasedOn="{StaticResource ExOnlyVerticalScrollBar}" TargetType="ScrollBar"/>
        <converter1:Bool2CollapsedReverseConverter x:Key="Bool2CollapsedReverseConverter"/>
        <HierarchicalDataTemplate
            x:Key="ConfigNodeTemplate"
            DataType="{x:Type systemConfig:ConfigNode}"
            ItemsSource="{Binding SubNodes}">
            <TextBlock
                Margin="0,5,0,5"
                VerticalAlignment="Center"
                FontSize="18"
                Text="{Binding Display}"/>
        </HierarchicalDataTemplate>
        <converter1:BoolToBoolReverseConverter x:Key="BoolToBoolReverseConverter"/>
    </UserControl.Resources>
    <Grid IsEnabled="{Binding BusyIndicatorVisibility, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource BoolToBoolReverseConverter}}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="280"/>
            <ColumnDefinition Width="948"/>
        </Grid.ColumnDefinitions>
        <TreeView
            x:Name="PART_TREE"
            Height="700"
            ItemTemplate="{StaticResource ConfigNodeTemplate}"
            ItemsSource="{Binding ConfigNodes}"
            VirtualizingPanel.IsVirtualizing="True"
            VirtualizingPanel.VirtualizationMode="Recycling">
            <!--  Height should add for VirtualizingPanel, otherwise the App will be slow  -->
            <TreeView.ItemContainerStyle>
                <Style BasedOn="{StaticResource ResourceKey={x:Type TreeViewItem}}" TargetType="{x:Type TreeViewItem}">
                    <Setter Property="IsExpanded" Value="{Binding IsExpanded}"/>
                </Style>
            </TreeView.ItemContainerStyle>
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="SelectedItemChanged">
                    <i:InvokeCommandAction Command="{Binding TreeViewSelectedItemChangedCmd}" CommandParameter="{Binding Path=SelectedItem, ElementName=PART_TREE}"/>
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </TreeView>
        <Grid Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="45"/>
                <RowDefinition/>
            </Grid.RowDefinitions>

            <Border>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <StackPanel Margin="3,0,0,0" Orientation="Horizontal">
                        <Button
                            Width="150"
                            Height="40"
                            Content="Show All Item"
                            FontFamily="Arial"
                            FontSize="16"
                            Foreground="{DynamicResource FG_Black}"
                            Visibility="{Binding IsShowAll, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource Bool2CollapsedReverseConverter}}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="IsShowAllItemClick">
                                        <cal:Parameter Value="true"/>
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button
                            Width="auto"
                            Height="40"
                            Content="Only the display is different"
                            FontFamily="Arial"
                            FontSize="16"
                            Foreground="{DynamicResource FG_Black}"
                            Visibility="{Binding IsShowAll, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource bool2VisibilityConverter}}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="IsShowAllItemClick">
                                        <cal:Parameter Value="false"/>
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>

                    </StackPanel>
                    <StackPanel Grid.Column="1" Orientation="Horizontal">
                        <Border
                            Grid.Column="1"
                            Margin="18,0,0,0"
                            Padding="5,1,0,1"
                            Background="{DynamicResource Table_BG_Title}"
                            BorderBrush="{DynamicResource Table_BD}"
                            BorderThickness="1,1,1,1">
                            <TextBlock
                                VerticalAlignment="Center"
                                FontSize="13"
                                Foreground="{DynamicResource FG_Black}"
                                Text="Time："
                                TextWrapping="Wrap"/>
                        </Border>
                        <Border
                            Grid.Column="2"
                            Margin="0,0,4,0"
                            Padding="5,1"
                            Background="{DynamicResource Table_BG_Content}"
                            BorderBrush="{DynamicResource Table_BD}"
                            BorderThickness="0,1,1,1">
                            <TextBlock
                                HorizontalAlignment="Left"
                                VerticalAlignment="Center"
                                FontSize="13"
                                Foreground="{DynamicResource FG_Black}"
                                Text="{Binding SelectItemNames[1]}"
                                TextWrapping="Wrap"
                                ToolTip="{Binding SelectItemNames[1]}"/>
                        </Border>
                    </StackPanel>
                    <StackPanel Grid.Column="2" Orientation="Horizontal">
                        <Border
                            Grid.Column="1"
                            Margin="18,0,0,0"
                            Padding="5,1,0,1"
                            Background="{DynamicResource Table_BG_Title}"
                            BorderBrush="{DynamicResource Table_BD}"
                            BorderThickness="1,1,1,1">
                            <TextBlock
                                VerticalAlignment="Center"
                                FontSize="13"
                                Foreground="{DynamicResource FG_Black}"
                                Text="Time："
                                TextWrapping="Wrap"/>
                        </Border>
                        <Border
                            Grid.Column="2"
                            Margin="0,0,4,0"
                            Padding="5,1"
                            Background="{DynamicResource Table_BG_Content}"
                            BorderBrush="{DynamicResource Table_BD}"
                            BorderThickness="0,1,1,1">
                            <TextBlock
                                HorizontalAlignment="Left"
                                VerticalAlignment="Center"
                                FontSize="13"
                                Foreground="{DynamicResource FG_Black}"
                                Text="{Binding SelectItemNames[0]}"
                                TextWrapping="Wrap"
                                ToolTip="{Binding SelectItemNames[0]}"/>
                        </Border>
                    </StackPanel>
                </Grid>


            </Border>

            <DataGrid
                Name="dataGrid"
                Grid.Row="1"
                Height="600"
                Margin="3,0,25,0"
                AutoGenerateColumns="False"
                CanUserAddRows="False"
                CanUserReorderColumns="False"
                CanUserSortColumns="False"
                FontSize="19"
                IsReadOnly="True"
                ItemsSource="{Binding HistoryTableDatas, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
                ScrollViewer.CanContentScroll="True"
                ScrollViewer.HorizontalScrollBarVisibility="Auto"
                ScrollViewer.VerticalScrollBarVisibility="Auto"
                SelectionMode="Single"
                SelectionUnit="FullRow"
                VirtualizingStackPanel.ScrollUnit="Pixel"
                Visibility="{Binding GridHistoryVisibility}">
                <DataGrid.Columns>

                    <DataGridTemplateColumn Width="390" IsReadOnly="True">
                        <DataGridTemplateColumn.Header>
                            <TextBlock
                                HorizontalAlignment="Center"
                                FontWeight="Bold"
                                Text="Item Name"/>
                        </DataGridTemplateColumn.Header>
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Label
                                    Height="45"
                                    HorizontalAlignment="Left"
                                    VerticalAlignment="Top">
                                    <TextBlock
                                        Margin="5,0,5,0"
                                        VerticalAlignment="Center"
                                        Text="{Binding Name}"
                                        TextWrapping="Wrap"/>
                                </Label>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTemplateColumn Width="240" IsReadOnly="True">
                        <DataGridTemplateColumn.Header>
                            <TextBlock
                                HorizontalAlignment="Center"
                                FontWeight="Bold"
                                Text="Item Value"/>
                        </DataGridTemplateColumn.Header>
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Label
                                    Width="auto"
                                    Height="45"
                                    VerticalContentAlignment="Center"
                                    Content="{Binding ValueStr}"/>

                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTemplateColumn Width="240" IsReadOnly="True">
                        <DataGridTemplateColumn.Header>
                            <TextBlock
                                HorizontalAlignment="Center"
                                FontWeight="Bold"
                                Text="Item Value"/>
                        </DataGridTemplateColumn.Header>
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>

                                <Label
                                    Width="auto"
                                    Height="45"
                                    VerticalContentAlignment="Center"
                                    Content="{Binding CompareValueStr}"/>

                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                </DataGrid.Columns>
                <DataGrid.RowStyle>
                    <Style TargetType="DataGridRow">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding IsDifference}" Value="true">
                                <Setter Property="Background" Value="Yellow"/>
                            </DataTrigger>
                            <DataTrigger Binding="{Binding IsHidden}" Value="True">
                                <Setter Property="Visibility" Value="Collapsed"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>

                </DataGrid.RowStyle>
            </DataGrid>

        </Grid>

        <usercontrols:BusyIndicator
            Grid.RowSpan="2"
            Grid.ColumnSpan="2"
            Width="Auto"
            Height="Auto"
            Padding="20,10"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            HorizontalContentAlignment="Center"
            VerticalContentAlignment="Center"
            Panel.ZIndex="13"
            Background="{StaticResource Tab_BG}"
            BorderBrush="Gray"
            BorderThickness="3"
            Message="{Binding BusyIndicatorContent}"
            Visibility="{Binding BusyIndicatorVisibility, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource bool2VisibilityConverter}}"/>

    </Grid>
</UserControl>