ApolloNewWorld/FurnaceNewWorld/UIModules/RecipeModule/Dialogs/Views/RecipeEdit.xaml

<UserControl x:Class="RecipeModule.Dialogs.Views.RecipeEdit"
             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.Dialogs.Views"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary >
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/UICommon;component/Resources.xaml"/>
            </ResourceDictionary.MergedDictionaries>
            <Style x:Key="UpButton" TargetType="Button">
                <Setter Property="Foreground" Value="White"/>
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="Background" Value="{StaticResource ThemeColor}"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True" CornerRadius="0,4,0,0">
                                <ContentPresenter Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="border" Property="Background" Value="{StaticResource DisableColor}"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter TargetName="border" Property="Background" Value="{StaticResource LightThemeColor}"/>
                                </Trigger>
                                <Trigger Property="AreAnyTouchesOver" Value="True">
                                    <Setter TargetName="border" Property="Background" Value="{StaticResource LightThemeColor}"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            <Style x:Key="MiddleButton" TargetType="Button">
                <Setter Property="Foreground" Value="White"/>
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="Background" Value="{StaticResource ThemeColor}"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True">
                                <ContentPresenter Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="border" Property="Background" Value="{StaticResource DisableColor}"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter TargetName="border" Property="Background" Value="{StaticResource LightThemeColor}"/>
                                </Trigger>
                                <Trigger Property="AreAnyTouchesOver" Value="True">
                                    <Setter TargetName="border" Property="Background" Value="{StaticResource LightThemeColor}"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            <Style x:Key="DownButton" TargetType="Button">
                <Setter Property="Foreground" Value="White"/>
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="Background" Value="{StaticResource ThemeColor}"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True" CornerRadius="0,0,4,0">
                                <ContentPresenter Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter TargetName="border" Property="Background" Value="{StaticResource DisableColor}"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter TargetName="border" Property="Background" Value="{StaticResource LightThemeColor}"/>
                                </Trigger>
                                <Trigger Property="AreAnyTouchesOver" Value="True">
                                    <Setter TargetName="border" Property="Background" Value="{StaticResource LightThemeColor}"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Height="768" Width="1024">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="8"/>
            <RowDefinition Height="38"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="8"/>
            <ColumnDefinition Width="224"/>
            <ColumnDefinition Width="8"/>
            <ColumnDefinition Width="*"/>

        </Grid.ColumnDefinitions>

        <Grid Grid.Row="0" Grid.Column="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="auto" MinWidth="250"/>
                <ColumnDefinition Width="8"/>
                <ColumnDefinition Width="auto" MinWidth="250"/>
            </Grid.ColumnDefinitions>
            <Border Grid.Row="0" Grid.Column="0" Grid.RowSpan="3" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition MinHeight="40"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock VerticalAlignment="Center">Recipe Name</TextBlock>
                    <TextBlock Grid.Column="2" Background="White" Padding="4">AAA</TextBlock>

                    <TextBlock Grid.Row="2" VerticalAlignment="Center">Total Time</TextBlock>
                    <TextBlock Grid.Row="2" Grid.Column="2" Background="White" Padding="4">AAA</TextBlock>
                </Grid>
            </Border>

            <Border Grid.Row="4" Grid.Column="0" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition />
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>

                    <TextBlock VerticalAlignment="Center">Film HTK</TextBlock>
                    <TextBox Grid.Column="2" Background="White" Padding="4">AAA</TextBox>
                    <TextBlock Grid.Column="4" VerticalAlignment="Center">nm</TextBlock>
                </Grid>
            </Border>

            <Border Grid.Row="6" Grid.Column="0"  Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                    <Button Style="{StaticResource FunctionButton}">Alarm</Button>
                    <TextBlock Grid.Column="2" Background="White" Padding="4">AAA</TextBlock>
                </Grid>
            </Border>

            <Border Grid.Row="8" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <UniformGrid Rows="1" Margin="-4,0">
                        <CheckBox Style="{StaticResource RecipeCheckBox}" Margin="4,0">MFC</CheckBox>
                        <Button Style="{StaticResource FunctionButton}" Margin="4,0">Detail</Button>
                    </UniformGrid>

                    <DataGrid Grid.Row="2" Style="{StaticResource ThemeDataGrid}">
                        <DataGrid.Columns>
                            <DataGridTemplateColumn Width="32">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <CheckBox/>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTextColumn Header="Name" Width="48"/>
                            <DataGridTextColumn Header="Set" Width="48"/>
                            <DataGridTextColumn Header="Unit" Width="48"/>
                            <DataGridTextColumn Header="Ramp" Width="64"/>
                            <DataGridTextColumn Header="Check" Width="48"/>

                        </DataGrid.Columns>
                    </DataGrid>
                </Grid>
            </Border>


            <Border Grid.Row="0" Grid.Column="2" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                    <TextBlock VerticalAlignment="Center">Step Name</TextBlock>
                    <TextBlock Grid.Column="2" Background="White" Padding="4">AAA</TextBlock>
                </Grid>
            </Border>

            <Border Grid.Row="2" Grid.Column="2" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                    <TextBlock VerticalAlignment="Center">Step Time</TextBlock>
                    <Button Style="{StaticResource FunctionButton}" Grid.Column="2" Height="24">00:00:00</Button>
                </Grid>
            </Border>

            <Border Grid.Row="4" Grid.Column="2"  Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                    <Button Style="{StaticResource FunctionButton}">Command</Button>
                    <TextBlock Grid.Column="2" Background="White" Padding="4">AAA</TextBlock>
                </Grid>
            </Border>

            <Border Grid.Row="6" Grid.Column="2"  Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                    <Button Style="{StaticResource FunctionButton}">Abort Recipe</Button>
                    <TextBlock Grid.Column="2" Background="White" Padding="4">AAA</TextBlock>
                </Grid>
            </Border>

            <Border Grid.Row="8" Grid.Column="2" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="12"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="12"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="12"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="12"/>
                        <RowDefinition/>
                        <RowDefinition Height="12"/>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <UniformGrid Rows="1" Margin="-4,0">
                        <CheckBox Style="{StaticResource RecipeCheckBox}" Margin="4,0">Temp</CheckBox>
                        <Button Style="{StaticResource FunctionButton}" Margin="4,0">Detail</Button>
                    </UniformGrid>

                    <Grid Grid.Row="2">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="80"/>
                            <ColumnDefinition Width="8"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>

                        <Button Style="{StaticResource FunctionButton}">Mode</Button>
                        <TextBlock Grid.Column="2" Background="White" Padding="4">AAA</TextBlock>
                    </Grid>

                    <Grid Grid.Row="4">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="80"/>
                            <ColumnDefinition Width="8"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>

                        <Button Style="{StaticResource FunctionButton}">Correct</Button>
                        <TextBlock Grid.Column="2" Background="White" Padding="4">AAA</TextBlock>
                    </Grid>

                    <Grid Grid.Row="6">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="80"/>
                            <ColumnDefinition Width="8"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>

                        <Button Style="{StaticResource FunctionButton}">RHC</Button>
                        <TextBlock Grid.Column="2" Background="White" Padding="4">AAA</TextBlock>
                    </Grid>

                    <DataGrid Grid.Row="8" Style="{StaticResource ThemeDataGrid}">
                        <DataGrid.Columns>

                            <DataGridTextColumn Header="Zone" Width="64"/>
                            <DataGridTextColumn Header="Set" Width="64"/>
                            <DataGridTextColumn Header="Ramp" Width="64"/>
                            <DataGridTextColumn Header="Check" Width="64"/>
                        </DataGrid.Columns>
                    </DataGrid>

                    <Grid Grid.Row="10">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="auto"/>
                            <ColumnDefinition Width="8"/>
                            <ColumnDefinition />
                            <ColumnDefinition Width="8"/>
                            <ColumnDefinition />
                            <ColumnDefinition Width="8"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>

                        <TextBlock Grid.Column="0" Padding="4">All Zone</TextBlock>
                        <Button Grid.Column="2" Style="{StaticResource FunctionButton}">Temp Set</Button>
                        <Button Grid.Column="4" Style="{StaticResource FunctionButton}">Ramp Set</Button>
                        <Button Grid.Column="6" Style="{StaticResource FunctionButton}">Check</Button>
                    </Grid>
                </Grid>
            </Border>
        </Grid>

        <Grid Grid.Column="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="168"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="64"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="135"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="8"/>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>
            <Border Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <UniformGrid Margin="8">
                    <Button Style="{StaticResource FunctionButton}" Height="28" Margin="4">Gas</Button>
                    <Button Style="{StaticResource FunctionButton}" Height="28" Margin="4">Patten</Button>
                    <Button Style="{StaticResource FunctionButton}" Height="28" Margin="4" Command="{Binding AuxSetCommand}">AUX</Button>
                    <Button Style="{StaticResource FunctionButton}" Height="28" Margin="4">Set</Button>
                </UniformGrid>
            </Border>

            <Border Grid.Row="2" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="24"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="24"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="24"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="72"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>

                    <TextBlock Grid.ColumnSpan="5" VerticalAlignment="Center" HorizontalAlignment="Center">Loader</TextBlock>
                    <TextBlock Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Center">Command</TextBlock>
                    <CheckBox Grid.Row="2" Grid.ColumnSpan="3" Grid.Column="2" Style="{StaticResource RecipeCheckBox}" Command="{Binding LoaderCommand}">None</CheckBox>

                    <TextBlock Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Center">Speed1</TextBlock>
                    <Border Grid.Row="4" Grid.Column="2" Background="White" CornerRadius="4">
                        <TextBlock VerticalAlignment="Center" Margin="16,0,0,0">0</TextBlock>
                    </Border>
                    <TextBlock Grid.Row="4" Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Center">mm/min</TextBlock>

                    <TextBlock Grid.Row="6" VerticalAlignment="Center" HorizontalAlignment="Center">Speed1</TextBlock>
                    <Border Grid.Row="6" Grid.Column="2" Background="White" CornerRadius="4">
                        <TextBlock VerticalAlignment="Center" Margin="16,0,0,0">0</TextBlock>
                    </Border>
                    <TextBlock Grid.Row="6" Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Center">mm/min</TextBlock>

                    <TextBlock Grid.Row="8" VerticalAlignment="Center" HorizontalAlignment="Center">Speed1</TextBlock>
                    <Border Grid.Row="8" Grid.Column="2" Background="White" CornerRadius="4">
                        <TextBlock VerticalAlignment="Center" Margin="16,0,0,0">0</TextBlock>
                    </Border>
                    <TextBlock Grid.Row="8" Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Center">mm/min</TextBlock>
                </Grid>
            </Border>

            <Border Grid.Row="4" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="24"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="72"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>

                    <TextBlock Grid.ColumnSpan="3" VerticalAlignment="Center" HorizontalAlignment="Center">Pressure</TextBlock>
                    <TextBlock Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Center">Mode</TextBlock>
                    <Button Grid.Row="2" Grid.Column="2" Style="{StaticResource FunctionButton}" IsEnabled="False">DUAL</Button>
                </Grid>
            </Border>

            <Border Grid.Row="6" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="24"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="24"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="72"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>

                    <TextBlock Grid.ColumnSpan="5" VerticalAlignment="Center" HorizontalAlignment="Center">CKD</TextBlock>
                    <TextBlock Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Center">Command</TextBlock>
                    <CheckBox Grid.Row="2" Grid.Column="2" Grid.ColumnSpan="3" Style="{StaticResource RecipeCheckBox}" Command="{Binding PressCommand}">None</CheckBox>

                    <TextBlock Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Center">PID</TextBlock>
                    <Button Grid.Row="4" Grid.Column="2" Grid.ColumnSpan="3" Style="{StaticResource FunctionButton}"></Button>

                    <TextBlock Grid.Row="6" VerticalAlignment="Center" HorizontalAlignment="Center">Set</TextBlock>
                    <Border Grid.Row="6" Grid.Column="2" Background="White" CornerRadius="4">
                        <TextBlock VerticalAlignment="Center" Margin="16,0,0,0">0</TextBlock>
                    </Border>
                    <TextBlock Grid.Row="6" Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Center">Torr</TextBlock>

                </Grid>
            </Border>

            <Border Grid.Row="8" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <Grid Margin="8">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="8"/>
                        <RowDefinition Height="24"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="72"/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="8"/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>

                    <TextBlock Grid.ColumnSpan="5" VerticalAlignment="Center" HorizontalAlignment="Center">VAT + GV</TextBlock>
                    <TextBlock Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Center">Command</TextBlock>
                    <CheckBox Grid.Row="2" Grid.Column="2" Grid.ColumnSpan="3" Style="{StaticResource RecipeCheckBox}"  Command="{Binding PressCommand}">None</CheckBox>

                    <TextBlock Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Center">Set</TextBlock>
                    <Border Grid.Row="4" Grid.Column="2" Background="White" CornerRadius="4">
                        <TextBlock VerticalAlignment="Center" Margin="16,0,0,0">0</TextBlock>
                    </Border>
                    <TextBlock Grid.Row="4" Grid.Column="4" VerticalAlignment="Center" HorizontalAlignment="Center">Torr</TextBlock>

                </Grid>
            </Border>

            <Border Grid.Row="10" Background="{StaticResource BorderBackgroundColor}" CornerRadius="4">
                <UniformGrid Columns="1" Margin="8">
                    <Button Margin="4" Height="28" Style="{StaticResource FunctionButton}">Recipe Header</Button>
                    <Button Margin="4" Style="{StaticResource FunctionButton}">Combination</Button>
                    <Button Margin="4" Style="{StaticResource FunctionButton}">VP Data List</Button>
                </UniformGrid>
            </Border>
        </Grid>

        <Border Grid.Column="4" Background="{StaticResource BorderBackgroundColor}">
            <Grid Margin="8">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="0"/>
                    <RowDefinition/>
                    <RowDefinition Height="8"/>
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>
                <Border Background="{StaticResource ThemeColor}" CornerRadius="4,4,0,0" Grid.Row="0">
                    <StackPanel Margin="4">
                        <TextBlock Foreground="White" FontSize="14">Recipe Steps</TextBlock>
                    </StackPanel>
                </Border>

                <Grid Grid.Row="2">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="2"/>
                        <ColumnDefinition Width="28"/>
                    </Grid.ColumnDefinitions>
                    <ListView ItemsSource="{Binding TempTest}" BorderThickness="0">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <Border Height="42">

                                    <TextBlock Text="{Binding}" VerticalAlignment="Center" Margin="8,0"></TextBlock>
                                </Border>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                    <Grid Grid.Column="2">
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition Height="1"/>
                            <RowDefinition/>
                            <RowDefinition Height="1"/>
                            <RowDefinition/>
                            <RowDefinition Height="1"/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>

                        <Button Grid.Row="0" Style="{StaticResource UpButton}">
                            <StackPanel>
                                <Image Source="{StaticResource ArrowUP}" Width="8"/>
                                <Image Source="{StaticResource ArrowUP}" Width="8"/>
                            </StackPanel>
                        </Button>
                        <Button Grid.Row="2" Style="{StaticResource MiddleButton}">
                            <Image Source="{StaticResource ArrowUP}" Width="8"/>
                        </Button>
                        <Button Grid.Row="4" Style="{StaticResource MiddleButton}">
                            <Image Source="{StaticResource ArrowDown}" Width="8"/>
                        </Button>
                        <Button Grid.Row="6" Style="{StaticResource DownButton}">
                            <StackPanel>
                                <Image Source="{StaticResource ArrowDown}" Width="8"/>
                                <Image Source="{StaticResource ArrowDown}" Width="8"/>
                            </StackPanel>
                        </Button>

                    </Grid>
                </Grid>

                <TextBlock Grid.Row="4">
                    <Run>Total :</Run>
                    <Run>2</Run>
                    <Run>/</Run>
                    <Run>3</Run>
                </TextBlock>
            </Grid>
        </Border>

        <Grid Grid.Row="2" Grid.ColumnSpan="5">

            <UniformGrid Rows="1" Margin="-4">
                <Button Style="{StaticResource FunctionButton}" Margin="4" MinWidth="80">
                    <TextBlock TextWrapping="WrapWithOverflow" VerticalAlignment="Center" Margin="4">Append Step</TextBlock>
                </Button>
                <Button Style="{StaticResource FunctionButton}" Margin="4" MinWidth="80">
                    <TextBlock TextWrapping="WrapWithOverflow" VerticalAlignment="Center" Margin="4">Override Copy</TextBlock>
                </Button>
                <Button Style="{StaticResource FunctionButton}" Margin="4" MinWidth="80">
                    <TextBlock TextWrapping="WrapWithOverflow" VerticalAlignment="Center" Margin="4">Insert Copy</TextBlock>
                </Button>
                <Button Style="{StaticResource FunctionButton}" Margin="4" MinWidth="80">
                    <TextBlock TextWrapping="WrapWithOverflow" VerticalAlignment="Center" TextAlignment="Center" Margin="4">Prev.Step OverWrite</TextBlock>
                </Button>
                <Button Style="{StaticResource FunctionButton}" Margin="4" MinWidth="80">
                    <TextBlock TextWrapping="WrapWithOverflow" VerticalAlignment="Center" TextAlignment="Center" Margin="4">Prev.Step Insert</TextBlock>
                </Button>
                <Button Style="{StaticResource FunctionButton}" Margin="4" MinWidth="80">
                    <TextBlock TextWrapping="WrapWithOverflow" VerticalAlignment="Center" TextAlignment="Center" Margin="4">Curr.Step Delete</TextBlock>
                </Button>
                <Button Style="{StaticResource FunctionButton}" Margin="4" MinWidth="80">
                    <TextBlock TextWrapping="WrapWithOverflow" VerticalAlignment="Center" TextAlignment="Center" Margin="4">Multi Step Delete</TextBlock>
                </Button>
                <Button Style="{StaticResource FunctionButton}" Margin="4" MinWidth="80">
                    <TextBlock TextWrapping="WrapWithOverflow" VerticalAlignment="Center" Margin="4">Save</TextBlock>
                </Button>
                <Button Style="{StaticResource FunctionButton}" Margin="4" MinWidth="80">
                    <TextBlock TextWrapping="WrapWithOverflow" VerticalAlignment="Center" Margin="4">Cancel</TextBlock>
                </Button>
            </UniformGrid>
        </Grid>
    </Grid>
</UserControl>