ApolloNewWorld/FurnaceNewWorld/UIModules/RecipeModule/Views/RRecipeCompare.xaml

<UserControl x:Class="RecipeModule.Views.RRecipeCompare"
             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:local="clr-namespace:RecipeModule.Views"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary >
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/UICommon;component/Resources.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Margin="8">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="12"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="12"/>
            <RowDefinition/>
        </Grid.RowDefinitions>

        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="auto" MinWidth="300"/>
                <ColumnDefinition Width="8"/>
                <ColumnDefinition Width="auto" MinWidth="300"/>
                <ColumnDefinition Width="8"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Border Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="16,12">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition />
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>
                    <RadioButton GroupName="Step" VerticalAlignment="Center" Style="{StaticResource RadioButtonStyle}">Show Differing Steps</RadioButton>
                    <RadioButton GroupName="Step" Grid.Column="2" VerticalAlignment="Center" Style="{StaticResource RadioButtonStyle}">Show All Steps</RadioButton>
                </Grid>
            </Border>

            <Border Grid.Column="2" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="16,12">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition MinWidth="16"/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>
                    <RadioButton GroupName="Para" VerticalAlignment="Center" Style="{StaticResource RadioButtonStyle}">Show Differing Parameters</RadioButton>
                    <RadioButton GroupName="Para" Grid.Column="2" VerticalAlignment="Center" Style="{StaticResource RadioButtonStyle}">Show All Parameters</RadioButton>
                </Grid>
            </Border>

            <Border Grid.Column="4" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="16,12">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition Width="16"/>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>
                    <Border Background="{StaticResource EmergencyColor}" Width="64"></Border>
                    <TextBlock Grid.Column="2" VerticalAlignment="Center">Difference</TextBlock>

                    <Border Grid.Column="4" Background="{StaticResource WarningColor}" Width="64"></Border>
                    <TextBlock Grid.Column="6" VerticalAlignment="Center">Omit / Skip</TextBlock>
                </Grid>
            </Border>

        </Grid>

        <Grid Grid.Row="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="auto"/>
                <ColumnDefinition/>
                <ColumnDefinition Width="auto"/>
                <ColumnDefinition Width="48"/>
                <ColumnDefinition Width="auto"/>
            </Grid.ColumnDefinitions>

            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="8"/>
                    <ColumnDefinition Width="120"/>
                    <ColumnDefinition Width="8"/>
                    <ColumnDefinition Width="80"/>
                </Grid.ColumnDefinitions>
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Recipe Type</TextBlock>
                <ComboBox Grid.Column="2" VerticalAlignment="Center">
                    <ComboBoxItem>Process</ComboBoxItem>
                    <ComboBoxItem>Sub</ComboBoxItem>
                    <ComboBoxItem>Alarm</ComboBoxItem>
                    <ComboBoxItem>Abort</ComboBoxItem>
                    <ComboBoxItem>Idel</ComboBoxItem>
                    <ComboBoxItem>Reset</ComboBoxItem>
                </ComboBox>
                <Button Grid.Column="4" Style="{StaticResource FunctionButton}">Table</Button>
            </Grid>

            <Grid Grid.Column="2">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="8"/>
                    <ColumnDefinition MinWidth="120"/>
                    <ColumnDefinition Width="8"/>
                    <ColumnDefinition Width="80"/>
                    <ColumnDefinition Width="8"/>
                    <ColumnDefinition Width="80"/>
                </Grid.ColumnDefinitions>
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Recipe Name</TextBlock>
                <Border Grid.Column="2" Background="White" CornerRadius="4">
                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Margin="8,0">AAA</TextBlock>
                </Border>
                <Button Grid.Column="4" Style="{StaticResource FunctionButton}">Select</Button>
                <Button Grid.Column="6" Style="{StaticResource FunctionButton}">Remove</Button>
            </Grid>

            <Grid Grid.Column="4">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="8"/>
                    <ColumnDefinition MinWidth="120"/>
                    <ColumnDefinition Width="8"/>
                    <ColumnDefinition Width="80"/>
                    <ColumnDefinition Width="8"/>
                    <ColumnDefinition Width="80"/>
                </Grid.ColumnDefinitions>
                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Recipe Name</TextBlock>
                <Border Grid.Column="2" Background="White" CornerRadius="4">
                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Margin="8,0">AAA</TextBlock>
                </Border>
                <Button Grid.Column="4" Style="{StaticResource FunctionButton}">Select</Button>
                <Button Grid.Column="6" Style="{StaticResource FunctionButton}">Remove</Button>
            </Grid>
        </Grid>

        <Border Grid.Row="4" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
            <Grid Margin="8">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="420"/>
                    <ColumnDefinition Width="16"/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="8"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <TextBlock Margin="4" >Step:</TextBlock>

                <DataGrid Grid.Row="2" Style="{StaticResource ThemeDataGrid}">
                    <DataGrid.Columns>
                        <DataGridTextColumn Header="No" Width="64"/>

                        <DataGridTemplateColumn Header="Base File Step" Width="*">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <Border>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Left" Margin="4"></TextBlock>
                                    </Border>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>
                        <DataGridTextColumn Header="No" Width="64"/>

                        <DataGridTemplateColumn  Header="Compare File Step" Width="*">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <Border>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Left" Margin="4"></TextBlock>
                                    </Border>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>
                    </DataGrid.Columns>
                </DataGrid>

                <StackPanel Grid.Column="2" Orientation="Horizontal">
                    <TextBlock Margin="4" >Step Parameter:</TextBlock>
                    <TextBlock Background="White" MinWidth="120" Margin="4,2"></TextBlock>
                    <TextBlock Margin="4" >Base Value:</TextBlock>
                    <TextBlock Background="White" MinWidth="120" Margin="4,2"></TextBlock>
                    <TextBlock Margin="4" >Compared Value:</TextBlock>
                    <TextBlock Background="White" MinWidth="120" Margin="4,2"></TextBlock>
                </StackPanel>

                <DataGrid Grid.Column="2" Grid.Row="2" Style="{StaticResource ThemeDataGrid}">
                    <DataGrid.Columns>
                        <DataGridTemplateColumn Header="Parameter Item" Width="140">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <Border>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Left" Margin="4"></TextBlock>
                                    </Border>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>

                        <DataGridTemplateColumn Header="Base File" Width="*">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <Border>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Left" Margin="4"></TextBlock>
                                    </Border>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>

                        <DataGridTemplateColumn  Header="Compare File" Width="*">
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <Border>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Left" Margin="4"></TextBlock>
                                    </Border>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>
                    </DataGrid.Columns>
                </DataGrid>
            </Grid>
        </Border>
    </Grid>
</UserControl>