ELK/Furnace/FurnaceUI/Views/Operations/GasView.xaml

<UserControl x:Class="FurnaceUI.Views.Operations.GasView"
             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.RowDefinitions>
            <RowDefinition Height="100" ></RowDefinition>
            <RowDefinition ></RowDefinition>
        </Grid.RowDefinitions>

        <Grid Grid.Row="0" Margin="15,5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="35" ></ColumnDefinition>
                <ColumnDefinition Width="200" ></ColumnDefinition>
                <ColumnDefinition Width="200" ></ColumnDefinition>
                <ColumnDefinition Width="*" ></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Border Grid.Column="0" BorderBrush="{DynamicResource MainFrame_BD}" BorderThickness="1,20,1,20" Background="{DynamicResource MainFrame_BG_Title}" Padding="5,1">
                <TextBlock Text="Status" FontSize="15" Height="30" Width="100"  RenderTransformOrigin="0.5,0.5" Margin="-32,-20,-45,38">
                    <TextBlock.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="-90"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </TextBlock.RenderTransform></TextBlock>
            </Border>
            <Border Grid.Column="1" BorderBrush="{DynamicResource MainFrame_BD}" BorderThickness="0,1,1,1" Background="{DynamicResource MainFrame_BG}" Padding="5,1">
                <StackPanel  HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,5">
                    <Grid Width="180" Height="25" HorizontalAlignment="Left">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="40"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <Rectangle Fill="#bedadb" Stroke="Black" StrokeThickness="1" Height="20"/>
                        <TextBlock Text="Waiting Process" Grid.Column="1" Margin="10,0,0,0" Foreground="{DynamicResource FG_Black}" FontSize="15" FontFamily="Segoe" VerticalAlignment="Center"/>
                    </Grid>
 
                    <Grid Width="180" Height="25" Margin="0,0,0,0" HorizontalAlignment="Left">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="40"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <Rectangle Fill="LimeGreen" Stroke="Black" StrokeThickness="1" Height="20"/>
                        <TextBlock Text="Processing" Grid.Column="1" Margin="10,0,0,0" Foreground="{DynamicResource FG_Black}" FontSize="15" FontFamily="Segoe" VerticalAlignment="Center"/>
                    </Grid>
                    <Grid Width="180" Height="25" Margin="0,0,0,0" HorizontalAlignment="Left">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="40"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <Rectangle Fill="LightGoldenrodYellow" Stroke="Black" StrokeThickness="1" Height="20"/>
                        <TextBlock Text="Process Completed" Grid.Column="1" Margin="10,0,0,0" Foreground="{DynamicResource FG_Black}" FontSize="15" FontFamily="Segoe" VerticalAlignment="Center"/>
                    </Grid>
 
                </StackPanel>
            </Border>
            <Border Grid.Column="2" BorderBrush="{DynamicResource MainFrame_BD}" BorderThickness="0,1,1,1" Background="{DynamicResource MainFrame_BG}" Padding="5,1">
                <StackPanel  HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,5">
                    <Grid Width="180" Height="25" HorizontalAlignment="Left">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="40"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <Rectangle Fill="#768998" Stroke="Black" StrokeThickness="1" Height="20"/>
                        <TextBlock Text="Dummy Cassette" Grid.Column="1" Margin="10,0,0,0" Foreground="{DynamicResource FG_Black}" FontSize="15" FontFamily="Segoe" VerticalAlignment="Center"/>
                    </Grid>

                    <Grid Width="180" Height="25" Margin="0,0,0,0" HorizontalAlignment="Left">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="40"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <Rectangle Fill="Red" Stroke="Black" StrokeThickness="1" Height="20"/>
                        <TextBlock Text="Abort" Grid.Column="1" Margin="10,0,0,0" Foreground="{DynamicResource FG_Black}" FontSize="15" FontFamily="Segoe" VerticalAlignment="Center"/>
                    </Grid>
 
                </StackPanel>
            </Border>



            <StackPanel Grid.Column="3"  HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,5">
                <Grid  HorizontalAlignment="Left">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition  Width="250" />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                    <Button Grid.Column="0" Width="170" Height="60" Content="Lot Name" IsEnabled="False"  FontFamily="Segoe" FontSize="20" Margin="0" >
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="SwitchPage">
                                    <cal:Parameter Value="Temperature"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

                    <Button Grid.Column="1" Width="170" Height="60" Content="Cassette Name" FontFamily="Segoe" FontSize="20" Margin="0" >
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="SwitchPage">
                                    <cal:Parameter Value="Temperature"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

                </Grid>
 
            </StackPanel>
        </Grid>

        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="200" ></ColumnDefinition>
                <ColumnDefinition ></ColumnDefinition>
            </Grid.ColumnDefinitions>

            <Grid   Grid.Column="0" Margin="1,2" >
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid   Grid.Row="0" Margin="1,2" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="60"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Label  FontFamily="Segoe" Style="{DynamicResource Table_TitleStyle}" Grid.Row="0" Grid.ColumnSpan="2" HorizontalContentAlignment="Left" VerticalContentAlignment="Center">
                        <Button FontFamily="Segoe"  Margin="40, 0" >
                            <ContentControl>
                                <TextBlock TextAlignment="Center" Height="37" Width="63">ED<LineBreak/>Use Count</TextBlock>
                            </ContentControl>
                            
                                <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="SwitchPage">
                                        <cal:Parameter Value="Batch1"/>
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                    </Label>
                    <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Grid.Row="1" Padding="5,1">
                        <TextBlock Text=" " TextWrapping="Wrap" Foreground="{DynamicResource FG_Black}" FontSize="12" FontFamily="Segoe" VerticalAlignment="Center"/>
                    </Border>

                </Grid>

                <Grid   Grid.Row="1" Margin="1,2" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="60"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Label  FontFamily="Segoe" Style="{DynamicResource Table_TitleStyle}" Grid.Row="0" Grid.ColumnSpan="2" HorizontalContentAlignment="Left" VerticalContentAlignment="Center">
                        <Button FontFamily="Segoe"   Margin="40, 0"  >
                            <ContentControl>
                                <TextBlock TextAlignment="Center" Height="37" Width="63">D<LineBreak/>Use Count</TextBlock>
                            </ContentControl>
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="SwitchPage">
                                        <cal:Parameter Value="Batch1"/>
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                    </Label>
                    <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource MainArea_BG}" Grid.Row="1" Padding="5,1">
                        <TextBlock Text=" " TextWrapping="Wrap" Foreground="{DynamicResource FG_Black}" FontSize="12" FontFamily="Segoe" VerticalAlignment="Center"/>
                    </Border>

                </Grid>

 
            </Grid>






            <Grid   Grid.Column="1" Margin="1,2" >
                <Grid.RowDefinitions>
                    <RowDefinition Height="4*"/>
                    <RowDefinition Height="3*"/>
                </Grid.RowDefinitions>

                <!-- 4 * 3-->
                <Grid   Grid.Row="0" Margin="1,2" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" ></ColumnDefinition>
                        <ColumnDefinition Width="*"  ></ColumnDefinition>
                        <ColumnDefinition Width="*"  ></ColumnDefinition>
                    </Grid.ColumnDefinitions>

                    <Button Grid.Row="0" Grid.Column="0" FontFamily="Segoe"  Margin="5"  Background="#bedadb" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="0" Grid.Column="1" FontFamily="Segoe"  Margin="5" Background="#bedadb" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="0" Grid.Column="2" FontFamily="Segoe"  Margin="5" Background="#bedadb" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>



                    <Button Grid.Row="1" Grid.Column="0" FontFamily="Segoe"  Margin="5"  Background="#bedadb">
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="1" Grid.Column="1" FontFamily="Segoe"  Margin="5"  Background="#bedadb">
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="1" Grid.Column="2" FontFamily="Segoe"  Margin="5" Background="#bedadb" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>

                    <Button Grid.Row="2" Grid.Column="0" FontFamily="Segoe"  Margin="5"  Background="#bedadb">
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="2" Grid.Column="1" FontFamily="Segoe"  Margin="5"  Background="#bedadb">
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="2" Grid.Column="2" FontFamily="Segoe"  Margin="5" Background="#bedadb" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>

                    <Button Grid.Row="3" Grid.Column="0" FontFamily="Segoe"  Margin="5"  Background="#bedadb">
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="3" Grid.Column="1" FontFamily="Segoe"  Margin="5"  Background="#bedadb">
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="3" Grid.Column="2" FontFamily="Segoe"  Margin="5" Background="#bedadb" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                </Grid>

                <!-- 3 * 3 dummy -->
                <Grid   Grid.Row="1" Margin="1,30, 1, 2" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" ></ColumnDefinition>
                        <ColumnDefinition Width="*"  ></ColumnDefinition>
                        <ColumnDefinition Width="*"  ></ColumnDefinition>
                    </Grid.ColumnDefinitions>

                    <Button Grid.Row="0" Grid.Column="0" FontFamily="Segoe"  Margin="5"  Background="#768998" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="0" Grid.Column="1" FontFamily="Segoe"  Margin="5" Background="#768998" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="0" Grid.Column="2" FontFamily="Segoe"  Margin="5" Background="#768998" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>



                    <Button Grid.Row="1" Grid.Column="0" FontFamily="Segoe"  Margin="5"  Background="#768998">
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="1" Grid.Column="1" FontFamily="Segoe"  Margin="5"  Background="#768998">
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="1" Grid.Column="2" FontFamily="Segoe"  Margin="5" Background="#768998" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>

                    <Button Grid.Row="2" Grid.Column="0" FontFamily="Segoe"  Margin="5"  Background="#768998">
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="2" Grid.Column="1" FontFamily="Segoe"  Margin="5"  Background="#768998">
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>
                    <Button Grid.Row="2" Grid.Column="2" FontFamily="Segoe"  Margin="5" Background="#768998" >
                        <ContentControl>
                            <Canvas>
                                <TextBlock Text="P__01" Canvas.Left="-58" Canvas.Top="-13"></TextBlock>
                                <TextBlock Text="1/25" Canvas.Left="83" Canvas.Top="5"></TextBlock>
                            </Canvas>
                        </ContentControl>
                    </Button>

                </Grid>
            </Grid>

        </Grid>

    </Grid>


</UserControl>