ELK/Furnace/FurnaceUI/Views/Status/LoadPortStateView.xaml

<UserControl x:Class="FurnaceUI.Views.Status.LoadPortStateView"
             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:ed="http://schemas.microsoft.com/expression/2010/drawing"
             xmlns:local="clr-namespace:FurnaceUI.Views.Status"
             xmlns:converter="clr-namespace:FurnaceUI.Converter"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:cal="http://www.caliburn.org"
             mc:Ignorable="d" 
             Height="750" Width="1180" Background="White">
    <UserControl.Resources>
        <Style TargetType="TextBlock">
            <Setter Property="FontSize" Value="14"  />
            <Setter Property="Foreground" Value="Black"/>
        </Style>
        <Style TargetType="Label" BasedOn="{StaticResource TopLable}">
            <Setter Property="Background" Value="{DynamicResource FirstLevelElement_BG}"/>
            <Setter Property="Foreground" Value="Black"/>
            <Setter Property="BorderBrush" Value="Black"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
        </Style>
        <converter:StatusBackgroundConverter x:Key="StatusBackgroundConverter" />
        <converter:StatusForegroundConverter x:Key="StatusForegroundConverter" />
    </UserControl.Resources>
    <TabControl>
        <TabItem Header="LP1">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="40"/>
                    <RowDefinition Height="40"/>
                    <RowDefinition Height="40"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="10"/>
                </Grid.RowDefinitions>
                <Label Grid.Row="0" Content="Load Port State (Load Port 1)" Background="{DynamicResource ThirdLevelElement_BG}" BorderThickness="1,1,1,0"  Margin="5,2,2,0"/>
                <Grid Grid.Column="1" Grid.RowSpan="3" HorizontalAlignment="Center">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="40"/>
                    </Grid.RowDefinitions>
                    <Label Content="Staus" Margin="1,2,1,-2" BorderThickness="1,1,1,0" Background="{DynamicResource ThirdLevelElement_BG}" />
                    <StackPanel Grid.Row="1" Grid.Column="1" Orientation="Horizontal" Margin="0,0,2,0" HorizontalAlignment="Center">
                        <Label Content="Loading" Width="130" Background="White">

                        </Label>
                        <Label Content="UnLoading" Width="130" BorderThickness="0,1,1,1" Background="White" Margin="0,1,0,1">

                        </Label>
                        <Label Content="ReLoading" Width="133" BorderThickness="0,1,1,1" Background="White" Margin="0,1,0,1">

                        </Label>
                    </StackPanel>
                    <StackPanel Grid.Row="2" Grid.Column="1" Orientation="Horizontal" Margin="0,-4,0,2">
                        <Label  Width="130" Background="White" BorderThickness="1,0,1,1">

                        </Label>
                        <Label Content="CLAMP" Width="130"  BorderThickness="0,0,1,1" Background="White" Margin="0,1,0,1">

                        </Label>
                        <Label Content="UNCLAMP" Width="133"  BorderThickness="0,0,1,1" Background="White" Margin="0,1,0,1">

                        </Label>
                    </StackPanel>
                </Grid>
                <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="8,-4,2,0">
                    <Label Content="CARRIER ID"  Width="180" Margin="1,1,0,2" Background="{DynamicResource ThirdLevelElement_BG}" />
                    <Border BorderBrush="Black" BorderThickness="0,1,1,1" Width="397" Margin="0,2,0,4">
                        <TextBlock  Text="ED_000000000037-1" VerticalAlignment="Center" TextAlignment="Center" FontSize="16" />
                    </Border>

                </StackPanel>
                <StackPanel Grid.Row="2" Orientation="Horizontal" Margin="8,-6,0,2">
                    <Label Content="READ CARRIER ID"  Width="180" BorderThickness="1,0,1,1" Margin="1,1,0,1" Background="{DynamicResource ThirdLevelElement_BG}" />
                    <Border BorderBrush="Black" BorderThickness="0,0,1,1" Width="397" Margin="0,2">
                        <TextBlock  Text="ED_000000000037-1" VerticalAlignment="Center" TextAlignment="Center" FontSize="16" />
                    </Border>
                </StackPanel>

                <Canvas Grid.Row="2" Margin="0,16,10,28" Grid.RowSpan="2">
                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="140" RenderTransformOrigin="0.5,0.5" Canvas.Left="274" Canvas.Top="162" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="270"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="140" RenderTransformOrigin="0.5,0.5" Canvas.Left="182" Canvas.Top="144" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>

                    <Button  Height="60" Width="570" Canvas.Left="6" Canvas.Top="27" Background="{Binding TransferStateLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=OUT_OF_SERVICE}" >
                        <Button.Content>
                            <TextBlock Text="OUT OF SERVICE" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding TransferStateLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=OUT_OF_SERVICE}"/>
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="LP1SetOutService"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

                    <Button Canvas.Left="6" Canvas.Top="222" Width="570" Height="326">
                        <Button.Content>
                            <Grid Width="570" Height="300" Margin="2">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="40"/>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="70"/>
                                </Grid.RowDefinitions>
                                <Button FontSize="16" VerticalAlignment="Center" Background="{Binding TransferStateLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=IN_SERVICE}">
                                    <Button.Content>
                                        <TextBlock Text="IN SERVICE" TextAlignment="Center" TextWrapping="Wrap"  Foreground="{Binding TransferStateLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=IN_SERVICE}"/>
                                    </Button.Content>
                                    <i:Interaction.Triggers>
                                        <i:EventTrigger EventName="Click">
                                            <cal:ActionMessage MethodName="LP1SetInService"/>
                                        </i:EventTrigger>
                                    </i:Interaction.Triggers>
                                </Button>
                                <StackPanel Grid.Row="1" Orientation="Horizontal" Height="150">
                                    <Border BorderBrush="Black" BorderThickness="2" Width="536" Margin="5">
                                        <Grid Margin="-1,0,1,0">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="10"/>
                                                <ColumnDefinition Width="*"/>
                                            </Grid.ColumnDefinitions>
                                            <Button BorderBrush="Black" Grid.Column="0" Margin="8" Background="{Binding TransferStateLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=READY_TO_LOAD}">
                                                <Button.Content>
                                                    <TextBlock Text="READY TO LOAD" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding TransferStateLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=READY_TO_LOAD}"/>
                                                </Button.Content>
                                            </Button>
                                            <Button BorderBrush="Black" Grid.Column="2" Margin="8" Background="{Binding TransferStateLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=READY_TO_UNLOAD}">
                                                <Button.Content>
                                                    <TextBlock Text="READY TO UNLOAD" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding TransferStateLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=READY_TO_UNLOAD}"/>
                                                </Button.Content>
                                            </Button>
                                        </Grid>
                                    </Border>

                                </StackPanel>

                                <Button BorderBrush="Black" Margin="35,188,35,12"  Grid.Row="1" Height="60" Width="500" Canvas.Left="6" Canvas.Top="27" Grid.RowSpan="2" Background="{Binding TransferStateLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=TRANSFER_BLOCKED}"  >
                                    <Button.Content>
                                        <TextBlock Text="TRANSFER BLOCKED" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding TransferStateLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=TRANSFER_BLOCKED}"/>
                                    </Button.Content>
                                </Button>
                            </Grid>
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="LP1SetInService"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="30" RenderTransformOrigin="0.5,0.5" Canvas.Left="110" Canvas.Top="443" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>

                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="30" RenderTransformOrigin="0.5,0.5" Canvas.Left="155" Canvas.Top="447" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="270"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>

                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="30" RenderTransformOrigin="0.5,0.5" Canvas.Left="401" Canvas.Top="443" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="30" RenderTransformOrigin="0.5,0.5" Canvas.Left="448" Canvas.Top="447" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="270"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                </Canvas>

                <Grid Grid.Row="3" Grid.Column="1" Margin="2">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Canvas Grid.Row="0">
                        <Border BorderBrush="Black" BorderThickness="2" Height="165" Width="576" Canvas.Left="2" Canvas.Top="12" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        <Border BorderBrush="Black" BorderThickness="2,0,2,2" Height="165" Width="576" Canvas.Top="186" Canvas.Left="2" HorizontalAlignment="Center" VerticalAlignment="Top"/>
                        <Border BorderBrush="Black" BorderThickness="2,0,2,2" Height="165" Width="576" Canvas.Top="359" Canvas.Left="2"/>
                        <Label Content="RESERVATION"  Canvas.Left="10" Canvas.Top="76" Width="150" Background="{DynamicResource ThirdLevelElement_BG}" />

                        <Label Height="45" Width="170" Canvas.Left="263" Canvas.Top="24" Background="{Binding ReserveStateLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=NOT_RESERVED}" >
                            <Label.Content>
                                <TextBlock Text="NOT RESERVED" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding ReserveStateLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=NOT_RESERVED}"/>
                            </Label.Content>
                        </Label>
                        <Label Height="45" Width="170" Canvas.Left="263" Canvas.Top="112" Background="{Binding ReserveStateLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=RESERVED}">
                            <Label.Content>
                                <TextBlock Text="RESERVED" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding ReserveStateLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=RESERVED}"/>
                            </Label.Content>
                        </Label>
                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="140">

                        </Line>

                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="434" Canvas.Top="51">

                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="484" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50"  Canvas.Left="211" Canvas.Top="51">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>

                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50" RenderTransformOrigin="0.5,0.5" Canvas.Left="434" Canvas.Top="140">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="180"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>
                    </Canvas>
                    <Canvas Grid.Row="1">
                        <Label  Width="150" Content="CARRIER"  Canvas.Left="11" Canvas.Top="77" BorderThickness="1,1,1,0" Margin="0" Background="{DynamicResource ThirdLevelElement_BG}" />
                        <Label  Width="150" Content="ASSOCIATION"  Canvas.Left="11" Canvas.Top="100"  BorderThickness="1,0,1,1" Margin="0"  Background="{DynamicResource ThirdLevelElement_BG}" />
                        <Label  Height="45" Width="170" Canvas.Left="263" Canvas.Top="26"  Background="{Binding AssociationStateLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=NOT_ASSOCAITED}" >
                            <Label.Content>
                                <TextBlock Text="NOT ASSOCIATED" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding AssociationStateLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=NOT_ASSOCAITED}"/>
                            </Label.Content>
                        </Label>
                        <Label  Height="45" Width="170" Canvas.Left="263" Canvas.Top="116" Background="{Binding AssociationStateLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=ASSOCIATED}" >
                            <Label.Content>
                                <TextBlock Text="ASSOCIATION" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding AssociationStateLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=ASSOCIATED}"/>
                            </Label.Content>
                        </Label>

                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="140">

                        </Line>

                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="434" Canvas.Top="51">

                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="484" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50"  Canvas.Left="211" Canvas.Top="51">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>

                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50" RenderTransformOrigin="0.5,0.5" Canvas.Left="434" Canvas.Top="140">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="180"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>
                    </Canvas>
                    <Canvas Grid.Row="2">
                        <Label Content="ACCESS MODE"  Canvas.Left="10" Canvas.Top="76" Width="150" Background="{DynamicResource ThirdLevelElement_BG}" />

                        <Button Height="45" Width="170" Canvas.Left="263" Canvas.Top="28" Background="{Binding AccessModeLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=Manual}">
                            <Button.Content>
                                <TextBlock Text="MANUAL" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding AccessModeLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=Manual}"/>
                            </Button.Content>
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="LP1SetManual"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button Height="45" Width="170" Canvas.Left="263" Canvas.Top="118" Background="{Binding AccessModeLp1 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=Auto}" >
                            <Button.Content>
                                <TextBlock Text="AUTO" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding AccessModeLp1 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=Auto}"/>
                            </Button.Content>
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="LP1SetAuto"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="140">

                        </Line>

                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="434" Canvas.Top="51">

                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="484" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50"  Canvas.Left="211" Canvas.Top="51">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>

                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50" RenderTransformOrigin="0.5,0.5" Canvas.Left="434" Canvas.Top="140">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="180"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>
                    </Canvas>
                </Grid>
                <StackPanel Grid.Row="4" Grid.ColumnSpan="3" Orientation="Horizontal" HorizontalAlignment="Center">
                    <Button Content="Close" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="0,0,0,0">

                    </Button>
                    <Button  Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Content="Reload" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Content="Cancel Load" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Content="" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Content="" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Content="PIO State" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">
                        <Button.Content>
                            <TextBlock Text="Change LoadPort" TextWrapping="Wrap" FontSize="16" Foreground="Black"/>
                        </Button.Content>
                    </Button>
                </StackPanel>
            </Grid>
        </TabItem>
        <TabItem Header="LP2">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="40"/>
                    <RowDefinition Height="40"/>
                    <RowDefinition Height="40"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="10"/>
                </Grid.RowDefinitions>
                <Label Grid.Row="0" Content="Load Port State (Load Port 2)" Background="{DynamicResource ThirdLevelElement_BG}" BorderThickness="1,1,1,0"  Margin="5,2,2,0"/>
                <Grid Grid.Column="1" Grid.RowSpan="3" HorizontalAlignment="Center">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="40"/>
                    </Grid.RowDefinitions>
                    <Label Content="Staus" Margin="1,2,1,-2" BorderThickness="1,1,1,0" Background="{DynamicResource ThirdLevelElement_BG}" />
                    <StackPanel Grid.Row="1" Grid.Column="1" Orientation="Horizontal" Margin="0,0,2,0" HorizontalAlignment="Center">
                        <Label Content="Loading" Width="130" Background="White">

                        </Label>
                        <Label Content="UnLoading" Width="130" BorderThickness="0,1,1,1" Background="White" Margin="0,1,0,1">

                        </Label>
                        <Label Content="ReLoading" Width="133" BorderThickness="0,1,1,1" Background="White" Margin="0,1,0,1">

                        </Label>
                    </StackPanel>
                    <StackPanel Grid.Row="2" Grid.Column="1" Orientation="Horizontal" Margin="0,-4,0,2">
                        <Label  Width="130" Background="White" BorderThickness="1,0,1,1">

                        </Label>
                        <Label Content="CLAMP" Width="130"  BorderThickness="0,0,1,1" Background="White" Margin="0,1,0,1">

                        </Label>
                        <Label Content="UNCLAMP" Width="133"  BorderThickness="0,0,1,1" Background="White" Margin="0,1,0,1">

                        </Label>
                    </StackPanel>
                </Grid>
                <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="8,-4,2,0">
                    <Label Content="CARRIER ID"  Width="180" Margin="1,1,0,2" Background="{DynamicResource ThirdLevelElement_BG}" />
                    <Border BorderBrush="Black" BorderThickness="0,1,1,1" Width="397" Margin="0,2,0,4">
                        <TextBlock  Text="ED_000000000037-1" VerticalAlignment="Center" TextAlignment="Center" FontSize="16" />
                    </Border>

                </StackPanel>
                <StackPanel Grid.Row="2" Orientation="Horizontal" Margin="8,-6,0,2">
                    <Label Content="READ CARRIER ID"  Width="180" BorderThickness="1,0,1,1" Margin="1,1,0,1" Background="{DynamicResource ThirdLevelElement_BG}" />
                    <Border BorderBrush="Black" BorderThickness="0,0,1,1" Width="397" Margin="0,2">
                        <TextBlock  Text="ED_000000000037-1" VerticalAlignment="Center" TextAlignment="Center" FontSize="16" />
                    </Border>
                </StackPanel>

                <Canvas Grid.Row="2" Margin="0,16,10,28" Grid.RowSpan="2">
                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="140" RenderTransformOrigin="0.5,0.5" Canvas.Left="274" Canvas.Top="162" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="270"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="140" RenderTransformOrigin="0.5,0.5" Canvas.Left="182" Canvas.Top="144" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>

                    <Button  Height="60" Width="570" Canvas.Left="6" Canvas.Top="27" Background="{Binding TransferStateLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=OUT_OF_SERVICE}" >
                        <Button.Content>
                            <TextBlock Text="OUT OF SERVICE" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding TransferStateLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=OUT_OF_SERVICE}"/>
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="LP2SetOutService"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

                    <Button Canvas.Left="6" Canvas.Top="222" Width="570" Height="326">
                        <Button.Content>
                            <Grid Width="570" Height="300" Margin="2">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="40"/>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="70"/>
                                </Grid.RowDefinitions>
                                <Button FontSize="16" VerticalAlignment="Center" Background="{Binding TransferStateLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=IN_SERVICE}">
                                    <Button.Content>
                                        <TextBlock Text="IN SERVICE" TextAlignment="Center" TextWrapping="Wrap"  Foreground="{Binding TransferStateLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=IN_SERVICE}"/>
                                    </Button.Content>
                                    <i:Interaction.Triggers>
                                        <i:EventTrigger EventName="Click">
                                            <cal:ActionMessage MethodName="LP2SetInService"/>
                                        </i:EventTrigger>
                                    </i:Interaction.Triggers>
                                </Button>
                                <StackPanel Grid.Row="1" Orientation="Horizontal" Height="150">
                                    <Border BorderBrush="Black" BorderThickness="2" Width="536" Margin="5">
                                        <Grid Margin="-1,0,1,0">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="10"/>
                                                <ColumnDefinition Width="*"/>
                                            </Grid.ColumnDefinitions>
                                            <Button BorderBrush="Black" Grid.Column="0" Margin="8" Background="{Binding TransferStateLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=READY_TO_LOAD}">
                                                <Button.Content>
                                                    <TextBlock Text="READY TO LOAD" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding TransferStateLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=READY_TO_LOAD}"/>
                                                </Button.Content>
                                            </Button>
                                            <Button BorderBrush="Black" Grid.Column="2" Margin="8" Background="{Binding TransferStateLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=READY_TO_UNLOAD}">
                                                <Button.Content>
                                                    <TextBlock Text="READY TO UNLOAD" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding TransferStateLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=READY_TO_UNLOAD}"/>
                                                </Button.Content>
                                            </Button>
                                        </Grid>
                                    </Border>

                                </StackPanel>

                                <Button BorderBrush="Black" Margin="35,188,35,12"  Grid.Row="1" Height="60" Width="500" Canvas.Left="6" Canvas.Top="27" Grid.RowSpan="2" Background="{Binding TransferStateLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=TRANSFER_BLOCKED}"  >
                                    <Button.Content>
                                        <TextBlock Text="TRANSFER BLOCKED" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding TransferStateLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=TRANSFER_BLOCKED}"/>
                                    </Button.Content>
                                </Button>
                            </Grid>
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="LP2SetInService"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="30" RenderTransformOrigin="0.5,0.5" Canvas.Left="110" Canvas.Top="443" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>

                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="30" RenderTransformOrigin="0.5,0.5" Canvas.Left="155" Canvas.Top="447" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="270"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>

                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="30" RenderTransformOrigin="0.5,0.5" Canvas.Left="401" Canvas.Top="443" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="30" RenderTransformOrigin="0.5,0.5" Canvas.Left="448" Canvas.Top="447" Width="14">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="270"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                </Canvas>

                <Grid Grid.Row="3" Grid.Column="1" Margin="2">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Canvas Grid.Row="0">
                        <Border BorderBrush="Black" BorderThickness="2" Height="165" Width="576" Canvas.Left="2" Canvas.Top="12" HorizontalAlignment="Left" VerticalAlignment="Center"/>
                        <Border BorderBrush="Black" BorderThickness="2,0,2,2" Height="165" Width="576" Canvas.Top="186" Canvas.Left="2" HorizontalAlignment="Center" VerticalAlignment="Top"/>
                        <Border BorderBrush="Black" BorderThickness="2,0,2,2" Height="165" Width="576" Canvas.Top="359" Canvas.Left="2"/>
                        <Label Content="RESERVATION"  Canvas.Left="10" Canvas.Top="76" Width="150" Background="{DynamicResource ThirdLevelElement_BG}" />

                        <Label Height="45" Width="170" Canvas.Left="263" Canvas.Top="24" Background="{Binding ReserveStateLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=NOT_RESERVED}" >
                            <Label.Content>
                                <TextBlock Text="NOT RESERVED" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding ReserveStateLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=NOT_RESERVED}"/>
                            </Label.Content>
                        </Label>
                        <Label Height="45" Width="170" Canvas.Left="263" Canvas.Top="112" Background="{Binding ReserveStateLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=RESERVED}">
                            <Label.Content>
                                <TextBlock Text="RESERVED" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding ReserveStateLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=RESERVED}"/>
                            </Label.Content>
                        </Label>
                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="140">

                        </Line>

                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="434" Canvas.Top="51">

                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="484" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50"  Canvas.Left="211" Canvas.Top="51">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>

                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50" RenderTransformOrigin="0.5,0.5" Canvas.Left="434" Canvas.Top="140">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="180"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>
                    </Canvas>
                    <Canvas Grid.Row="1">
                        <Label  Width="150" Content="CARRIER"  Canvas.Left="11" Canvas.Top="77" BorderThickness="1,1,1,0" Margin="0" Background="{DynamicResource ThirdLevelElement_BG}" />
                        <Label  Width="150" Content="ASSOCIATION"  Canvas.Left="11" Canvas.Top="100"  BorderThickness="1,0,1,1" Margin="0"  Background="{DynamicResource ThirdLevelElement_BG}" />
                        <Label  Height="45" Width="170" Canvas.Left="263" Canvas.Top="26"  Background="{Binding AssociationStateLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=NOT_ASSOCAITED}" >
                            <Label.Content>
                                <TextBlock Text="NOT ASSOCIATED" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding AssociationStateLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=NOT_ASSOCAITED}"/>
                            </Label.Content>
                        </Label>
                        <Label  Height="45" Width="170" Canvas.Left="263" Canvas.Top="116" Background="{Binding AssociationStateLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=ASSOCIATED}" >
                            <Label.Content>
                                <TextBlock Text="ASSOCIATION" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding AssociationStateLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=ASSOCIATED}"/>
                            </Label.Content>
                        </Label>

                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="140">

                        </Line>

                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="434" Canvas.Top="51">

                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="484" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50"  Canvas.Left="211" Canvas.Top="51">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>

                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50" RenderTransformOrigin="0.5,0.5" Canvas.Left="434" Canvas.Top="140">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="180"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>
                    </Canvas>
                    <Canvas Grid.Row="2">
                        <Label Content="ACCESS MODE"  Canvas.Left="10" Canvas.Top="76" Width="150" Background="{DynamicResource ThirdLevelElement_BG}" />

                        <Button Height="45" Width="170" Canvas.Left="263" Canvas.Top="28" Background="{Binding AccessModeLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=Manual}">
                            <Button.Content>
                                <TextBlock Text="MANUAL" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding AccessModeLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=Manual}"/>
                            </Button.Content>
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="LP2SetManual"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button Height="45" Width="170" Canvas.Left="263" Canvas.Top="118" Background="{Binding AccessModeLp2 ,Converter={StaticResource StatusBackgroundConverter},ConverterParameter=Auto}" >
                            <Button.Content>
                                <TextBlock Text="AUTO" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding AccessModeLp2 ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=Auto}"/>
                            </Button.Content>
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="LP2SetAuto"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="140">

                        </Line>

                        <Line X1="0" Y1="0" X2="50" Y2="0" Stroke="Black" Canvas.Left="434" Canvas.Top="51">

                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="211" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <Line X1="0" Y1="0" X2="90" Y2="0" Stroke="Black" Canvas.Left="484" Canvas.Top="51" >
                            <Line.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="90"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Line.RenderTransform>
                        </Line>
                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50"  Canvas.Left="211" Canvas.Top="51">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>

                        <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="50" RenderTransformOrigin="0.5,0.5" Canvas.Left="434" Canvas.Top="140">
                            <ed:LineArrow.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="180"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </ed:LineArrow.RenderTransform>
                        </ed:LineArrow>
                    </Canvas>
                </Grid>
                <StackPanel Grid.Row="4" Grid.ColumnSpan="3" Orientation="Horizontal" HorizontalAlignment="Center">
                    <Button Content="Close" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="0,0,0,0">

                    </Button>
                    <Button  Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Content="Reload" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Content="Cancel Load" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Content="" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Content="" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Content="PIO State" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

                    </Button>
                    <Button Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">
                        <Button.Content>
                            <TextBlock Text="Change LoadPort" TextWrapping="Wrap" FontSize="16" Foreground="Black"/>
                        </Button.Content>
                    </Button>
                </StackPanel>
            </Grid>
        </TabItem>
    </TabControl>
</UserControl>