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

<UserControl x:Class="FurnaceUI.Views.Operations.EquipmentStatusView"
             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:FurnaceUI.Views.Operations" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:cal="http://www.caliburn.org"
             mc:Ignorable="d" 
             d:DesignHeight="1000" d:DesignWidth="1300">
    <Canvas Background="White" Height="680" Width="1200">
        <StackPanel Canvas.Left="55" Canvas.Top="20">
            <Border BorderBrush="Green" BorderThickness="2" CornerRadius="6" Width="540" Height="275"  Grid.Column="0">
                <StackPanel Orientation="Vertical" Margin="10" HorizontalAlignment="Center">
                    <Grid Margin="-190,0,0,0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="45"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                        </Grid.RowDefinitions>
                        <Border Grid.Row="0" BorderBrush="Black" BorderThickness="1" Padding="5,0,0,0" Width="320"   Background="{DynamicResource MainArea_BG}">
                            <TextBlock Text="SD Automation Processing State" FontSize="17" HorizontalAlignment="Left" VerticalAlignment="Center" Padding="5,0,0,0"/>
                        </Border>
                        <Border Grid.Row="1" BorderBrush="Black" BorderThickness="1,0,1,0" Background="{Binding LoadingBk}"  Width="320" >
                            <TextBlock Text="Elevator Unloading" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="2" BorderBrush="Black" BorderThickness="1,1,1,0" Background="{Binding UnloadingBk}" Width="320" >
                            <TextBlock Text="Cooling Before Boat Transfer" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="3" BorderBrush="Black" BorderThickness="1,1,1,0" Background="{Binding UnloadingBk}" Width="320" >
                            <TextBlock Text="Boat Moving" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="4" BorderBrush="Black" BorderThickness="1,1,1,0" Background="{Binding UnloadingBk}" Width="320">
                            <TextBlock Text="Cooling Before Discharge" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="5" BorderBrush="Black" BorderThickness="1,1,1,1" Background="{Binding UnloadingBk}" Width="320">
                            <TextBlock Text=" Discharging" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>

                    </Grid>
                    <Border Grid.Row="6" Margin="340,-150,5,100">
                        <Button Content="Cancel" Width="150" Height="55" IsEnabled="{Binding TransferJobEnabledAbort}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="Cancel">
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                    </Border>
                </StackPanel>
            </Border>
            <Path Stroke="Gray" StrokeThickness="1" Margin="150,-278,0,0">
                <Path.Data>
                    <LineGeometry StartPoint="200,5" EndPoint="200,277"/>
                </Path.Data>
            </Path>
        </StackPanel>
        <StackPanel Canvas.Left="625" Canvas.Top="20">
            <Border BorderBrush="Green" BorderThickness="2" CornerRadius="6" Width="540" Height="275"  Grid.Column="0">
                <StackPanel Orientation="Vertical" Margin="10" HorizontalAlignment="Center">
                    <Grid Margin="-190,0,0,0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="45"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                        </Grid.RowDefinitions>
                        <Border Grid.Row="0" BorderBrush="Black" BorderThickness="1" Padding="5,0,0,0" Width="320"   Background="{DynamicResource MainArea_BG}">
                            <TextBlock Text="Boat Designation Processing State" FontSize="17" HorizontalAlignment="Left" VerticalAlignment="Center" Padding="5,0,0,0"/>
                        </Border>
                        <Border Grid.Row="1" BorderBrush="Black" BorderThickness="1,0,1,0" Background="{Binding LoadingBk}"  Width="320" >
                            <TextBlock Text="Elevator Unloading" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="2" BorderBrush="Black" BorderThickness="1,1,1,0" Background="{Binding UnloadingBk}" Width="320" >
                            <TextBlock Text="Cooling Before Boat Transfer" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="3" BorderBrush="Black" BorderThickness="1,1,1,0" Background="{Binding UnloadingBk}" Width="320" >
                            <TextBlock Text="Boat Moving" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="4" BorderBrush="Black" BorderThickness="1,1,1,0" Background="{Binding UnloadingBk}" Width="320">
                            <TextBlock Text="Cooling Before Discharge" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="5" BorderBrush="Black" BorderThickness="1,1,1,1" Background="{Binding UnloadingBk}" Width="320">
                            <TextBlock Text=" Discharging" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>

                    </Grid>
                    <Border Grid.Row="6" Margin="340,-150,5,100">
                        <Button Content="Cancel" Width="150" Height="55" IsEnabled="{Binding TransferJobEnabledAbort}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="Cancel">
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                    </Border>
                </StackPanel>
            </Border>
            <Path Stroke="Gray" StrokeThickness="1" Margin="150,-278,0,0">
                <Path.Data>
                    <LineGeometry StartPoint="200,5" EndPoint="200,277"/>
                </Path.Data>
            </Path>
        </StackPanel>
        <StackPanel Canvas.Left="55" Canvas.Top="320">
            <Border BorderBrush="Green" BorderThickness="2" CornerRadius="6" Width="540" Height="280" Grid.Column="0">
                <StackPanel Orientation="Vertical" Margin="10" HorizontalAlignment="Center">
                    <Grid Margin="-190,0,0,0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="45"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                            <RowDefinition Height="40"></RowDefinition>
                        </Grid.RowDefinitions>
                        <Border Grid.Row="0" BorderBrush="Black" BorderThickness="1" Padding="5,0,0,0" Width="320"   Background="{DynamicResource MainArea_BG}">
                            <TextBlock Text="PM Recipe Automation Processing State" FontSize="17" HorizontalAlignment="Left" VerticalAlignment="Center" Padding="5,0,0,0"/>
                        </Border>
                        <Border Grid.Row="1" Grid.RowSpan="3" BorderBrush="Black" BorderThickness="1,0,1,0" Background="{Binding LoadingBk}"  Width="320" >
                            <Grid Width="240" Margin="0,20,0,0">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="40"></RowDefinition>
                                    <RowDefinition Height="40"></RowDefinition>
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition></ColumnDefinition>
                                    <ColumnDefinition></ColumnDefinition>
                                </Grid.ColumnDefinitions>
                                <Border Grid.Row="0"  BorderBrush="Black" BorderThickness="1" Padding="5,0,0,0"   Background="{DynamicResource MainArea_BG}">
                                    <TextBlock Text="CJID" FontSize="18" HorizontalAlignment="Left" VerticalAlignment="Center" Padding="5,0,0,0"/>
                                </Border>
                                <Border Grid.Row="0" Grid.Column="1" BorderBrush="Black" BorderThickness="0,1,1,1" Padding="5,0,0,0"  Background="White">
                                    <TextBlock Text="" FontSize="18" HorizontalAlignment="Left" VerticalAlignment="Center" Padding="5,0,0,0"/>
                                </Border>
                                <Border Grid.Row="1"  BorderBrush="Black" BorderThickness="1,0,1,1" Padding="5,0,0,0"  Background="{DynamicResource MainArea_BG}">
                                    <TextBlock Text="PJID" FontSize="18" HorizontalAlignment="Left" VerticalAlignment="Center" Padding="5,0,0,0"/>
                                </Border>
                                <Border Grid.Row="1" Grid.Column="1" BorderBrush="Black" BorderThickness="0,0,1,1" Padding="5,0,0,0"  Background="White">
                                    <TextBlock Text="" FontSize="18" HorizontalAlignment="Left" VerticalAlignment="Center" Padding="5,0,0,0"/>
                                </Border>
                            </Grid>
                        </Border>
                        <Border Grid.Row="4" BorderBrush="Black" BorderThickness="1,1,1,0" Background="{Binding UnloadingBk}" Width="320">
                            <TextBlock Text="PM Recipe Waiting" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <Border Grid.Row="5" BorderBrush="Black" BorderThickness="1,1,1,1" Background="{Binding UnloadingBk}" Width="320">
                            <TextBlock Text="PM Rcipe Executing" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>

                    </Grid>
                    <Border Margin="340,-150,5,100">
                        <Button Content="Aobrt" Width="150" Height="55" IsEnabled="{Binding TransferJobEnabledAbort}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="Aobrt">
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                    </Border>
                </StackPanel>
            </Border>
            <Path Stroke="Gray" StrokeThickness="1" Margin="150,-283,0,0">
                <Path.Data>
                    <LineGeometry StartPoint="200,5" EndPoint="200,281"/>
                </Path.Data>
            </Path>
        </StackPanel>

        <Canvas>
            <Button Canvas.Left="1050" Canvas.Top="620" Content="Close" Width="130" Height="45">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="CloseCmd">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
        </Canvas>
    </Canvas>
</UserControl>