ELK/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" 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:StatusForegroundConverter x:Key="StatusForegroundConverter" />
    </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>

        <Canvas>
            <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="40"/>
                <RowDefinition Height="40"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <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>