FurnaceELK/Furnace/FurnaceUI/Views/Status/ControlJobStatusView.xaml

<UserControl x:Class="FurnaceUI.Views.Status.ControlJobStatusView"
             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:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:converter="clr-namespace:FurnaceUI.Converter"
             xmlns:cal="http://www.caliburn.org"
             xmlns:local="clr-namespace:FurnaceUI.Views.Status"
             mc:Ignorable="d" 
             Height="750" Width="1180" >
    <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>
        <Style x:Key="LableNew" 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:StatusForegroundConverter x:Key="StatusForegroundConverter" />
        <SolidColorBrush x:Key="N2_purge_bg" Color="#B1D2F2"/>
        <SolidColorBrush x:Key="N2_purge_Idlebg" Color="#E4E487"/>
        <SolidColorBrush x:Key="N2_purge_Readybg" Color="#AEE8A5"/>
        <SolidColorBrush x:Key="N2_purge_Processbg" Color="#9FE7DA"/>

    </UserControl.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="400"/>
            <ColumnDefinition Width="10"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="50"/>
            <RowDefinition Height="10"/>
        </Grid.RowDefinitions>

        <Border  >
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <StackPanel Orientation="Horizontal">


                    <Button  Width="130" Height="46" Margin="0,0,10,0" IsEnabled="{Binding IsEnableCoolingSkip}">
                        <Button.Content>
                            <TextBlock Text="Cooling Skip" TextWrapping="Wrap" TextAlignment="Center" Foreground="Black" />
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="CoolingSkip">
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

                    <Button  Width="130" Height="46" Margin="10,0,10,0"  IsEnabled="{Binding IsEnableResume}">
                        <Button.Content>
                            <TextBlock Text="RESUME" TextWrapping="Wrap" TextAlignment="Center" Foreground="Black" />
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="Resume">
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                    <Button  Width="130" Height="46"  IsEnabled="{Binding IsEnablePause}">
                        <Button.Content>
                            <TextBlock Text="PAUSE" TextWrapping="Wrap" TextAlignment="Center" Foreground="Black" />
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="Pause">
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </StackPanel>

                <Canvas Grid.Row="1">
                    <Border BorderBrush="Black" Width="655" Height="540" BorderThickness="1" Canvas.Left="40" Canvas.Top="100" HorizontalAlignment="Center" VerticalAlignment="Top" ></Border>
                    <Label Background="LimeGreen"  Width="130" Height="45" Canvas.Left="521" Canvas.Top="40">
                        <Label.Content>
                            <TextBlock Text="Power on" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Label.Content>
                    </Label>
                    <Button BorderBrush="Black" IsEnabled="{Binding IsEnableInitialize}" Background="Transparent"  Width="130" Height="45" Canvas.Left="523" Canvas.Top="131">
                        <Button.Content>
                            <TextBlock Text="INITIALL" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="BtnClick">
                                        <cal:Parameter Value="HomeAll"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

                    <Button BorderBrush="Black"  Background="Transparent"  Width="130" Height="45" Canvas.Left="312" Canvas.Top="131">
                        <Button.Content>
                            <TextBlock Text="RESET" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="BtnClick">
                                    <cal:Parameter Value="RESET"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                    <Button BorderBrush="Black"  Background="Transparent"  Width="130" Height="45" Canvas.Left="314" Canvas.Top="221">
                        <Button.Content>
                            <TextBlock Text="IDLE" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="BtnClick">
                                    <cal:Parameter Value="IDLE"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                    <Label   Width="130" Height="45" Canvas.Left="312" Canvas.Top="311">
                        <Label.Content>
                            <TextBlock Text="STANDBY" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Label.Content>
                        <Label.Style>
                            <Style TargetType="Label"  BasedOn="{StaticResource LableNew}">
                                <Setter Property="Background" Value="#ccc"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ProcessFlowStatus,UpdateSourceTrigger=PropertyChanged}" Value="Standby">
                                        <Setter Property="Background" Value="LimeGreen"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Label.Style>
                    </Label>
                    <Label   Width="130" Height="45" Canvas.Left="312" Canvas.Top="401">
                        <Label.Content>
                            <TextBlock Text="RUN" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Label.Content>
                        <Label.Style>
                            <Style TargetType="Label"  BasedOn="{StaticResource LableNew}">
                                <Setter Property="Background" Value="#ccc"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ProcessFlowStatus,UpdateSourceTrigger=PropertyChanged}" Value="Run">
                                        <Setter Property="Background" Value="LimeGreen"/>
                                    </DataTrigger>
                             
                                </Style.Triggers>
                            </Style>
                        </Label.Style>
                    </Label>
                    <Label  Width="130" Height="45" Canvas.Left="312" Canvas.Top="491">
                        <Label.Content>
                            <TextBlock Text="END" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Label.Content>
                        <Label.Style>
                            <Style TargetType="Label"  BasedOn="{StaticResource LableNew}"> 
                                <Setter Property="Background" Value="#ccc"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ProcessFlowStatus,UpdateSourceTrigger=PropertyChanged}" Value="End">
                                        <Setter Property="Background" Value="LimeGreen"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Label.Style>
                    </Label>
                    <Button BorderBrush="Black" Background="Transparent"  Width="130" Height="45" Canvas.Left="100" Canvas.Top="131">
                        <Button.Content>
                            <TextBlock Text="ABORT" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Button.Content>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <cal:ActionMessage MethodName="BtnClick">
                                    <cal:Parameter Value="ABORT"/>
                                </cal:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                    <Label Background="Transparent"  Width="50" Height="45" Canvas.Left="80" Canvas.Top="205">
                        <Label.Content>
                            <TextBlock Text="IDLE" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Label.Content>
                    </Label>
                    <Label Background="Transparent" BorderBrush="Transparent"  Width="50" Height="45" Canvas.Left="120" Canvas.Top="205">
                        <Label.Content>
                            <TextBlock Text="或" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Label.Content>
                    </Label>
                    <Label Background="Transparent"  Width="89" Height="45" Canvas.Left="81" Canvas.Top="251" HorizontalAlignment="Left" VerticalAlignment="Top">
                        <Label.Content>
                            <TextBlock Text="STANDBY" TextAlignment="Center" TextWrapping="Wrap"  />
                        </Label.Content>
                    </Label>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="588"  Width="48" Canvas.Top="84" HorizontalAlignment="Left" VerticalAlignment="Center">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="524"  Width="80" Canvas.Top="155" HorizontalAlignment="Center" VerticalAlignment="Center">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="180"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="230"  Width="82" Canvas.Top="155" HorizontalAlignment="Center" VerticalAlignment="Center">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="0"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="354"  Width="27" Canvas.Top="205" HorizontalAlignment="Left" VerticalAlignment="Top">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="270"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="384"  Width="47" Canvas.Top="175" HorizontalAlignment="Left" VerticalAlignment="Center">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="384"  Width="47" Canvas.Top="265" HorizontalAlignment="Center" VerticalAlignment="Top">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="384"  Width="47" Canvas.Top="355" HorizontalAlignment="Center" VerticalAlignment="Top">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="384"  Width="47" Canvas.Top="445" HorizontalAlignment="Center" VerticalAlignment="Top">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>

                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="184"  Width="379" Canvas.Top="557" HorizontalAlignment="Left" VerticalAlignment="Top">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="270"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="114"  Width="29" Canvas.Top="175" HorizontalAlignment="Center" VerticalAlignment="Center">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="315"  Width="129" Canvas.Top="245" HorizontalAlignment="Left" VerticalAlignment="Center">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="180"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="315"  Width="128" Canvas.Top="335" HorizontalAlignment="Center" VerticalAlignment="Center">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="180"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="315"  Width="128" Canvas.Top="425" HorizontalAlignment="Center" VerticalAlignment="Center">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="180"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="523"  Width="79" Canvas.Top="518" HorizontalAlignment="Left" VerticalAlignment="Center">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="180"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <ed:LineArrow  Fill="#FFF4F4F5" Height="1" Stroke="Black"  Canvas.Left="588"  Width="144" Canvas.Top="246" HorizontalAlignment="Left" VerticalAlignment="Center">
                        <ed:LineArrow.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="180"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ed:LineArrow.RenderTransform>
                    </ed:LineArrow>
                    <Line X1="0" Y1="0" X2="20" Y2="0" Canvas.Left="382" Canvas.Top="536" Stroke="Black" >
                        <Line.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Line.RenderTransform>
                    </Line>
                    <Line X1="0" Y1="0" X2="80" Y2="0" Canvas.Left="443" Canvas.Top="334" Stroke="Black" >
                        <Line.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="0"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Line.RenderTransform>
                    </Line>
                    <Line X1="0" Y1="0" X2="71" Y2="0" Canvas.Left="587.5" Canvas.Top="175" Stroke="Black" HorizontalAlignment="Left" VerticalAlignment="Top" >
                        <Line.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Line.RenderTransform>
                    </Line>
                    <Line X1="0" Y1="0" X2="184" Y2="0" Canvas.Left="522.5" Canvas.Top="334" Stroke="Black" HorizontalAlignment="Left" VerticalAlignment="Center" >
                        <Line.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="90"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Line.RenderTransform>
                    </Line>
                    <Line X1="0" Y1="0" X2="198" Y2="0" Canvas.Left="382.5" Canvas.Top="556" Stroke="Black" HorizontalAlignment="Center" VerticalAlignment="Center" >
                        <Line.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="180"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Line.RenderTransform>
                    </Line>
                    <Line X1="0" Y1="0" X2="171" Y2="0" Canvas.Left="355" Canvas.Top="204" Stroke="Black" HorizontalAlignment="Left" VerticalAlignment="Top" Width="171" >
                        <Line.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="180"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Line.RenderTransform>
                    </Line>
                </Canvas>

            </Grid>
        </Border>
        <!--<Canvas Visibility="Collapsed">
         
            
            <Border   BorderBrush="Black" BorderThickness="2" Width="525" Height="300" Canvas.Left="131" Canvas.Top="152">

            </Border>
            <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="260" RenderTransformOrigin="0.5,0.5" Canvas.Left="450" Canvas.Top="63">
                <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="260" RenderTransformOrigin="0.5,0.5" Canvas.Left="450" Canvas.Top="555">
                <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="160" RenderTransformOrigin="0.5,0.5" Canvas.Left="160" Canvas.Top="63">
                <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="95" RenderTransformOrigin="0.5,0.5" Canvas.Left="374" Canvas.Top="131" Width="80">
                <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="1" Stroke="Black" VerticalAlignment="Center" MinWidth="60" RenderTransformOrigin="0.5,0.5" Canvas.Left="358" Canvas.Top="254" 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="0" Stroke="Black" VerticalAlignment="Center" MinWidth="65"  Canvas.Left="388" Canvas.Top="312" 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="0" Stroke="Black" VerticalAlignment="Center" MinWidth="100"  Canvas.Left="360" Canvas.Top="426" 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="0" Stroke="Black" VerticalAlignment="Center" MinWidth="74"  Canvas.Left="402" Canvas.Top="452" 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="0" Stroke="Black" VerticalAlignment="Center" MinWidth="56"  Canvas.Left="437" Canvas.Top="470" 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="0" Stroke="Black" VerticalAlignment="Center" MinWidth="65"  Canvas.Left="283" Canvas.Top="313" 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="1" Stroke="Black" VerticalAlignment="Center" MinWidth="63" RenderTransformOrigin="0.5,0.5" Canvas.Left="308" Canvas.Top="295" Width="14">
                <ed:LineArrow.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="180"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </ed:LineArrow.RenderTransform>
            </ed:LineArrow>
            <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="65" RenderTransformOrigin="0.5,0.5" Canvas.Left="408" Canvas.Top="400" Width="14">
                <ed:LineArrow.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="180"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </ed:LineArrow.RenderTransform>
            </ed:LineArrow>
            <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1" Stroke="Black" VerticalAlignment="Center" MinWidth="65" RenderTransformOrigin="0.5,0.5" Canvas.Left="399" Canvas.Top="412" Width="14">
                <ed:LineArrow.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </ed:LineArrow.RenderTransform>
            </ed:LineArrow>
            <ed:LineArrow Grid.Column="1" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="2" Stroke="Black" VerticalAlignment="Center" MinWidth="95" RenderTransformOrigin="0.5,0.5" Canvas.Left="310" Canvas.Top="135" Width="14">
                <ed:LineArrow.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="270"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </ed:LineArrow.RenderTransform>
            </ed:LineArrow>
            <Line X1="0" Y1="0" X2="20" Y2="0" Canvas.Left="530" Canvas.Top="451" Stroke="Black" >
                <Line.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="90"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Line.RenderTransform>
            </Line>
            <Line X1="0" Y1="0" X2="93" Y2="0" Canvas.Left="437" Canvas.Top="471" Stroke="Black" >
                <Line.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="0"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Line.RenderTransform>
            </Line>
            <Label   Background="{Binding CurrentStateIsActive}" Canvas.Left="592" Canvas.Top="152" BorderThickness="2,1,1,2" Margin="0">
                <Label.Content>
                    <TextBlock Text="ACTIVE" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding CurrentStateIsActiveForeground}"  />
                </Label.Content>
            </Label>
            <Label Background="{Binding CurrentStateIsQueued}"  Width="130" Height="45" Canvas.Left="321" Canvas.Top="40">
                <Label.Content>
                    <TextBlock Text="QUEUED" TextAlignment="Center" TextWrapping="Wrap" Foreground="{Binding SelectedControlJobsState ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=Queued}"  />
                </Label.Content>
            </Label>

            <Label   Background="{Binding CurrentStateIsSelected}" Width="130" Height="45" Canvas.Left="321" Canvas.Top="180">
                <Label.Content>
                    <TextBlock Text="SELECTED" TextAlignment="Center" TextWrapping="Wrap"  Foreground="{Binding SelectedControlJobsState ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=Selected}"/>
                </Label.Content>
            </Label>

            <Button  Width="130" Height="44" Canvas.Left="174" Canvas.Top="272">
                <Button.Content>
                    <TextBlock Text="WAITING FOR START" TextWrapping="Wrap" TextAlignment="Center"  Foreground="Black"/>
                </Button.Content>
            </Button>

            <Label Background="{Binding CurrentStateIsExecuting}" Width="130" Height="46" Canvas.Left="269" Canvas.Top="382">
                <Label.Content>
                    <TextBlock Text="EXECUTING" TextAlignment="Center" TextWrapping="Wrap"  Foreground="{Binding SelectedControlJobsState ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=Executing}" />
                </Label.Content>
            </Label>
            <Button  Width="130" Height="46" Canvas.Left="472" Canvas.Top="215" IsEnabled="{Binding IsEnableCoolingSkip}">
                <Button.Content>
                    <TextBlock Text="Cooling Skip" TextWrapping="Wrap" TextAlignment="Center" Foreground="Black" />
                </Button.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="CoolingSkip">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
            <Button  Width="130" Height="46" Canvas.Left="472" Canvas.Top="270" IsEnabled="{Binding IsEnableStop}">
                <Button.Content>
                    <TextBlock Text="ABORT" TextWrapping="Wrap" TextAlignment="Center" Foreground="Black" />
                </Button.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="AbortJob">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
            <Button  Width="130" Height="46" Canvas.Left="472" Canvas.Top="325" IsEnabled="{Binding IsEnableResume}">
                <Button.Content>
                    <TextBlock Text="RESUME" TextWrapping="Wrap" TextAlignment="Center" Foreground="Black" />
                </Button.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="Resume">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>
            <Button  Width="130" Height="46" Canvas.Left="472" Canvas.Top="382" IsEnabled="{Binding IsEnablePause}">
                <Button.Content>
                    <TextBlock Text="PAUSE" TextWrapping="Wrap" TextAlignment="Center" Foreground="Black" />
                </Button.Content>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="Pause">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

            <Label   Background="{Binding CurrentStateIsCompleted}" Width="130" Height="46" Canvas.Left="321" Canvas.Top="530">
                <Label.Content>
                    <TextBlock Text="COMPLETED" TextWrapping="Wrap" TextAlignment="Center"   Foreground="{Binding SelectedControlJobsState ,Converter={StaticResource StatusForegroundConverter},ConverterParameter=Completed}" />
                </Label.Content>
            </Label>

            <TextBlock Text="©" Canvas.Left="378" Canvas.Top="285" FontSize="20"/>
            <TextBlock Text="⊙" Canvas.Left="709" Canvas.Top="534" FontSize="30"/>
            <TextBlock Text="⊙" Canvas.Left="709" Canvas.Top="41" FontSize="30"/>
            <TextBlock Text="●" Canvas.Left="140" Canvas.Top="35" FontSize="40"/>
        </Canvas>-->
        <Grid Grid.Column="1" Margin="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="80"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition  ></RowDefinition>
                    <RowDefinition  ></RowDefinition>
                </Grid.RowDefinitions>
                <Border BorderBrush="Black" BorderThickness="1"  >
                    <TextBlock  Text="CJID" VerticalAlignment="Center" TextAlignment="Center" FontSize="16" />
                </Border>
                <Border Grid.Row="1" BorderBrush="Black" BorderThickness="1,0,1,1"  >
                    <TextBlock  Text="Start Mode" VerticalAlignment="Center" TextAlignment="Center" FontSize="16" />
                </Border>
                <Border Grid.Column="1" BorderBrush="Black" BorderThickness="0,1,1,1"  >
                    <TextBlock  Text="{Binding SelectedControlJobsObjtID}" VerticalAlignment="Center" TextAlignment="Center" FontSize="16" />
                </Border>
                <Border Grid.Row="1" Grid.Column="1"  BorderBrush="Black" BorderThickness="0,0,1,1"  >
                    <TextBlock  Text="{Binding CurrentStartMode}" VerticalAlignment="Center" TextAlignment="Center" FontSize="16" />
                </Border>
            </Grid>
            <!--<StackPanel Orientation="Horizontal" Margin="0,2,0,0">
                        <Label Content="CJID"  Width="120" Margin="1,1,0,0"  Background="{DynamicResource ThirdLevelElement_BG}" />
                        <Border BorderBrush="Black" BorderThickness="0,1,1,1" Width="272" Margin="0,2,0,-1">
                            <TextBlock  Text="{Binding SelectedControlJobsObjtID}" VerticalAlignment="Center" TextAlignment="Center" FontSize="16" />
                        </Border>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" Grid.Row="1"  Margin="0,0,0,2">
                            <Label Content="Start Mode"  Width="120" BorderThickness="1,0,1,1" Margin="1,0,0,0" Background="{DynamicResource ThirdLevelElement_BG}" />
                            <Border BorderBrush="Black" BorderThickness="0,0,1,1" Width="272">
                                <TextBlock  Text="{Binding CurrentStartMode}" VerticalAlignment="Center" TextAlignment="Center" FontSize="16" />
                            </Border>
                        </StackPanel> -->
            <DataGrid Grid.Row="2" ItemsSource="{Binding ControlJobsData,Mode=OneWay}"
                       AutoGenerateColumns="False" SelectionUnit="FullRow"
                  VerticalAlignment="Stretch"  VerticalContentAlignment="Stretch"
                          HorizontalGridLinesBrush="Gray" VerticalGridLinesBrush="#A0808080"
                      
                      SelectedItem="{Binding SelectedControlJob}">
                <DataGrid.Columns>
                    <DataGridTemplateColumn Width="60" Header="NUM">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding Num}" FontSize="16"/>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                    <DataGridTemplateColumn Width="*" Header="CJID">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding Name}" FontSize="16" VerticalAlignment="Center"/>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                </DataGrid.Columns>
            </DataGrid>
        </Grid>

        <StackPanel Grid.Row="1" Grid.ColumnSpan="2" Orientation="Horizontal" HorizontalAlignment="Center">
            <!--<Button Content="Close" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="-1000,0,0,0">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Click">
                        <cal:ActionMessage MethodName="ClosedCmd">
                        </cal:ActionMessage>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </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="PJ Detail" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

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

            </Button>
            <Button Content="CJ Index" 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="Change CJ" Height="45" FontSize="16" VerticalAlignment="Center" Width="120" Margin="20,0,0,0">

            </Button>-->
        </StackPanel>
    </Grid>
</UserControl>