FurnaceELK/Furnace/FurnaceUI/Views/Editors/RecipeStepView.xaml

<UserControl x:Class="FurnaceUI.Views.Editors.RecipeStepView"
             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:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:cal="http://www.caliburn.org"
             mc:Ignorable="d" 
             d:DesignHeight="560" d:DesignWidth="1000" FontFamily="Segoe" >
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition  Width="200"></ColumnDefinition>
            <ColumnDefinition  Width="200" ></ColumnDefinition>
            <ColumnDefinition  Width="230" ></ColumnDefinition>
            <ColumnDefinition  Width="*" ></ColumnDefinition>
            <ColumnDefinition  Width="100"></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <Grid Grid.Column="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="80"></RowDefinition>
                <RowDefinition Height="70"></RowDefinition>
                <RowDefinition></RowDefinition>
                <RowDefinition></RowDefinition>
                <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>

            <Button  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <TextBlock Text="Recipe Name" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Top="10" />

                        <TextBox IsEnabled="False" Text="KEEPT_TEMP_RCP" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="40" Width="180" Height="30"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

            <Button Grid.Row="1"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <TextBlock Text="Step Name" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Top="3" />

                        <TextBox IsEnabled="False" Text="WAIT" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center"   Canvas.Top="29" Height="30" Width="180"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

            <Button Grid.Row="2"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <Image Source="/FurnaceUI;component/Resources/images/icons/StepTime44.png" Canvas.Left="-3"     />

                        <TextBlock Text="Step Time" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Top="25" Canvas.Left="54" />

                        <TextBox   IsEnabled="False"  Text="" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="60" Width="180" Height="30"/>
                        <TextBox   IsEnabled="False"  Text="" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="95" Width="180" Height="30"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>


            <Button Grid.Row="3"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >

                        <TextBlock Text="Step Up Condition" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Top="10" />

                        <TextBox   IsEnabled="False"  Text="" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="60" Width="180" Height="30"/>
                        <TextBox   IsEnabled="False"  Text="" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="95" Width="180" Height="30"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>


            <Button Grid.Row="4"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >

                        <TextBlock Text="Command" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Top="10" />

                        <TextBox   IsEnabled="False"  Text="" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="60" Width="180" Height="30"/>
                        <TextBox   IsEnabled="False"  Text="" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="95" Width="180" Height="30"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
        </Grid>


        <Grid Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="210"></RowDefinition>
                <RowDefinition Height="200"></RowDefinition>
                <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>

            <Button  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <Image Source="/FurnaceUI;component/Resources/images/icons/Temperature44.png" Canvas.Left="-3"     />
                        <TextBlock Text="Temperature" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Left="46" Canvas.Top="10" />


                        <Viewbox Canvas.Left="22" Canvas.Top="39" Height="161" Width="229"  >
                            <Canvas  Name="Group_Flameless_thermal_oxidizer" Tag="#00000000,#FF8080C0,Shaded,0,None" LayoutTransform="Identity" Width="96.276" Height="112.5" HorizontalAlignment="Left" VerticalAlignment="Top">
                                <Canvas Name="Group_Oxidizer" Tag="#00000000,#FF8080C0,Shaded,0,None" Width="65.559" Height="112.681" Canvas.Left="9.442" Canvas.Top="-0.433">
                                    <Path Data="M65.45,112L9.442,112 9.442,11.848 65.45,11.848z" Stretch="Fill" Stroke="#FF4C4C4C" StrokeThickness="0.1" Width="65.609" Height="100.252" Canvas.Left="-0.05" Canvas.Top="12.231" />
                                    <Path Data="M37.1045,26.1831C49.5425,26.1831,60.2825,23.1581,65.4515,18.7591L65.4515,6.9911C60.2825,2.5691 49.5425,-0.432900000000004 37.1045,-0.432900000000004 25.2085,-0.432900000000004 14.8415,2.3281 9.4635,6.43209999999999L9.4635,19.3091C14.8415,23.4071,25.2085,26.1831,37.1045,26.1831z" Stretch="Fill" Fill="{StaticResource Tab_BG}" Stroke="#FF4C4C4C" StrokeThickness="0.1" Width="65.588" Height="26.716" Canvas.Left="-0.029" Canvas.Top="-0.05" />
                                    <Path Data="F1M65.366,112.248L9.525,112.248 9.525,12.096 65.366,12.096z" Stretch="Fill" Fill="{StaticResource Tab_BG}" Width="64.476" Height="100.152" Canvas.Left="1.383" Canvas.Top="12.529" />
                                </Canvas>
                                <Canvas Name="Group_FLameless_Inner_Layer" Tag="#00000000,#FF8080C0,Shaded,0,None" Width="46.629" Height="89.514" Canvas.Left="14.193" Canvas.Top="3.684">
                                    <Path Data="F1M37.2139,27C47.5719,27,56.5159,24.35,60.8219,20.497L60.8219,10.187C56.5159,6.313 47.5719,3.684 37.2139,3.684 27.3059,3.684 18.6719,6.103 14.1929,9.698L14.1929,20.979C18.6719,24.567,27.3059,27,37.2139,27" Stretch="Fill" Fill="#FFA9A9D4" Width="56.12" Height="23.316" Canvas.Left="0" Canvas.Top="0" />
                                    <Path Data="M14.22,93.198L60.776,93.198 60.776,13.728 14.22,13.728z" Stretch="Fill" Width="56.093" Height="79.47" Canvas.Left="0.027" Canvas.Top="10.044">
                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0">
                                                <LinearGradientBrush.GradientStops>
                                                    <GradientStop Color="#FF7474AF" Offset="0" />
                                                    <GradientStop Color="#FFA9A9D4" Offset="1" />
                                                </LinearGradientBrush.GradientStops>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                </Canvas>
                                <Canvas Name="Group_Feeder" Tag="#00000000,#FF8080C0,Shaded,0,None" Width="123.586" Height="32.77" Canvas.Left="0.001" Canvas.Top="74.5">
                                    <Path Data="F1M60.9248,93.1934L60.9248,107.2704 13.9648,107.2704 13.9648,102.5414 0.000799999999998136,102.5414 0.000799999999998136,93.1934z" Stretch="Fill" Fill="Gray" Width="70.381" Height="14.077" Canvas.Left="0" Canvas.Top="18.693" />
                                </Canvas>

                            </Canvas>
                        </Viewbox>

                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Grid.Row="1" Padding="5,1" Canvas.Left="92" Canvas.Top="58" Height="20" Width="73">
                            <TextBlock Text="0.0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                        </Border>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Grid.Row="1" Padding="5,1" Canvas.Left="92" Canvas.Top="81" Height="20" Width="73">
                            <TextBlock Text="0.0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                        </Border>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Grid.Row="1" Padding="5,1" Canvas.Left="92" Canvas.Top="104" Height="20" Width="73">
                            <TextBlock Text="0.0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                        </Border>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Grid.Row="1" Padding="5,1" Canvas.Left="92" Canvas.Top="126" Height="20" Width="73">
                            <TextBlock Text="0.0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                        </Border>
                        <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Grid.Row="1" Padding="5,1" Canvas.Left="92" Canvas.Top="149" Height="20" Width="73">
                            <TextBlock Text="0.0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                        </Border>

                        <TextBlock Text="TOP" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>
                        <TextBlock Text="T/C" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="82"/>
                        <TextBlock Text="CNTR" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="106"/>
                        <TextBlock Text="B/C" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="128"/>
                        <TextBlock Text="BTM" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="151"/>

                        <TextBlock Text="(­°C)" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="191" Canvas.Top="109"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>


            <Button Grid.Row="1"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <Image Source="/FurnaceUI;component/Resources/images/icons/Elevator.png" Canvas.Left="-3"     />
                        <TextBlock Text="Boat Elevator" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Left="53" Canvas.Top="20" />

                        <TextBox   IsEnabled="False"  Text="" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="60" Width="180" Height="30"/>
                        <TextBox   IsEnabled="False"  Text="" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="95" Width="180" Height="30"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

            <Button Grid.Row="2"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <Image Source="/FurnaceUI;component/Resources/images/icons/SampleData44.png" Canvas.Left="-3"     />
                        <TextBlock Text="Sample Data" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Left="53" Canvas.Top="20" />

                        <TextBox   IsEnabled="False"  Text="" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="60" Width="180" Height="30"/>
                        <TextBox   IsEnabled="False"  Text="" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="95" Width="180" Height="30"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
        </Grid>

        <Grid Grid.Column="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="230"></RowDefinition>
                <RowDefinition Height="100"></RowDefinition>
                <RowDefinition Height="100"></RowDefinition>
                <RowDefinition Height="*"></RowDefinition>
            </Grid.RowDefinitions>

            <Button Grid.Row="0"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <Image Source="/FurnaceUI;component/Resources/images/icons/Gas44.png" Canvas.Left="-3"     />
                        <TextBlock Text="MFC" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Left="53" Canvas.Top="10" />

                        <Grid Canvas.Top="50" Height="180" Canvas.Left="-3">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"></RowDefinition>
                                <RowDefinition Height="*"></RowDefinition>
                                <RowDefinition Height="*"></RowDefinition>
                                <RowDefinition Height="*"></RowDefinition>
                                <RowDefinition Height="*"></RowDefinition>
                                <RowDefinition Height="*"></RowDefinition>
                                <RowDefinition Height="*"></RowDefinition>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="80" ></ColumnDefinition>
                                <ColumnDefinition Width="100" ></ColumnDefinition>
                                <ColumnDefinition Width="*" ></ColumnDefinition>
                            </Grid.ColumnDefinitions>

                            <TextBlock Grid.Row="1" Grid.Column="0" Text="MFC-01" Margin="0,0,10,0"  TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>
                            <Border Grid.Row="1" Grid.Column="1"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Padding="5,1" Canvas.Left="92" Canvas.Top="149" Height="20"  >
                                <TextBlock Text="0.0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                            </Border>
                            <TextBlock Grid.Row="1" Grid.Column="2" Text="sccm" Margin="5,0,0,0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>

                            <TextBlock Grid.Row="2" Grid.Column="0" Text="MFC-02" Margin="0,0,10,0"  TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>
                            <Border Grid.Row="2" Grid.Column="1"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Padding="5,1" Canvas.Left="92" Canvas.Top="149" Height="20"  >
                                <TextBlock Text="0.0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                            </Border>
                            <TextBlock Grid.Row="2" Grid.Column="2" Text="sccm" Margin="5,0,0,0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>


                            <TextBlock Grid.Row="3" Grid.Column="0" Text="MFC-03" Margin="0,0,10,0"  TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>
                            <Border Grid.Row="3" Grid.Column="1"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Padding="5,1" Canvas.Left="92" Canvas.Top="149" Height="20"  >
                                <TextBlock Text="0.0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                            </Border>
                            <TextBlock Grid.Row="3" Grid.Column="2" Text="sccm" Margin="5,0,0,0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>



                            <TextBlock Grid.Row="4" Grid.Column="0" Text="MFC-04" Margin="0,0,10,0"  TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>
                            <Border Grid.Row="4" Grid.Column="1"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Padding="5,1" Canvas.Left="92" Canvas.Top="149" Height="20"  >
                                <TextBlock Text="0.0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                            </Border>
                            <TextBlock Grid.Row="4" Grid.Column="2" Text="sccm" Margin="5,0,0,0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>


                            <TextBlock Grid.Row="5" Grid.Column="0" Text="MFC-05" Margin="0,0,10,0"  TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>
                            <Border Grid.Row="5" Grid.Column="1"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Padding="5,1" Canvas.Left="92" Canvas.Top="149" Height="20"  >
                                <TextBlock Text="0.0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                            </Border>
                            <TextBlock Grid.Row="5" Grid.Column="2" Text="sccm" Margin="5,0,0,0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Right" VerticalAlignment="Center" Canvas.Left="34" Canvas.Top="59"/>

                        </Grid>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

            <Button Grid.Row="1"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <Image Source="/FurnaceUI;component/Resources/images/icons/MFM.png" Canvas.Left="-3"     />
                        <TextBlock Text="MFM" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Left="53" Canvas.Top="20" />
                        <TextBox   IsEnabled="False"  Text="Check OFF" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="50" Width="180" Height="30" Canvas.Left="34"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

            <Button Grid.Row="2"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <Image Source="/FurnaceUI;component/Resources/images/icons/APC44.png" Canvas.Left="-3"     />
                        <TextBlock Text="APC" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Left="53" Canvas.Top="20" />
                        <TextBox   IsEnabled="False"  Text="Check OFF" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="50" Width="180" Height="30" Canvas.Left="34"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

            <Button Grid.Row="3"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <Image Source="/FurnaceUI;component/Resources/images/icons/RecipeDetail44.png" Canvas.Left="-3"     />
                        <TextBlock Text="Event" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Left="53" Canvas.Top="20" />
                        <TextBox   IsEnabled="False"  Text="NONE" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="50" Width="180" Height="30" Canvas.Left="34"/>
                        <TextBox   IsEnabled="False"  Text="NONE" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center" Canvas.Top="85" Width="180" Height="30" Canvas.Left="34"/>

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
        </Grid>



        <Grid Grid.Column="3">

            <Grid.ColumnDefinitions>
                <ColumnDefinition ></ColumnDefinition>
                <ColumnDefinition ></ColumnDefinition>
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
                <RowDefinition Height="180"></RowDefinition>
                <RowDefinition Height="80"></RowDefinition>
                <RowDefinition ></RowDefinition>
            </Grid.RowDefinitions>

            <Button Grid.Row="0"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas  >
                        <Image Source="/FurnaceUI;component/Resources/images/icons/Open44.png" Canvas.Left="3"     />

                        <Image Source="/FurnaceUI;component/Resources/images/icons/Valve44.png" Canvas.Left="16" Canvas.Top="61"     />
                        <TextBlock Text="Valve" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Left="60" Canvas.Top="10" />

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

            <Button Grid.Row="0" Grid.Column="1"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                <ContentControl   >
                    <Canvas Background="Red"  >
                        <Image Source="/FurnaceUI;component/Resources/images/icons/Off44.png" Canvas.Left="42" Canvas.Top="82"     />
                        <TextBlock Text="Alarm" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Left="32" Canvas.Top="10" />
                        <TextBlock Text="Group" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Left="33" Canvas.Top="34" />

                    </Canvas>
                </ContentControl>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="SwitchPage">
                            <cal:Parameter Value="Stocker"/>
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>


            <Grid Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"  Margin="1,2" >
                <Grid.ColumnDefinitions>
                    <ColumnDefinition></ColumnDefinition>
                    <ColumnDefinition></ColumnDefinition>
                    <ColumnDefinition></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Button   Grid.Column="0"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                    <ContentControl   >
                        <Canvas  >
                            <TextBlock Text="Standby" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Top="15" />
                            <TextBlock Text="Step" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Top="39" Canvas.Left="22" />

                        </Canvas>
                    </ContentControl>
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="SwitchPage">
                                <cal:Parameter Value="Stocker"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <Button   Grid.Column="1"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                    <ContentControl   >
                        <Canvas  >
                            <TextBlock Text="AIAO" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Top="22" Canvas.Left="16" />

                        </Canvas>
                    </ContentControl>
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="SwitchPage">
                                <cal:Parameter Value="Stocker"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <Button   Grid.Column="2"  Margin="3,3" Padding="0" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
                    <ContentControl   >
                        <Canvas  >
                            <TextBlock Text="Film" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Top="15" Canvas.Left="13" />
                            <TextBlock Text="Thick" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" VerticalAlignment="Center" Canvas.Top="39" Canvas.Left="13" />

                        </Canvas>
                    </ContentControl>
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="SwitchPage">
                                <cal:Parameter Value="Stocker"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </Grid>


            <Grid Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2"  Margin="1,2" >
                <Grid.RowDefinitions>
                    <RowDefinition Height="30"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Label   FontFamily="Segoe" Background="DarkGray" Style="{DynamicResource Table_TitleStyle}" Grid.Row="0" Grid.ColumnSpan="2" HorizontalContentAlignment="Left" VerticalContentAlignment="Top">
                    <Canvas Margin="0,5">
                        <Path Data="M0,0 L5,0 5,5 z" Margin="0,5" Fill="Green" HorizontalAlignment="Left" VerticalAlignment="Center" Grid.Row="1" RenderTransformOrigin="0.5,0.5" Stretch="Fill" Width="10" Height="10">
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="45"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>

                        <TextBlock Text="Recipe Step"  FontFamily="Segoe" Canvas.Left="20" Canvas.Top="0" Margin="0" Padding="0">

                        </TextBlock>
                    </Canvas>
                </Label>
                <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Grid.Row="1" Padding="5,1">

                    <Grid Margin="0, 15" >
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                        </Grid.RowDefinitions>
                        <Border Grid.Row="0"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="LightGray" Padding="15,1"  >
                            <TextBlock Text="0" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="1"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,0,1,1" Background="LightGray" Padding="15,1"  >
                            <TextBlock Text="1" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="2"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,0,1,1" Background="LightGray" Padding="15,1"  >
                            <TextBlock Text="2" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="3"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,0,1,1" Background="LightGray" Padding="15,1"  >
                            <TextBlock Text="3" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="4"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,0,1,1" Background="LightGray" Padding="15,1"  >
                            <TextBlock Text="4" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="5"  BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,0,1,1" Background="LightGray" Padding="15,1"  >
                            <TextBlock Text="5" TextWrapping="Wrap" Foreground="Black" FontSize="15" FontFamily="Segoe" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        </Border>

                    </Grid>

                </Border>

            </Grid>


        </Grid>


        <Grid Grid.Column="4">
            <StackPanel Orientation="Vertical" Margin="10,30">
                <Button Content="End Step" FontFamily="Segoe" Margin="0,10"  Height="35">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="End">
                                <cal:Parameter Value="Batch1"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>

                <Button Content="Copy" FontFamily="Segoe"  Margin="0,10"  Height="35" >
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="End">
                                <cal:Parameter Value="Batch1"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>

                <Button Content="Delete" FontFamily="Segoe" Margin="0,10"  Height="35" >
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="End">
                                <cal:Parameter Value="Batch1"/>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>


            </StackPanel>



        </Grid>


    </Grid>

</UserControl>