path: root/Software/Visual_Studio/PPC/Tango.PPC.UI/Views/MachineStatusView.xaml

<UserControl x:Class="Tango.PPC.UI.Views.MachineStatusView"
             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:touch="clr-namespace:Tango.Touch.Controls;assembly=Tango.Touch"
             xmlns:vm="clr-namespace:Tango.PPC.UI.ViewModels"
             xmlns:locaControls="clr-namespace:Tango.PPC.UI.Controls"
             xmlns:global="clr-namespace:Tango.PPC.UI"
             xmlns:local="clr-namespace:Tango.PPC.UI.Views"
             mc:Ignorable="d" 
             d:DesignHeight="1280" d:DesignWidth="932" d:DataContext="{d:DesignInstance Type=vm:MachineStatusViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.MachineStatusViewVM}">
    <UserControl.Resources>
        
        <Style x:Key="LinkRoundButtonStyle" TargetType="{x:Type touch:TouchButton}">
            <Setter Property="Background" Value="{StaticResource TangoMidAccentBrush}"></Setter>
            <Setter Property="CornerRadius" Value="23"></Setter>
            <Setter Property="EnableDropShadow" Value="False"></Setter>
            <Setter Property="Width" Value="160"/>
            <Setter Property="Height" Value="46"/>
            <Setter Property="RenderOptions.EdgeMode" Value="Unspecified"/>
        </Style>
        
    </UserControl.Resources>
    <Grid Width="1280" Height="1280">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="32"></ColumnDefinition>
            <ColumnDefinition Width="1*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Border>
            <Border.Background>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0" >
                    <GradientStop Color="Gainsboro" Offset="0" />
                    <GradientStop Color="{StaticResource TangoMidBackgroundColor}" Offset="1.0" />

                </LinearGradientBrush>
            </Border.Background>
        </Border>
        <Grid Grid.Column="1" Background="{StaticResource TangoMidBackgroundBrush}" Margin="0 0 0 0" >
        <Grid Margin="0 18 0 0">
            <Grid.RowDefinitions>
            <RowDefinition Height="56"></RowDefinition>
            <RowDefinition Height="1*"></RowDefinition>
        </Grid.RowDefinitions>
            
        <Border x:Name="StatusTabs" HorizontalAlignment="Center" VerticalAlignment="Top" Width="330" BorderThickness="2" CornerRadius ="28" BorderBrush="{StaticResource TangoNotificationBorderBrush}">
            <StackPanel Orientation="Horizontal" Margin="3">
                    <touch:TouchButton   EnableDropShadow="False"  Command="{Binding JobStatusViewCommand}">
                        <TextBlock Text="Job Status"></TextBlock>
                        <touch:TouchButton.Style>
                        <Style TargetType="{x:Type touch:TouchButton}" BasedOn="{StaticResource LinkRoundButtonStyle}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsJobStatusViewEnable}" Value="False">
                                        <Setter Property="Background" Value="Transparent"></Setter>
                                        <Setter Property="BorderBrush" Value="Transparent"></Setter>
                                        <Setter Property="Foreground" Value="{StaticResource TangoDisabledForegroundBrush}"></Setter>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </touch:TouchButton.Style>
                    </touch:TouchButton>
                    <touch:TouchButton   Margin="0 0 0 0"  Command="{Binding OverviewViewCommand}">
                        <touch:TouchButton.Style>
                        <Style TargetType="{x:Type touch:TouchButton}" BasedOn="{StaticResource LinkRoundButtonStyle}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsJobStatusViewEnable}" Value="True">
                                        <Setter Property="Background" Value="Transparent"></Setter>
                                        <Setter Property="BorderBrush" Value="Transparent"></Setter>
                                        <Setter Property="Foreground" Value="{StaticResource TangoDisabledForegroundBrush}"></Setter>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </touch:TouchButton.Style>
                        <TextBlock Text="Overview"></TextBlock>
                    </touch:TouchButton>
                </StackPanel>
        </Border>
                <Canvas Width="300" VerticalAlignment="Top" HorizontalAlignment="Right" Height="56" Margin="0 -30 -60 0">
                    <Grid Panel.ZIndex="100" DockPanel.Dock="Top" Height="117" Background="Transparent">
                        <Grid HorizontalAlignment="Right" Margin="0 0 0 0">
                        <StackPanel Orientation="Horizontal">
                            <Grid>
                                <StackPanel x:Name="techPressElement" VerticalAlignment="Center" Background="Transparent" Orientation="Horizontal"> 
                                    <TextBlock Margin="0 10 20 0" FontSize="{StaticResource TangoComboBoxItemFontSize}" Text="{Binding MachineProvider.MachineOperator.Status,Converter={StaticResource EnumToDescriptionConverter}}"></TextBlock>
                                    <locaControls:MachineStatusControl HorizontalAlignment="Center" DataContext="{Binding MachineProvider.MachineOperator}" />
                                
                                </StackPanel>

                                <Grid IsHitTestVisible="False" HorizontalAlignment="Center">
                                    <Grid.Style>
                                        <Style TargetType="Grid">
                                            <Setter Property="Visibility" Value="Hidden"></Setter>
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding MachineProvider.MachineOperator.MachineStatus.AutoInkFillingEnabled}" Value="True">
                                                    <Setter Property="Visibility" Value="Visible"></Setter>
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding MachineProvider.MachineOperator.IsConnected}" Value="False">
                                                    <Setter Property="Visibility" Value="Hidden"></Setter>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Grid.Style>
                                </Grid>
                            </Grid>
                        </StackPanel>
                    </Grid>
                </Grid>
                </Canvas>
            <Grid x:Name="JobStatus" Margin="32 50 60 0" Grid.Row="1" Visibility="{Binding IsJobStatusViewEnable, Converter={StaticResource BooleanToVisibilityConverter}}">
                <Grid.RowDefinitions>
                <RowDefinition Height="95"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="100"></RowDefinition>

                </Grid.RowDefinitions>
                <Grid Margin=" 0 0 0 20">
                    <DockPanel>
                        <touch:TouchButton  DockPanel.Dock="Right" VerticalAlignment="Top" Style="{StaticResource TangoLinkButton}"  Foreground="{StaticResource TangoPrimaryAccentBrush}">
                            <StackPanel Orientation="Vertical">
                                <TextBlock Margin="5 0 0 0" FontSize="{StaticResource TangoButtonFontSize}" VerticalAlignment="Bottom">Go To Job</TextBlock>
                                <Rectangle Height="3" Fill="{StaticResource TangoPrimaryAccentBrush}"  VerticalAlignment="Bottom"  Margin="0 2 0 0"></Rectangle>
                            </StackPanel>
                        </touch:TouchButton>
                        <TextBlock DockPanel.Dock="Left" FontSize="{StaticResource TangoLargeHeaderFontSize}" Text="{Binding Job.Name, TargetNullValue='-', FallbackValue='-'}"> </TextBlock>
                    </DockPanel>
                    <Border Height="2" Background="{StaticResource TangoLightBorderBrush}"  VerticalAlignment="Bottom"  Margin="0 2 0 0" CornerRadius="2"></Border>
                </Grid>
            
            <DockPanel Grid.Row="1" Margin="0 25 0 0">
                <!--<Grid Panel.ZIndex="100" DockPanel.Dock="Top" Height="117" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                    <Grid.Effect>
                        <DropShadowEffect Color="Silver" ShadowDepth="0"  BlurRadius="20" Opacity="1" />
                    </Grid.Effect>

                    <Grid HorizontalAlignment="Right" Margin="0 0 20 0">
                        <StackPanel Orientation="Horizontal">
                            <Grid>
                                <StackPanel x:Name="techPressElement" VerticalAlignment="Center" Background="Transparent">
                                    <locaControls:MachineStatusControl HorizontalAlignment="Center" DataContext="{Binding MachineProvider.MachineOperator}" />
                                    <TextBlock Margin="0 10 0 0" FontSize="{StaticResource TangoSmallFontSize}" Text="{Binding MachineProvider.MachineOperator.Status,Converter={StaticResource EnumToDescriptionConverter}}"></TextBlock>
                                </StackPanel>

                                <Grid IsHitTestVisible="False" HorizontalAlignment="Center">
                                    <Grid.Style>
                                        <Style TargetType="Grid">
                                            <Setter Property="Visibility" Value="Hidden"></Setter>
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding MachineProvider.MachineOperator.MachineStatus.AutoInkFillingEnabled}" Value="True">
                                                    <Setter Property="Visibility" Value="Visible"></Setter>
                                                </DataTrigger>
                                                <DataTrigger Binding="{Binding MachineProvider.MachineOperator.IsConnected}" Value="False">
                                                    <Setter Property="Visibility" Value="Hidden"></Setter>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Grid.Style>
                                </Grid>
                            </Grid>
                        </StackPanel>
                    </Grid>
                </Grid>-->

                    <Border x:Name="TotalSpool" DockPanel.Dock="Right" HorizontalAlignment="Center" VerticalAlignment="Top" Width="164" BorderThickness="2" CornerRadius ="14" BorderBrush="{StaticResource TangoNotificationBorderBrush}">
                        <StackPanel Orientation="Horizontal" Margin="3">
                            <touch:TouchButton   EnableDropShadow="False"  Command="{Binding JobStatusViewCommand}" Width="80" Height="24" CornerRadius="12">
                                <TextBlock Text="Total"></TextBlock>
                                <touch:TouchButton.Style>
                                    <Style TargetType="{x:Type touch:TouchButton}" BasedOn="{StaticResource LinkRoundButtonStyle}">
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding IsJobStatusViewEnable}" Value="False">
                                                <Setter Property="Background" Value="Transparent"></Setter>
                                                <Setter Property="BorderBrush" Value="Transparent"></Setter>
                                                <Setter Property="Foreground" Value="{StaticResource TangoDisabledForegroundBrush}"></Setter>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </touch:TouchButton.Style>
                            </touch:TouchButton>
                            <touch:TouchButton   Margin="0 0 0 0"   Width="80" Height="24" CornerRadius="12">
                                <touch:TouchButton.Style>
                                    <Style TargetType="{x:Type touch:TouchButton}" BasedOn="{StaticResource LinkRoundButtonStyle}">
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding IsJobStatusViewEnable}" Value="True">
                                                <Setter Property="Background" Value="Transparent"></Setter>
                                                <Setter Property="BorderBrush" Value="Transparent"></Setter>
                                                <Setter Property="Foreground" Value="{StaticResource TangoDisabledForegroundBrush}"></Setter>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </touch:TouchButton.Style>
                                <TextBlock Text="Spool"></TextBlock>
                            </touch:TouchButton>
                        </StackPanel>
                    </Border>
                    <UniformGrid DockPanel.Dock="Left" Columns="1" Rows="5" HorizontalAlignment="Left" Margin="0 0 0 0" Height="420" VerticalAlignment="Top">
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                            <Image Source="../Images/Job Issues/thread_type.png" Stretch="None" VerticalAlignment="Top"/>
                            <StackPanel Orientation="Vertical" Margin="15 0 0 0">
                                <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}">Thread Type</TextBlock>
                                    <TextBlock Text="{Binding Job.Rml.Name, TargetNullValue='-', FallbackValue='-'}" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"></TextBlock>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                            <Image Source="../Images/Job Issues/job_length.png" Stretch="None" VerticalAlignment="Top" HorizontalAlignment="Left"/>
                            <StackPanel Orientation="Vertical" Margin="15 0 0 0">
                                <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}">Job Length</TextBlock>
                                    <TextBlock Text="{Binding Job.LengthIncludingNumberOfUnits, TargetNullValue='-', FallbackValue='-'}" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"></TextBlock>
                            </StackPanel>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                            <Image Source="../Images/Job Issues/job_weight.png" Stretch="None" VerticalAlignment="Top"/>
                            <StackPanel Orientation="Vertical" Margin="15 0 0 0">
                                <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}">Job Weight</TextBlock>
                                <TextBlock Text="10 kg" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"></TextBlock>
                            </StackPanel>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                            <Image Source="../Images/Job Issues/job_copies.png" Stretch="None" VerticalAlignment="Top"/>
                            <StackPanel Orientation="Vertical" Margin="15 0 0 0">
                                <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}">Copies</TextBlock>
                                    <TextBlock Text="{Binding Job.NumberOfUnits, TargetNullValue='-', FallbackValue='-'}" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"></TextBlock>
                            </StackPanel>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                            <Image Source="../Images/Job Issues/spools.png" Stretch="None" VerticalAlignment="Top"/>
                            <StackPanel Orientation="Vertical" Margin="15 0 0 0">
                                <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}">Spools</TextBlock>
                                <TextBlock Text="4" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"></TextBlock>
                            </StackPanel>
                        </StackPanel>
                    </UniformGrid>
                    <Grid Background="{StaticResource TangoMidBackgroundBrush}" VerticalAlignment="Top">
                        <StackPanel VerticalAlignment="Center">
                        <Grid>

                            <touch:TouchRingProgress Width="364" Height="364" RingThickness="10">
                                <touch:TouchRingProgress.Style>
                                    <Style TargetType="touch:TouchRingProgress">
                                        <Setter Property="Visibility" Value="Visible"></Setter>
                                        <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                                        <Setter Property="Maximum" Value="{Binding RunningJobStatus.TotalProgressMinusSettingUp}"></Setter>
                                        <Setter Property="Value" Value="{Binding RunningJobStatus.ProgressMinusSettingUp}"></Setter>
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding RunningJobStatus.IsSettingUp}" Value="False">
                                                <Setter Property="Visibility" Value="Visible"></Setter>
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding RunningJobStatus.IsCompleted}" Value="True">
                                                <Setter Property="Maximum" Value="100"></Setter>
                                                <Setter Property="Value" Value="99.9999999"></Setter>
                                                <Setter Property="Foreground" Value="{StaticResource TangoSuccessBrush}"></Setter>
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding RunningJobStatus.IsCanceled}" Value="True">
                                                <Setter Property="Foreground" Value="{StaticResource TangoWarningBrush}"></Setter>
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding RunningJobStatus.IsFailed}" Value="True">
                                                <Setter Property="Foreground" Value="{StaticResource TangoErrorBrush}"></Setter>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </touch:TouchRingProgress.Style>
                            </touch:TouchRingProgress>

                            <touch:TouchBusyIndicator Width="360" Height="360" StrokeThickness="10" Maximum="100" Visibility="{Binding RunningJobStatus.IsSettingUp,Converter={StaticResource BooleanToVisibilityConverter}}">
                                <touch:TouchBusyIndicator.Style>
                                    <Style TargetType="touch:TouchBusyIndicator">
                                        <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                                        <Setter Property="Value" Value="0"></Setter>
                                        <Setter Property="IsIndeterminate" Value="False"></Setter>
                                        <Style.Triggers>
                                            <DataTrigger Binding="{Binding RunningJobStatus.IsSettingUp}" Value="True">
                                                <Setter Property="Visibility" Value="Visible"></Setter>
                                                <Setter Property="Value" Value="0"></Setter>
                                                <Setter Property="IsIndeterminate" Value="True"></Setter>
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding RunningJobStatus.IsCompleted}" Value="True">
                                                <Setter Property="IsIndeterminate" Value="False"></Setter>
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding RunningJobStatus.IsCanceled}" Value="True">
                                                <Setter Property="Value" Value="99.9999999"></Setter>
                                                <Setter Property="IsIndeterminate" Value="False"></Setter>
                                                <Setter Property="Foreground" Value="{StaticResource TangoWarningBrush}"></Setter>
                                            </DataTrigger>
                                            <DataTrigger Binding="{Binding RunningJobStatus.IsFailed}" Value="True">
                                                <Setter Property="Value" Value="99.9999999"></Setter>
                                                <Setter Property="IsIndeterminate" Value="False"></Setter>
                                                <Setter Property="Foreground" Value="{StaticResource TangoErrorBrush}"></Setter>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </touch:TouchBusyIndicator.Style>
                            </touch:TouchBusyIndicator>

                            <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">

                                <StackPanel Visibility="{Binding RunningJobStatus.IsSettingUp,Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                        <Image Source="../Images/JobProgressView/drop.png" Stretch="None" />
                                        <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Completed</TextBlock>
                                    </StackPanel>

                                    <TextBlock FontWeight="Light" FontSize="{StaticResource TangoLargeFontSize}" Margin="0 10 0 0" HorizontalAlignment="Center">
                                            <Run Text="{Binding RunningJobStatus.ProgressMinusSettingUp,StringFormat=0,FallbackValue=0}"></Run><Run Text="/" /><Run Text="{Binding RunningJobStatus.TotalProgressMinusSettingUp,StringFormat=0,FallbackValue=0}"/>
                                            <Run FontSize="16">m</Run>
                                    </TextBlock>
                                </StackPanel>

                                <StackPanel Height="90" Visibility="{Binding RunningJobStatus.IsSettingUp,Converter={StaticResource BooleanToVisibilityConverter}}">
                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                        <Image Source="../Images/JobProgressView/drop.png" Stretch="None" />
                                        <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Getting Ready...</TextBlock>
                                    </StackPanel>
                                </StackPanel>

                                <Rectangle Margin="0 10 0 0" Width="250" Stroke="{StaticResource TangoDividerBrush}" />

                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0 15 0 0">
                                    <Image Source="../Images/JobProgressView/clock.png" Stretch="None" />
                                    <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Time Left</TextBlock>
                                </StackPanel>

                                <TextBlock FontWeight="Light" FontSize="{StaticResource TangoLargeFontSize}" Margin="0 10 0 0" HorizontalAlignment="Center">
                        <Run Text="{Binding RunningJobStatus.RemainingTime,Converter={StaticResource TimeSpanToTwoDigitsTimeConverter},FallbackValue=5}"></Run>
                        <Run FontSize="16" Text="{Binding RunningJobStatus.RemainingTime,Converter={StaticResource TimeSpanToLabelConverter},FallbackValue=min}"></Run>
                                </TextBlock>
                            </StackPanel>
                        </Grid>

                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                <touch:TouchButton Content="Abort" Margin="0 20 0 0" Height="50" Width="164" CornerRadius="30" Command="{Binding StopCommand}" IsEnabled="true" BorderThickness="1" BorderBrush="{StaticResource TangoPrimaryAccentBrush}" EnableDropShadow="False">
                                    <touch:TouchButton.Style >
                                        <Style TargetType="touch:TouchButton" >
                                            <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                                            <Setter Property="Background" Value="Transparent"/>
                                            <Style.Triggers>
                                                <Trigger Property="IsEnabled" Value="False">
                                                    <Setter Property="Foreground" Value="{StaticResource TangoDisabledForegroundBrush}"></Setter>
                                                    <Setter Property="BorderBrush" Value="{StaticResource TangoDisabledBackgroundBrush}"></Setter>
                                                </Trigger>
                                            </Style.Triggers>
                                        </Style>
                                    </touch:TouchButton.Style>
                                </touch:TouchButton>
                                <touch:TouchButton Content="Stop" Margin="20 20 0 0" Height="50" Width="164" CornerRadius="30"  Command="{Binding StopCommand}" IsEnabled="{Binding MachineProvider.MachineOperator.IsPrinting}" EnableDropShadow="False">
                                    <touch:TouchButton.Style >
                                        <Style TargetType="touch:TouchButton" >
                                            <Setter Property="Foreground" Value="{StaticResource TangoLightForegroundBrush}"></Setter>
                                            <Setter Property="Background" Value="{StaticResource TangoPrimaryAccentBrush}"/>
                                            <Style.Triggers>
                                                <Trigger Property="IsEnabled" Value="False">
                                                    <Setter Property="Foreground" Value="{StaticResource TangoDisabledForegroundBrush}"></Setter>
                                                    <Setter Property="Background" Value="{StaticResource TangoDisabledBackgroundBrush}"></Setter>
                                                </Trigger>
                                            </Style.Triggers>
                                        </Style>
                                    </touch:TouchButton.Style>
                                </touch:TouchButton>
                        </StackPanel>
                    </StackPanel>
                    </Grid>
            </DockPanel>
                <StackPanel x:Name="Job_Progress" Grid.Row="2" Margin="0 25 0 0" Orientation="Vertical">
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                        <Image Source="../Images/Job Issues/Thread.png" Stretch="None" VerticalAlignment="Top"/>
                        <TextBlock Text="Total Job Progress" FontWeight="DemiBold" Margin="15 10 0 0" FontSize="{StaticResource TangoComboBoxItemFontSize}" VerticalAlignment="Top"></TextBlock>
                        <Rectangle Height="2" Fill="{StaticResource TangoLightBorderBrush}" Width="1010" VerticalAlignment="Top" Margin="15 20 0 0"></Rectangle>
                    </StackPanel>
                    <Grid Margin="0 25 0 0">
                        <locaControls:RunningJobViewerEureka Height="26"  DisplayMarkers="False" IsActive="True" Job="{Binding Job}" RunningJobStatus="{Binding RunningJobStatus}" />

                        <!--<TextBlock Margin="0 0 -50 0" VerticalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}" HorizontalAlignment="Right">
                            <Run Text="x"></Run><Run Text="{Binding RunningJobStatus.RemainingUnits}"></Run>
                        </TextBlock>-->
                    </Grid>
                    <UniformGrid DockPanel.Dock="Bottom" Columns="4" Rows="1" HorizontalAlignment="Left" Margin="0 35 0 0" Height="Auto" VerticalAlignment="Top" Width="1200">
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                            <Image Source="../Images/Job Issues/job_length.png" Stretch="None" VerticalAlignment="Top" HorizontalAlignment="Left"/>
                            <StackPanel Orientation="Vertical" Margin="15 0 0 0">
                                <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}">Job Length</TextBlock>
                                    <TextBlock Text="{Binding Job.LengthIncludingNumberOfUnits, TargetNullValue='-', FallbackValue='-'}" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"></TextBlock>
                            </StackPanel>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                            <Image Source="../Images/Job Issues/job_weight.png" Stretch="None" VerticalAlignment="Top"/>
                            <StackPanel Orientation="Vertical" Margin="15 0 0 0">
                                <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}">Job Weight</TextBlock>
                                <TextBlock Text="10 kg" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"></TextBlock>
                            </StackPanel>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                            <Image Source="../Images/Job Issues/job_copies.png" Stretch="None" VerticalAlignment="Top"/>
                            <StackPanel Orientation="Vertical" Margin="15 0 0 0">
                                <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}">Copies</TextBlock>
                                    <TextBlock Text="{Binding Job.NumberOfUnits,TargetNullValue='-', FallbackValue='-'}" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"></TextBlock>
                            </StackPanel>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                            <Image Source="../Images/Job Issues/ttime_left.png" Stretch="None" VerticalAlignment="Top"/>
                            <StackPanel Orientation="Vertical" Margin="15 0 0 0">
                                <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}">Time Left</TextBlock>
                                <TextBlock Text="14:30 hrs" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"></TextBlock>
                            </StackPanel>
                        </StackPanel>
                    </UniformGrid>

                </StackPanel>
                <Grid Grid.Row="3" Margin="0 30 0 0">

                    <Rectangle Fill="{StaticResource TangoLightBorderBrush}" Height="2" VerticalAlignment="Top"></Rectangle>
                    <Grid Margin="0 40 0 0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="1*"/>
                            <ColumnDefinition Width="2*"/>
                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Vertical">
                            <StackPanel Orientation="Horizontal">
                                <Image Source="../Images/Job Issues/input.png" Stretch="None" VerticalAlignment="Top" HorizontalAlignment="Left"/>
                                <TextBlock VerticalAlignment="Center" Margin="15 0 0 0" FontSize="{StaticResource TangoDefaultFontSize}">Input</TextBlock>
                            </StackPanel>
                            <UniformGrid Columns="3" Rows="1" Margin="0 30 0 0" Width="180" HorizontalAlignment="Left">
                                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                    <Border Width="50" Height="50" Background="Gray" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">L</TextBlock>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">86</TextBlock>
                                </StackPanel>
                                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                    <Border Width="50" Height="50" Background="red" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">A</TextBlock>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">86</TextBlock>
                                </StackPanel>
                                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                    <Border Width="50" Height="50" Background="Blue" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">B</TextBlock>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">86</TextBlock>
                                </StackPanel>
                            </UniformGrid>
                        </StackPanel>
                        <StackPanel Orientation="Vertical"  Grid.Column="1" Margin="60 0 0 0">
                            <StackPanel Orientation="Horizontal">
                                <Image Source="../Images/Job Issues/output.png" Stretch="None" VerticalAlignment="Top" HorizontalAlignment="Left"  Height="Auto"/>
                                <TextBlock VerticalAlignment="Center" Margin="15 0 0 0" FontSize="{StaticResource TangoDefaultFontSize}" >Output</TextBlock>
                            </StackPanel>
                            <UniformGrid Columns="7" Rows="1" Margin="0 30 0 0" Width="440" HorizontalAlignment="Left">
                                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                    <Border Width="50" Height="50" Background="Cyan" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">C</TextBlock>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">86</TextBlock>
                                </StackPanel>
                                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                    <Border Width="50" Height="50" Background="Magenta" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">M</TextBlock>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">86</TextBlock>
                                </StackPanel>
                                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                    <Border Width="50" Height="50" Background="Yellow" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">Y</TextBlock>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">86</TextBlock>
                                </StackPanel>
                                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                    <Border Width="50" Height="50" Background="Black" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">K</TextBlock>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">86</TextBlock>
                                </StackPanel>
                                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                    <Border Width="50" Height="50" Background="White" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">-</TextBlock>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">86</TextBlock>
                                </StackPanel>
                                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                    <Border Width="50" Height="50" Background="White" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">-</TextBlock>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">86</TextBlock>
                                </StackPanel>
                                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                    <Border Width="50" Height="50" Background="White" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">-</TextBlock>
                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center">86</TextBlock>
                                </StackPanel>
                            </UniformGrid>
                        </StackPanel>

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

        <Grid x:Name="Overview" Grid.Row="1" Visibility="{Binding IsJobStatusViewEnable, Converter={StaticResource BooleanToVisibilityInverseConverter}}">

        </Grid>
        </Grid>
    </Grid>
    </Grid>
</UserControl>