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:sys="clr-namespace:System;assembly=mscorlib"
             xmlns:shapes="clr-namespace:Tango.SharedUI.Shapes;assembly=Tango.SharedUI"
             xmlns:touch="clr-namespace:Tango.Touch.Controls;assembly=Tango.Touch"
             xmlns:vm="clr-namespace:Tango.PPC.UI.ViewModels"
             xmlns:entities="clr-namespace:Tango.BL.Entities;assembly=Tango.BL"
             xmlns:locaControls="clr-namespace:Tango.PPC.UI.Controls"
             xmlns:localConverters="clr-namespace:Tango.PPC.UI.Converters"
             xmlns:global="clr-namespace:Tango.PPC.UI"
             xmlns:models="clr-namespace:Tango.PPC.UI.Models"
             xmlns:graphs="clr-namespace:Tango.PPC.UI.Graphs"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             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>

        <localConverters:LengthToWeightConverter x:Key="LengthToWeightConverter" />
        <localConverters:LengthWithSpoolsConverter x:Key="LengthWithSpoolsConverter"/>
        <localConverters:CollectionToCountConverter x:Key="CollectionToCountConverter"/>
        <localConverters:ProgressLengthSpoolConverter x:Key="ProgressLengthSpoolConverter"/>
        <localConverters:ProgressWeightSpoolConverter x:Key="ProgressWeightSpoolConverter"/>
        <localConverters:LiquidTypeToBrushConverter x:Key="LiquidTypeToBrushConverter"/>
        <localConverters:MidTankLevelToElementRectConverter x:Key="MidTankLevelToElementRectConverter"/>
        <localConverters:ProgressUnitSpoolConverter x:Key="ProgressUnitSpoolConverter"/>
        <localConverters:StatisticTabToVisibilityConverter x:Key="StatisticTabToVisibilityConverter"/>

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

        <Style x:Key="SliderGreyTextStyle" TargetType="TextBlock">
            <Setter Property="FontSize" Value="{StaticResource TangoDefaultFontSize}"></Setter>
            <Setter Property="VerticalAlignment" Value="Center"></Setter>
            <Setter Property="HorizontalAlignment" Value="Center"></Setter>
        </Style>

        <DataTemplate x:Key="CMYK_Template" DataType="{x:Type entities:BrushStop}">
            <ItemsControl ItemsSource="{Binding LiquidVolumesOrderedPigmentedForStandardUser}" MinWidth="180" HorizontalAlignment="Left" Height="Auto">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <StackPanel Orientation="Horizontal"></StackPanel>
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Vertical" Margin="0 0 10 0">
                            <Border Width="50" Height="50" Background="{Binding IdsPack.LiquidType.LiquidTypeBrush}" CornerRadius="16" HorizontalAlignment="Left"></Border>
                            <TextBlock Margin="0 10 0 0" Text="{Binding IdsPack.LiquidType.ShortName}" FontSize="{StaticResource TangoDefaultFontSize}" HorizontalAlignment="Center"/>
                            <TextBlock Margin="0 10 0 0" Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Volume, StringFormat=0.##}" ></TextBlock>
                        </StackPanel>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </DataTemplate>

        <DataTemplate x:Key="RGB_Template" DataType="{x:Type entities:BrushStop}">
            <UniformGrid Rows="1" Columns="3" Height="Auto" >
                <StackPanel Orientation="Vertical">
                    <Border Width="50" Height="50" Background="Red" CornerRadius="16" HorizontalAlignment="Left"></Border>
                    <TextBlock Margin="0 10 0 0" Text="R" FontSize="{StaticResource TangoDefaultFontSize}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                    <TextBlock Margin="0 10 0 0" Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Red}" ></TextBlock>
                    
                </StackPanel>
                <StackPanel Orientation="Vertical" Margin="4 0 0 0">
                    <Border Width="50" Height="50" Background="Green" CornerRadius="16" HorizontalAlignment="Left"></Border>
                    <TextBlock Margin="0 10 0 0" Text="G" FontSize="{StaticResource TangoDefaultFontSize}"  VerticalAlignment="Center" HorizontalAlignment="Center"/>
                    <TextBlock Margin="0 10 0 0" Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Green}" ></TextBlock>
                    
                </StackPanel>
                <StackPanel Orientation="Vertical" Margin="4 0 0 0">
                    <Border Width="50" Height="50" Background="Blue" CornerRadius="16" HorizontalAlignment="Left"></Border>
                    <TextBlock Margin="0 10 0 0" Text="B" FontSize="{StaticResource TangoDefaultFontSize}"  VerticalAlignment="Center" HorizontalAlignment="Center"/>
                    <TextBlock Margin="0 10 0 0" Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Blue}" ></TextBlock>
                </StackPanel>
            </UniformGrid>
        </DataTemplate>

        <DataTemplate x:Key="LAB_Template" DataType="{x:Type entities:BrushStop}">
            <UniformGrid Rows="1" Columns="3" Height="Auto" MinWidth="180" HorizontalAlignment="Left">
                <StackPanel Orientation="Vertical">
                    <Border Width="50" Height="50" Background="Gray" CornerRadius="16" HorizontalAlignment="Left"></Border>
                    <TextBlock Margin="0 10 0 0 " Text="L" FontSize="{StaticResource TangoDefaultFontSize}" HorizontalAlignment="Center"/>
                    <TextBlock Margin="0 10 0 0" Style="{StaticResource SliderGreyTextStyle}" Text="{Binding L, StringFormat=0.##}" ></TextBlock>
                   
                </StackPanel>
                <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left" Margin="5 0 0 0">
                    <Border Width="50" Height="50" Background="red" CornerRadius="16" HorizontalAlignment="Left"></Border>
                    <TextBlock  Margin="0 10 0 0 " Text="A" FontSize="{StaticResource TangoDefaultFontSize}"  HorizontalAlignment="Center"/>
                    <TextBlock Margin="0 10 0 0" Style="{StaticResource SliderGreyTextStyle}" Text="{Binding A, StringFormat=0.##}" ></TextBlock>
                </StackPanel>
                <StackPanel Orientation="Vertical" Margin="10 0 0 0" Width="50">
                    <Border Width="50" Height="50" Background="Blue" CornerRadius="16" HorizontalAlignment="Left"></Border>
                    <TextBlock  Margin="0 10 0 0 " Text="B" FontSize="{StaticResource TangoDefaultFontSize}"  HorizontalAlignment="Center"/>
                    <TextBlock Margin="0 10 0 0" HorizontalAlignment="Center" Style="{StaticResource SliderGreyTextStyle}" Text="{Binding B, StringFormat=0.##}" ></TextBlock>
                </StackPanel>
            </UniformGrid>
        </DataTemplate>

        <DataTemplate x:Key="CATALOG_Template" DataType="{x:Type entities:BrushStop}">
            <UniformGrid Rows="1" Columns="2" Height="Auto" MinWidth="180">
                <StackPanel Orientation="Vertical" Margin="0 0 0 0">
                    <TextBlock  Text="Catalog:" FontSize="{StaticResource TangoDefaultFontSize}"  VerticalAlignment="Center"/>
                    <TextBlock Margin="0 10 0 0"  Style="{StaticResource SliderGreyTextStyle}" Text="{Binding ColorCatalog.Name}" FontSize="{StaticResource TangoDefaultFontSize}" HorizontalAlignment="Left"></TextBlock>
                </StackPanel>
                <StackPanel Orientation="Vertical" Margin="10 0 0 0">
                    <TextBlock  Text="Color:" FontSize="{StaticResource TangoDefaultFontSize}"  VerticalAlignment="Center"/>
                    <TextBlock Margin="0 10 0 0"   Style="{StaticResource SliderGreyTextStyle}" Text="{Binding ColorCatalogsItem.Name}" FontSize="{StaticResource TangoDefaultFontSize}" HorizontalAlignment="Left" ></TextBlock>
                </StackPanel>
            </UniformGrid>
        </DataTemplate>

        <PathGeometry x:Key="InkContainerPath"  Figures="M16.000001,0.5 C24.560414,0.5 31.500001,6.9918714 31.500001,15 31.500001,15.500508 31.472893,15.995093 31.419976,16.48254 L31.417605,16.5 31.500001,16.5 31.500001,71 31.500001,71.5 31.486487,71.5 31.479832,71.74617 C31.064694,79.407524 24.292901,85.5 16.000001,85.5 7.7070995,85.5 0.9353075,79.407524 0.52016807,71.74617 L0.51351446,71.5 0.5,71.5 0.5,71 0.5,16.5 0.58239609,16.5 0.58002502,16.48254 C0.52710831,15.995093 0.50000054,15.500508 0.5,15 0.50000054,6.9918714 7.4395867,0.5 16.000001,0.5 z"/>
        <DataTemplate x:Key="LiquidBox" DataType="{x:Type models:JerricanLevelModel}">
            <DockPanel>
                <TextBlock DockPanel.Dock="Bottom" Text="{Binding IDSPack.LiquidType.ShortName}" HorizontalAlignment="Center" Margin="0 8 0 0"></TextBlock>
                <Grid Height="15" DockPanel.Dock="Top">
                    <TextBlock DockPanel.Dock="Top" Height="15" VerticalAlignment="Top" TextAlignment="Center" Visibility="{Binding HasRemainingTimeoutError,Converter={StaticResource BooleanToVisibilityConverter}}" Text="{Binding RemainingTimeoutError, StringFormat='{}{0:hh}:{0:mm}h', FallbackValue=00:00}" HorizontalAlignment="Center" FontSize="{StaticResource TangoSmallFontSizeBar}" ></TextBlock>
                </Grid>
                <Grid >
                    <Grid ClipToBounds="True" HorizontalAlignment="Center" Background="Transparent">
                        <Grid.Style>
                            <Style TargetType="Grid">
                                <Style.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Trigger.EnterActions>
                                            <BeginStoryboard>
                                                <Storyboard>
                                                    <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0.8" Duration="00:00:0.2" />
                                                </Storyboard>
                                            </BeginStoryboard>
                                        </Trigger.EnterActions>
                                        <Trigger.ExitActions>
                                            <BeginStoryboard>
                                                <Storyboard>
                                                    <DoubleAnimation Storyboard.TargetProperty="Opacity" To="1" Duration="00:00:0.2" />
                                                </Storyboard>
                                            </BeginStoryboard>
                                        </Trigger.ExitActions>
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </Grid.Style>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="PreviewMouseUp">
                                <i:InvokeCommandAction Command="{Binding PressedCommand}" />
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                        <Path Fill="{Binding Path=IDSPack.LiquidType, Converter={StaticResource LiquidTypeToBrushConverter}}"  StrokeThickness="1.5" >
                            <Path.Resources>
                                <sys:Double x:Key="RectWidth">30</sys:Double>
                                <sys:Double x:Key="RectHeight">88</sys:Double>
                            </Path.Resources>
                            <Path.Data>
                                <CombinedGeometry GeometryCombineMode="Intersect">
                                    <CombinedGeometry.Geometry1>
                                        <StaticResource ResourceKey="InkContainerPath"/>
                                    </CombinedGeometry.Geometry1>
                                    <CombinedGeometry.Geometry2>
                                        <!--Rect="1,30 30,88"-->
                                        <RectangleGeometry >
                                            <RectangleGeometry.Rect>
                                                <MultiBinding Converter="{StaticResource MidTankLevelToElementRectConverter}">
                                                    <Binding Source="{StaticResource RectHeight}"/>
                                                    <Binding Source="{StaticResource RectWidth}"/>
                                                    <Binding Path="Level" />
                                                    <Binding Path="IDSPack.MidTankType.LiterCapacity" />
                                                </MultiBinding>
                                            </RectangleGeometry.Rect>
                                        </RectangleGeometry>
                                    </CombinedGeometry.Geometry2>
                                </CombinedGeometry>
                            </Path.Data>

                        </Path>
                        <Path  Stroke="{StaticResource TangoTextWatermarkBrush}" Fill="Transparent" StrokeThickness="1" Data="{StaticResource InkContainerPath}">

                        </Path>
                    </Grid>
                    <UniformGrid Rows="4" Columns="1" Margin="0 12 0 12" HorizontalAlignment="Center">
                        <Rectangle Width="6" Height="2"  Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                        <Rectangle Width="6" Height="2"  Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                        <Rectangle Width="6" Height="2"  Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                        <Rectangle Width="6" Height="2"  Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                    </UniformGrid>
                    <Image Stretch="Fill" VerticalAlignment="Top" Margin="0 4 0 0">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}" >
                                <Setter Property="Source" Value="{x:Null}"/>
                                <Setter Property="Image.Width" Value="24"/>
                                <Setter Property="Image.Height" Value="24"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsMidTankLow}" Value="True">
                                        <Setter Property="Source" Value="../Images/Overview Icons/Warning.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding FillingTimeoutError}" Value="True">
                                        <Setter Property="Source" Value="../Images/Overview Icons/Error.png"/>
                                        <Setter Property="Image.Width" Value="21"/>
                                        <Setter Property="Image.Height" Value="26"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding MidTankEmpty}" Value="True">
                                        <Setter Property="Source" Value="../Images/Overview Icons/Error.png"/>
                                        <Setter Property="Image.Width" Value="21"/>
                                        <Setter Property="Image.Height" Value="26"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding MidTankRefillPumpActive}" Value="True" >
                                        <Setter Property="Source" Value="../Images/Overview Icons/UpdateInk.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding JerricanPresent}" Value="False" >
                                        <Setter Property="Source" Value="../Images/Overview Icons/JericanRemoved.png"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                </Grid>
            </DockPanel>
        </DataTemplate>

        <DataTemplate x:Key="LubLiquidBox" DataType="{x:Type models:JerricanLevelModel}">
            <DockPanel>
                <TextBlock DockPanel.Dock="Bottom" Text="Lub" HorizontalAlignment="Center" Margin="0 8 0 0"></TextBlock>
                <Grid Height="15" DockPanel.Dock="Top">
                    <TextBlock DockPanel.Dock="Top" Height="15" VerticalAlignment="Top" TextAlignment="Center" Visibility="{Binding HasRemainingTimeoutError,Converter={StaticResource BooleanToVisibilityConverter}}" Text="{Binding RemainingTimeoutError, StringFormat='{}{0:hh}:{0:mm}h', FallbackValue=00:00}" HorizontalAlignment="Center" FontSize="{StaticResource TangoSmallFontSizeBar}" ></TextBlock>
                </Grid>
                <Grid >
                    <Grid ClipToBounds="True" HorizontalAlignment="Center">
                        <Path Fill="{Binding Path=IDSPack.LiquidType, Converter={StaticResource LiquidTypeToBrushConverter}}"  StrokeThickness="1.5" >
                            <Path.Resources>
                                <sys:Double x:Key="RectWidth">30</sys:Double>
                                <sys:Double x:Key="RectHeight">88</sys:Double>
                            </Path.Resources>
                            <Path.Data>
                                <CombinedGeometry GeometryCombineMode="Intersect">
                                    <CombinedGeometry.Geometry1>
                                        <StaticResource ResourceKey="InkContainerPath"/>
                                    </CombinedGeometry.Geometry1>
                                    <CombinedGeometry.Geometry2>
                                        <!--Rect="1,30 30,88"-->
                                        <RectangleGeometry >
                                            <RectangleGeometry.Rect>
                                                <MultiBinding Converter="{StaticResource MidTankLevelToElementRectConverter}">
                                                    <Binding Source="{StaticResource RectHeight}"/>
                                                    <Binding Source="{StaticResource RectWidth}"/>
                                                    <Binding Path="Level" />
                                                    <Binding Path="IDSPack.MidTankType.LiterCapacity" />
                                                </MultiBinding>
                                            </RectangleGeometry.Rect>
                                        </RectangleGeometry>
                                    </CombinedGeometry.Geometry2>
                                </CombinedGeometry>
                            </Path.Data>

                        </Path>
                        <Path  Stroke="{StaticResource TangoTextWatermarkBrush}" Fill="Transparent" StrokeThickness="1" Data="{StaticResource InkContainerPath}">

                        </Path>
                    </Grid>
                    <UniformGrid Rows="4" Columns="1" Margin="0 12 0 12" HorizontalAlignment="Center">
                        <Rectangle Width="6" Height="2"  Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                        <Rectangle Width="6" Height="2"  Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                        <Rectangle Width="6" Height="2"  Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                        <Rectangle Width="6" Height="2"  Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                    </UniformGrid>
                    <Image Stretch="Fill" VerticalAlignment="Top" Margin="0 4 0 0">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}" >
                                <Setter Property="Source" Value="{x:Null}"/>
                                <Setter Property="Image.Width" Value="24"/>
                                <Setter Property="Image.Height" Value="24"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsMidTankLow}" Value="True">
                                        <Setter Property="Source" Value="../Images/Overview Icons/Warning.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding FillingTimeoutError}" Value="True">
                                        <Setter Property="Source" Value="../Images/Overview Icons/Error.png"/>
                                        <Setter Property="Image.Width" Value="21"/>
                                        <Setter Property="Image.Height" Value="26"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding MidTankEmpty}" Value="True">
                                        <Setter Property="Source" Value="../Images/Overview Icons/Error.png"/>
                                        <Setter Property="Image.Width" Value="21"/>
                                        <Setter Property="Image.Height" Value="26"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding MidTankRefillPumpActive}" Value="True" >
                                        <Setter Property="Source" Value="../Images/Overview Icons/UpdateInk.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding JerricanPresent}" Value="False" >
                                        <Setter Property="Source" Value="../Images/Overview Icons/JericanRemoved.png"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                </Grid>
            </DockPanel>
        </DataTemplate>

        <DataTemplate x:Key="WasteBox">
            <DockPanel>
                <TextBlock DockPanel.Dock="Bottom" Text="Waste" HorizontalAlignment="Center" Margin="0 8 0 0"></TextBlock>
                <Grid Height="15" DockPanel.Dock="Top">
                    </Grid>
                    <Grid  DockPanel.Dock="Top">
                    <Grid ClipToBounds="True" HorizontalAlignment="Center">
                        <Path Fill="#CCCCCC">
                            <Path.Resources>
                                <sys:Double x:Key="RectWidth">30</sys:Double>
                                <sys:Double x:Key="RectHeight">88</sys:Double>
                            </Path.Resources>
                            <Path.Data>
                                <CombinedGeometry GeometryCombineMode="Intersect">
                                    <CombinedGeometry.Geometry1>
                                        <StaticResource ResourceKey="InkContainerPath"/>
                                    </CombinedGeometry.Geometry1>
                                    <CombinedGeometry.Geometry2>
                                        
                                        <RectangleGeometry Rect="1,0,30,88">
                                            <!--<RectangleGeometry.Rect>
                                                <MultiBinding Converter="{StaticResource MidTankLevelToElementRectConverter}">
                                                    <Binding Source="{StaticResource RectHeight}"/>
                                                    <Binding Source="{StaticResource RectWidth}"/>
                                                    <Binding Path="Level" />
                                                </MultiBinding>
                                            </RectangleGeometry.Rect>-->
                                        </RectangleGeometry>
                                    </CombinedGeometry.Geometry2>
                                </CombinedGeometry>
                            </Path.Data>
                        </Path>
                        <Path  Stroke="{StaticResource TangoTextWatermarkBrush}" Fill="Transparent" StrokeThickness="1" Data="{StaticResource InkContainerPath}"/>
                    </Grid>
                    <UniformGrid Rows="4" Columns="1" Margin="0 12 0 12" HorizontalAlignment="Center">
                        <Rectangle Fill="{StaticResource TangoKeyboardKeyDarkBrush}" Width="6" Height="2" ></Rectangle>
                        <Rectangle Width="6" Height="2" Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                        <Rectangle Width="6" Height="2" Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                        <Rectangle Width="6" Height="2" Fill="{StaticResource TangoKeyboardKeyDarkBrush}"></Rectangle>
                    </UniformGrid>
                </Grid>
            </DockPanel>
        </DataTemplate>

        <DataTemplate x:Key="ErrorState" DataType="{x:Type models:MachineOverviewErrorItem}">
            <Border Margin="0">
                <Image  Stretch="Fill"  HorizontalAlignment="Center" VerticalAlignment="Center" >
                    <Image.Style>
                        <Style>
                            <Setter Property="Image.Width" Value="24"/>
                            <Setter Property="Image.Height" Value="24"/>
                            <Setter Property="Image.Source" Value="../Images/Overview Icons/Normal.png"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding IsErrorState}" Value="True">
                                    <Setter Property="Image.Source" Value="../Images/Overview Icons/Error.png"/>
                                    <Setter Property="Image.Width" Value="21"/>
                                    <Setter Property="Image.Height" Value="26"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Image.Style>
                </Image>
            </Border>
        </DataTemplate>

        <Style x:Key="DynamicResolutionGraph" TargetType="graphs:RealTimeGraph" BasedOn="{StaticResource {x:Type graphs:RealTimeGraph}}">
            <Setter Property="VerticalTicks" Value="5"></Setter>
        </Style>


        <Style x:Key="BlueFlatButton"  TargetType="touch:TouchButton" >
            <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderBrush" Value="{StaticResource TangoPrimaryAccentBrush}"/>
            <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>


        <Style x:Key="SelectedBlueFlatButton" 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>


    </UserControl.Resources>
    <Grid Width="998" Height="1123">
        <Grid >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="28"></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>

                    <touch:TouchToggleSlider Style="{StaticResource TouchToggleButtonSlider}" Background="Transparent" CheckedBackground="{StaticResource TangoMidBackgroundBrush}" UncheckedBackground="{StaticResource TangoMidBackgroundBrush}"  HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0 0 0 0"  CornerRadius="25" Height="50" Width="335" ThumbWidth="168" LeftText="Job Status" RightText="Overview" ThumbCornerRadius="18" IsChecked="{Binding IsJobStatusViewEnable, Converter={StaticResource BooleanInverseConverter}}"></touch:TouchToggleSlider>

                    <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 18 60 0" Grid.Row="1" Visibility="{Binding IsJobStatusViewEnable, Converter={StaticResource BooleanToVisibilityConverter}}">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="78"></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 Command="{Binding GoToJobCommand}" DockPanel.Dock="Right" VerticalAlignment="Top" Style="{StaticResource TangoLinkButton}"  Foreground="{StaticResource TangoPrimaryAccentBrush}">
                                    <StackPanel Orientation="Vertical">
                                        <TextBlock Margin="5 0 0 0" FontSize="{StaticResource TangoDefaultFontSize}" VerticalAlignment="Bottom" Text="Go To Job">
                                            <TextBlock.Style>
                                                <Style TargetType="{x:Type TextBlock}">
                                                    <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Button}}, Path=IsEnabled}" Value="False">
                                                            <Setter Property="Foreground" Value="{StaticResource TangoDisabledBackgroundBrush}"></Setter>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </TextBlock.Style>
                                        </TextBlock>
                                        <Rectangle Height="3"  VerticalAlignment="Bottom"  Margin="0 2 0 0">
                                            <Rectangle.Style>
                                                <Style TargetType="{x:Type Rectangle}">
                                                    <Setter Property="Fill" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Button}}, Path=IsEnabled}" Value="False">
                                                            <Setter Property="Fill" Value="{StaticResource TangoDisabledBackgroundBrush}"></Setter>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </Rectangle.Style>
                                        </Rectangle>
                                    </StackPanel>
                                </touch:TouchButton>
                                <touch:TouchButton  DockPanel.Dock="Right" Visibility="{Binding ApplicationManager.IsInTechnicianMode,Converter={StaticResource BooleanToVisibilityConverter}}" VerticalAlignment="Top" Margin="0 0 20 0" Command="{Binding DisplayJobOutlineCommand}" Style="{StaticResource TangoLinkButton}"  FontSize="{StaticResource TangoTitleFontSize}">
                                    <StackPanel Orientation="Vertical">
                                        <TextBlock Margin="5 0 0 0" FontSize="{StaticResource TangoDefaultFontSize}" VerticalAlignment="Bottom">Display Job Outline</TextBlock>
                                        <Rectangle Height="3" Fill="{StaticResource TangoPrimaryAccentBrush}"  VerticalAlignment="Bottom"  Margin="0 2 0 0"></Rectangle>
                                    </StackPanel>
                                </touch:TouchButton>
                                <TextBlock DockPanel.Dock="Left" FontSize="28" 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 11 0 0" HorizontalAlignment="Stretch">
                            <DockPanel DockPanel.Dock="Top">
                                <StackPanel DockPanel.Dock="Right" Orientation="Horizontal" VerticalAlignment="Top"  Width="200" MinHeight="30" HorizontalAlignment="Right" Margin="0 0 0 0">
                                    <StackPanel Orientation="Vertical">
                                        <touch:TouchToggleSlider Style="{StaticResource TouchToggleButtonSlider}" Background="{StaticResource TangoMidBackgroundBrush}" CheckedBackground="{StaticResource TangoMidBackgroundBrush}" UncheckedBackground="{StaticResource TangoMidBackgroundBrush}"  HorizontalAlignment="Right" VerticalAlignment="Top" Margin="20 0 20 0"  CornerRadius="17" Height="38" Width="164" ThumbWidth="80" LeftText="1 Set" RightText="1 Spool" ThumbCornerRadius="13" IsChecked="{Binding IsSpoolView}" FontSize="{StaticResource TangoDefaultFontSize}"></touch:TouchToggleSlider>
                                        <touch:TouchToggleSlider  Style="{StaticResource TouchToggleButtonSlider}" Background="{StaticResource TangoMidBackgroundBrush}" CheckedBackground="{StaticResource TangoMidBackgroundBrush}" UncheckedBackground="{StaticResource TangoMidBackgroundBrush}"  HorizontalAlignment="Right" VerticalAlignment="Top" Margin="20 18 20 0"  CornerRadius="17" Height="38" Width="164" ThumbWidth="80" LeftText="Length" RightText="Weight" ThumbCornerRadius="13" IsChecked="{Binding IsWeghtView}" FontSize="{StaticResource TangoDefaultFontSize}"></touch:TouchToggleSlider>
                                    </StackPanel>
                                </StackPanel>

                                <UniformGrid x:Name="JobProperties" DockPanel.Dock="Left" Columns="1" Rows="5" HorizontalAlignment="Left" Margin="0 0 0 0" Height="390" VerticalAlignment="Top" Width="260">
                                    <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.DisplayName,Converter={StaticResource StringEllipsisConverter},ConverterParameter='38', TargetNullValue='-', FallbackValue='-'}" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}" TextWrapping="Wrap" MaxWidth="200" MaxHeight="52" ></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 (m)</TextBlock>
                                            <TextBlock  FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}">
                                                <TextBlock.Style>
                                                    <Style TargetType="{x:Type TextBlock}">
                                                        <Setter Property="Text" Value="{Binding Job.LengthIncludingNumberOfUnitsAndSpools, TargetNullValue='-', FallbackValue='-', StringFormat='#,0.##'}" />
                                                        <Style.Triggers>
                                                            <DataTrigger Binding="{Binding IsSpoolView}" Value="True">
                                                                <Setter Property="Text" Value="{Binding Job.LengthIncludingNumberOfUnits, TargetNullValue='-', FallbackValue='-', StringFormat='#,0.##'}" />
                                                            </DataTrigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </TextBlock.Style>
                                            </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 (g)</TextBlock>
                                            <TextBlock  FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}">
                                                <TextBlock.Style>
                                                    <Style TargetType="{x:Type TextBlock}">
                                                        <Setter Property="Text" Value="{Binding Job.WeightIncludingNumberOfUnitsAndSpools, TargetNullValue='-', FallbackValue='-', StringFormat='#,0.##'}" />
                                                        <Style.Triggers>
                                                            <DataTrigger Binding="{Binding IsSpoolView}" Value="True">
                                                                <Setter Property="Text" Value="{Binding Job.WeightIncludingNumberOfUnits, TargetNullValue='-', FallbackValue='-', StringFormat='#,0.##'}" />
                                                            </DataTrigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </TextBlock.Style>
                                            </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  FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}">
                                                <TextBlock.Style>
                                                    <Style TargetType="{x:Type TextBlock}">
                                                        <Setter Property="Text" Value="{Binding Job.NumberOfUnitsMultipliedBySpools, TargetNullValue='-', FallbackValue='-', StringFormat='#,0.##'}" />
                                                        <Style.Triggers>
                                                            <DataTrigger Binding="{Binding IsSpoolView}" Value="True">
                                                                <Setter Property="Text" Value="{Binding Job.NumberOfUnits, TargetNullValue='-', FallbackValue='-', StringFormat='#,0.#'}" />
                                                            </DataTrigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </TextBlock.Style>
                                            </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="{Binding Job.NumberOfSpools, TargetNullValue='-', FallbackValue='-'}" FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"></TextBlock>
                                        </StackPanel>
                                    </StackPanel>
                                </UniformGrid>
                                <Grid x:Name="StatusCicle" Background="{StaticResource TangoMidBackgroundBrush}" VerticalAlignment="Top" HorizontalAlignment="Center">
                                    <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>
                                                                <Setter Property="Foreground">
                                                                    <Setter.Value>
                                                                        <LinearGradientBrush StartPoint="0, 0" EndPoint="1, 1">
                                                                            <GradientStop Offset="0.2" Color="{StaticResource TangoValidationErrorColor}"/>
                                                                            <GradientStop Offset="0.5" Color="Yellow"/>
                                                                            <GradientStop Offset="0.8" Color="{StaticResource TangoPrimaryAccentColor}"/>
                                                                        </LinearGradientBrush>
                                                                    </Setter.Value>
                                                                </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" VerticalAlignment="Center" />
                                                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                                            <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoComboBoxItemFontSize}">Completed /</TextBlock>
                                                            <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoComboBoxItemFontSize}" Visibility="{Binding IsWeghtView, Converter={StaticResource BooleanToVisibilityInverseConverter}}"> Length</TextBlock>
                                                            <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoComboBoxItemFontSize}" Visibility="{Binding IsWeghtView, Converter={StaticResource BooleanToVisibilityConverter}}"> Weight</TextBlock>
                                                        </StackPanel>
                                                    </StackPanel>

                                                    <StackPanel Orientation="Horizontal" Margin="0 15 0 0" HorizontalAlignment="Center"  Visibility="{Binding IsWeghtView, Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                                                        <TextBlock  FontSize="{StaticResource TangoLargeInfoFontSize}" VerticalAlignment="Center">
                                                            <TextBlock.Text>
                                                                <MultiBinding Converter="{StaticResource ProgressLengthSpoolConverter}" StringFormat="#,0." TargetNullValue='-' FallbackValue='0' Mode="OneWay">
                                                                    <Binding Path="RunningJobStatus.TotalProgressMinusSettingUp" />
                                                                    <Binding Path="IsSpoolView"/>
                                                                    <Binding Path="RunningJobStatus.ProgressMinusSettingUp" />
                                                                    <Binding Path="Job.NumberOfSpools"/>
                                                                </MultiBinding>
                                                            </TextBlock.Text>
                                                        </TextBlock>
                                                        <TextBlock  FontSize="{StaticResource TangoLargeInfoFontSize}" VerticalAlignment="Center" Text="/"></TextBlock>
                                                        <TextBlock  FontSize="{StaticResource TangoTitleFontSize}" VerticalAlignment="Center">
                                                            <TextBlock.Text>
                                                                <MultiBinding Converter="{StaticResource ProgressLengthSpoolConverter}" StringFormat="#,0" TargetNullValue='-' FallbackValue='0' Mode="OneWay">
                                                                    <Binding Path="RunningJobStatus.TotalProgressMinusSettingUp"/>
                                                                    <Binding Path="IsSpoolView"/>
                                                                    <Binding Path="Job.NumberOfSpools"/>
                                                                </MultiBinding>
                                                            </TextBlock.Text>
                                                        </TextBlock>
                                                        <TextBlock  FontSize="{StaticResource TangoTitleFontSize}" VerticalAlignment="Center" Text=" m"></TextBlock>
                                                    </StackPanel>

                                                    <StackPanel Orientation="Horizontal" Margin="0 10 0 0" HorizontalAlignment="Center" Visibility="{Binding IsWeghtView, Converter={StaticResource BooleanToVisibilityConverter}}">
                                                        <TextBlock  FontSize="{StaticResource TangoLargeInfoFontSize}" VerticalAlignment="Center">
                                                            <TextBlock.Text>
                                                                <MultiBinding Converter="{StaticResource ProgressWeightSpoolConverter}" StringFormat="#,0.00" TargetNullValue='-' FallbackValue='0'>
                                                                    <Binding Path="RunningJobStatus.TotalProgressMinusSettingUp" />
                                                                    <Binding Path="IsSpoolView"/>
                                                                    <Binding Path="RunningJobStatus.ProgressMinusSettingUp" />
                                                                    <Binding Path="Job.GramPerLength" Mode="OneWay"/>
                                                                    <Binding Path="Job.NumberOfSpools"/>
                                                                </MultiBinding>
                                                            </TextBlock.Text>
                                                        </TextBlock>
                                                        <TextBlock  FontSize="{StaticResource TangoLargeInfoFontSize}" VerticalAlignment="Center" Text="/"></TextBlock>
                                                        <TextBlock  FontSize="{StaticResource TangoTitleFontSize}" VerticalAlignment="Center">
                                                            <TextBlock.Text>
                                                                <MultiBinding Converter="{StaticResource ProgressWeightSpoolConverter}" StringFormat="#,0.#" TargetNullValue='-' FallbackValue='0' >
                                                                    <Binding Path="RunningJobStatus.TotalProgressMinusSettingUp"/>
                                                                    <Binding Path="IsSpoolView"/>
                                                                    <Binding Path="Job.GramPerLength" Mode="OneWay"/>
                                                                    <Binding Path="Job.NumberOfSpools"/>
                                                                </MultiBinding>
                                                            </TextBlock.Text>
                                                        </TextBlock>
                                                        <TextBlock  FontSize="{StaticResource TangoTitleFontSize}" VerticalAlignment="Center" Text=" g"></TextBlock>
                                                    </StackPanel>
                                                </StackPanel>

                                                <DockPanel Height="106" Visibility="{Binding RunningJobStatus.IsSettingUp, FallbackValue=collapsed, Converter={StaticResource BooleanToVisibilityConverter}}">
                                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" DockPanel.Dock="Top">
                                                        <Image Source="../Images/JobProgressView/drop.png" Stretch="None" />
                                                        <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Getting Ready...</TextBlock>
                                                    </StackPanel>
                                                    <TextBlock Margin="40 30 40 0" FontSize="{StaticResource TangoSmallFontSize}" FontWeight="Light" Text="{Binding RunningJobStatus.Message, FallbackValue='', TargetNullValue='', Converter={StaticResource StringEllipsisConverter},ConverterParameter='76'}" TextWrapping="Wrap" MaxWidth="310" HorizontalAlignment="Center" TextAlignment="Center" Height="42"></TextBlock>
                                                </DockPanel>

                                                <Rectangle x:Name="Rrect" Margin="0 10 0 0" Width="250" Stroke="{StaticResource TangoLightBorderBrush}" StrokeThickness="1"  Fill="{StaticResource TangoLightBorderBrush}" Height="2" />

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

                                                <TextBlock VerticalAlignment="Center" FontSize="{StaticResource TangoLargeInfoFontSize}" Margin="0 10 0 0" HorizontalAlignment="Center">
                                                <Run Text="{Binding RunningJobStatus.RemainingTime,Converter={StaticResource TimeSpanToTwoDigitsTimeConverter},FallbackValue=-}"></Run>
                                                <Run FontSize="{StaticResource TangoComboBoxItemFontSize}" Text="{Binding RunningJobStatus.RemainingTime,Converter={StaticResource TimeSpanToLabelConverter},FallbackValue=min}"></Run>
                                                </TextBlock>
                                            </StackPanel>
                                        </Grid>


                                    </StackPanel>
                                </Grid>
                            </DockPanel>
                            <Grid DockPanel.Dock="Top" Margin="60 10 0 0"  HorizontalAlignment="Center" Visibility="{Binding ShowSetButtons, Converter={StaticResource EnumToVisibilityConverter}, ConverterParameter='ShowDefault'}">
                                <!--<touch:TouchButton Content="Abort" Visibility="Collapsed" Margin="0 20 0 0" Height="50" Width="164" CornerRadius="30" Command="{Binding AbortCommand}" IsEnabled="{Binding MachineProvider.MachineOperator.IsPrinting}" BorderThickness="1" EnableDropShadow="False" Style="{StaticResource BlueFlatButton}"/>-->

                                <touch:TouchButton Content="Stop" Margin="0 0 0 0" Height="50" Width="164" CornerRadius="30"  Command="{Binding StopCommand}" IsEnabled="{Binding MachineProvider.MachineOperator.IsPrinting}" EnableDropShadow="False" Style="{StaticResource SelectedBlueFlatButton}"/>

                            </Grid>
                            <UniformGrid  DockPanel.Dock="Top" Columns="2" Margin="60 10 0 0" Width="400"  HorizontalAlignment="Center" 
                                Visibility="{Binding ShowSetButtons, Converter={StaticResource EnumToVisibilityConverter}, ConverterParameter='ShowOnCompleteJob'}">
                                <touch:TouchButton Content="Restart" Margin="0 0 0 0" Height="50" Width="164" CornerRadius="30" Command="{Binding RestartJobCommand}" IsEnabled="{Binding MachineProvider.MachineOperator.CanPrint}" BorderThickness="1" EnableDropShadow="False" Style="{StaticResource BlueFlatButton}"/>

                                <touch:TouchButton Content="Clear" Margin="0 0 0 0" Height="50" Width="164" CornerRadius="30"  Command="{Binding ClearJobCommand}" IsEnabled="{Binding MachineProvider.MachineOperator.CanPrint}" EnableDropShadow="False" Style="{StaticResource SelectedBlueFlatButton}"/>

                            </UniformGrid>
                            <UniformGrid  DockPanel.Dock="Top" Columns="3" x:Name="ResumeStack" Margin="60 10 0 0"  HorizontalAlignment="Center"  Width="570" VerticalAlignment="Bottom" 
                                Visibility="{Binding ShowSetButtons, Converter={StaticResource EnumToVisibilityConverter}, ConverterParameter='ShowROnErrorsJob'}">
                                <touch:TouchButton  Margin="0 0 0 0" Height="50" Width="164" CornerRadius="30" Command="{Binding CaancelJobCommand}"  BorderThickness="0"  EnableDropShadow="False" Style="{StaticResource TangoLinkButton}"  Foreground="{StaticResource TangoPrimaryAccentBrush}">
                                    <StackPanel Orientation="Vertical">
                                        <TextBlock Margin="5 0 0 0"  FontSize="{StaticResource TangoButtonFontSize}" VerticalAlignment="Bottom" Text="Cancel" HorizontalAlignment="Center" Width="80">
                                            <TextBlock.Style>
                                                <Style TargetType="{x:Type TextBlock}">
                                                    <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Button}}, Path=IsEnabled}" Value="False">
                                                            <Setter Property="Foreground" Value="{StaticResource TangoDisabledBackgroundBrush}"></Setter>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </TextBlock.Style>
                                        </TextBlock>
                                        <Rectangle Height="3"  VerticalAlignment="Bottom"  Margin="0 2 0 0" Width="84">
                                            <Rectangle.Style>
                                                <Style TargetType="{x:Type Rectangle}">
                                                    <Setter Property="Fill" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Button}}, Path=IsEnabled}" Value="False">
                                                            <Setter Property="Fill" Value="{StaticResource TangoDisabledBackgroundBrush}"></Setter>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </Rectangle.Style>
                                        </Rectangle>
                                    </StackPanel>
                                </touch:TouchButton>

                                <touch:TouchButton Content="Resume" Margin="0 0 0 0" Height="50" Width="164" CornerRadius="30"  Command="{Binding ResumeCommand}"  EnableDropShadow="False" Style="{StaticResource SelectedBlueFlatButton}"/>
                                <touch:TouchButton Content="Restart Set" Margin="0 0 0 0" Height="50" Width="164" CornerRadius="30" Command="{Binding RestartJobCommand}"  BorderThickness="1"  EnableDropShadow="False" Style="{StaticResource BlueFlatButton}"/>

                            </UniformGrid>
                        </DockPanel>
                        <StackPanel x:Name="Job_Progress" Grid.Row="2" Margin="0 12 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 22 0 0">
                                <locaControls:RunningJobViewerEureka ThumbHeight="16" HeightSlider="14"  DisplayMarkers="False" IsActive="True" Job="{Binding Job}" 
                                                                     RunningJobStatus="{Binding RunningJobStatus}"  
                                                                     MaximumValue="{Binding RunningJobStatus.TotalProgressMinusSettingUp, FallbackValue=100,TargetNullValue=100}" 
                                                                     MinimumValue="0"
                                                                     SliderValue="{Binding RunningJobStatus.ProgressMinusSettingUp, TargetNullValue=0, FallbackValue=0}"/>


                                <!--<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 10 0 0" Height="Auto" VerticalAlignment="Top" Width="840">
                                <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 x:Name="ProgressLength"  VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}">Job Length (m)</TextBlock>
                                        <TextBlock FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}">
                                            <TextBlock.Text>
                                                <MultiBinding Converter="{StaticResource LengthWithSpoolsConverter}" StringFormat="#,0" TargetNullValue='-' FallbackValue='-' Mode="OneWay">
                                                    <Binding Path="RunningJobStatus.ProgressMinusSettingUp" Mode="OneWay"/>
                                                    <Binding Path="Job.NumberOfSpools" Mode="OneWay"/>
                                                </MultiBinding>
                                            </TextBlock.Text>
                                        </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 (g)</TextBlock>
                                        <TextBlock   FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}">
                                            <TextBlock.Text>
                                                <MultiBinding Converter="{StaticResource LengthToWeightConverter}" StringFormat="#,0.##" TargetNullValue='-' FallbackValue='-' Mode="OneWay">
                                                    <Binding Path="RunningJobStatus.ProgressMinusSettingUp" Mode="OneWay"/>
                                                    <Binding Path="Job.GramPerLength" Mode="OneWay"/>
                                                    <Binding Path="Job.NumberOfSpools" Mode="OneWay"/>
                                                </MultiBinding>
                                            </TextBlock.Text>
                                        </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 FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}">
                                            <TextBlock.Style>
                                                <Style TargetType="{x:Type TextBlock}">
                                                    <Setter Property="Text" Value="-"/>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding RunningJobStatus.IsCompleted}" Value="True">
                                                            <Setter Property="Text" Value="{Binding Job.NumberOfUnitsMultipliedBySpools}"></Setter>
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding RunningJobStatus.IsCompleted}" Value="False">
                                                            <Setter Property="Text" >
                                                                <Setter.Value>
                                                                    <MultiBinding Converter="{StaticResource ProgressUnitSpoolConverter}" TargetNullValue='-' FallbackValue='-' >
                                                                        <Binding Path="RunningJobStatus.CurrentUnit" Mode="OneWay"/>
                                                                        <Binding Path="Job.NumberOfSpools" Mode="OneWay"/>
                                                                    </MultiBinding>
                                                                </Setter.Value>
                                                            </Setter>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </TextBlock.Style>
                                        </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 FontWeight="DemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}" Margin="0 0 0 0" HorizontalAlignment="Left">
                                                    <Run Text="{Binding RunningJobStatus.RemainingTime,Converter={StaticResource TimeSpanToTwoDigitsTimeConverter},FallbackValue=5}"></Run>
                                                     <Run FontSize="16" Text="{Binding RunningJobStatus.RemainingTime,Converter={StaticResource TimeSpanToLabelConverter},FallbackValue=min}"></Run>   
                                            
                                                    <!--<Run FontSize="16">m</Run>-->
                                        </TextBlock>
                                    </StackPanel>
                                </StackPanel>
                            </UniformGrid>

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

                            <Rectangle Fill="{StaticResource TangoLightBorderBrush}" Height="2" VerticalAlignment="Top"></Rectangle>
                            <Grid Margin="0 30 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 Margin="0 20 0 0" Rows="1" Columns="3" Height="Auto" MinWidth="180" HorizontalAlignment="Left" Visibility="{Binding IsDyeingProcess,Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                                        <StackPanel Orientation="Vertical">
                                            <Border Width="50" Height="50" Background="Transparent" CornerRadius="16" HorizontalAlignment="Left" BorderBrush="{StaticResource TangoDisabledForegroundBrush}" BorderThickness="1"></Border>
                                            <TextBlock Margin="0 10 0 0 " Text="L" FontSize="{StaticResource TangoSmallFontSize}" HorizontalAlignment="Center"/>
                                            <TextBlock Margin="0 10 0 0 " Style="{StaticResource SliderGreyTextStyle}" Text="-" ></TextBlock>

                                        </StackPanel>
                                        <StackPanel Orientation="Vertical" Width="50" HorizontalAlignment="Left" Margin="5 0 0 0">
                                            <Border Width="50" Height="50" Background="Transparent" CornerRadius="16" HorizontalAlignment="Left" BorderBrush="{StaticResource TangoDisabledForegroundBrush}" BorderThickness="1"></Border>
                                            <TextBlock  Margin="0 10 0 0 " Text="A" FontSize="{StaticResource TangoSmallFontSize}"  HorizontalAlignment="Center"/>
                                            <TextBlock Margin="0 10 0 0 " Style="{StaticResource SliderGreyTextStyle}" Text="-" ></TextBlock>
                                        </StackPanel>
                                        <StackPanel Orientation="Vertical" Margin="10 0 0 0" Width="50">
                                            <Border Width="50" Height="50" Background="Transparent" CornerRadius="16" HorizontalAlignment="Left" BorderBrush="{StaticResource TangoDisabledForegroundBrush}" BorderThickness="1"></Border>
                                            <TextBlock  Margin="0 10 0 0 " Text="B" FontSize="{StaticResource TangoSmallFontSize}"  HorizontalAlignment="Center"/>
                                            <TextBlock Margin="0 10 0 0 " Style="{StaticResource SliderGreyTextStyle}" Text="-" ></TextBlock>
                                        </StackPanel>
                                    </UniformGrid>
                                    <Grid Visibility="{Binding IsDyeingProcess,Converter={StaticResource BooleanToVisibilityConverter}}">
                                        <ContentControl x:Name="leftBrushValues" HorizontalAlignment="Left" Content="{Binding CurrentBrushStop}" Width="Auto"  Height="Auto"  Margin="0 20 0 0">
                                            <ContentControl.Style>
                                                <Style TargetType="ContentControl">
                                                    <Setter Property="ContentTemplate">
                                                        <Setter.Value>
                                                            <DataTemplate/>
                                                        </Setter.Value>
                                                    </Setter>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding CurrentBrushStop.ColorSpace.Name, Converter={StaticResource EnumToDescriptionConverter}}" Value="RGB">
                                                            <Setter Property="ContentTemplate" Value="{StaticResource RGB_Template}" />
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding CurrentBrushStop.ColorSpace.Name, Converter={StaticResource EnumToDescriptionConverter}}" Value="Volume">
                                                            <Setter Property="ContentTemplate" Value="{StaticResource CMYK_Template}" />
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding CurrentBrushStop.ColorSpace.Name}" Value="LAB">
                                                            <Setter Property="ContentTemplate" Value="{StaticResource LAB_Template}" />
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding CurrentBrushStop.ColorSpace.Name, Converter={StaticResource EnumToDescriptionConverter}}" Value="Catalog">
                                                            <Setter Property="ContentTemplate" Value="{StaticResource CATALOG_Template}" />
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </ContentControl.Style>
                                        </ContentControl>
                                    </Grid>
                                </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 Margin="0 20 0 0" Rows="1" Columns="7" Height="Auto" Width="435" HorizontalAlignment="Left" Visibility="{Binding IsDyeingProcess,Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                                        <StackPanel Orientation="Vertical">
                                            <Border Width="50" Height="50" Background="Transparent" CornerRadius="16" HorizontalAlignment="Left" BorderBrush="{StaticResource TangoDisabledForegroundBrush}" BorderThickness="1"></Border>
                                            <TextBlock Margin="0 10 0 0 " Style="{StaticResource SliderGreyTextStyle}" Text="-" ></TextBlock>
                                            <TextBlock Margin="0 10 0 0 " Text="0%" FontSize="{StaticResource TangoSmallFontSize}" HorizontalAlignment="Center"/>
                                        </StackPanel>
                                        <StackPanel Orientation="Vertical">
                                            <Border Width="50" Height="50" Background="Transparent" CornerRadius="16" HorizontalAlignment="Left" BorderBrush="{StaticResource TangoDisabledForegroundBrush}" BorderThickness="1"></Border>
                                            <TextBlock Margin="0 10 0 0 " Style="{StaticResource SliderGreyTextStyle}" Text="-" ></TextBlock>
                                            <TextBlock Margin="0 10 0 0 " Text="0%" FontSize="{StaticResource TangoSmallFontSize}" HorizontalAlignment="Center"/>
                                        </StackPanel>
                                        <StackPanel Orientation="Vertical">
                                            <Border Width="50" Height="50" Background="Transparent" CornerRadius="16" HorizontalAlignment="Left" BorderBrush="{StaticResource TangoDisabledForegroundBrush}" BorderThickness="1"></Border>
                                            <TextBlock Margin="0 10 0 0 " Style="{StaticResource SliderGreyTextStyle}" Text="-" ></TextBlock>
                                            <TextBlock Margin="0 10 0 0 " Text="0%" FontSize="{StaticResource TangoSmallFontSize}" HorizontalAlignment="Center"/>
                                        </StackPanel>
                                        <StackPanel Orientation="Vertical">
                                            <Border Width="50" Height="50" Background="Transparent" CornerRadius="16" HorizontalAlignment="Left" BorderBrush="{StaticResource TangoDisabledForegroundBrush}" BorderThickness="1"></Border>
                                            <TextBlock Margin="0 10 0 0 " Style="{StaticResource SliderGreyTextStyle}" Text="-" ></TextBlock>
                                            <TextBlock Margin="0 10 0 0 " Text="0%" FontSize="{StaticResource TangoSmallFontSize}" HorizontalAlignment="Center"/>
                                        </StackPanel>
                                        <StackPanel Orientation="Vertical">
                                            <Border Width="50" Height="50" Background="Transparent" CornerRadius="16" HorizontalAlignment="Left" BorderBrush="{StaticResource TangoDisabledForegroundBrush}" BorderThickness="1"></Border>
                                            <TextBlock Margin="0 10 0 0 " Style="{StaticResource SliderGreyTextStyle}" Text="-" ></TextBlock>
                                            <TextBlock Margin="0 10 0 0 " Text="0%" FontSize="{StaticResource TangoSmallFontSize}" HorizontalAlignment="Center"/>
                                        </StackPanel>
                                        <StackPanel Orientation="Vertical">
                                            <Border Width="50" Height="50" Background="Transparent" CornerRadius="16" HorizontalAlignment="Left" BorderBrush="{StaticResource TangoDisabledForegroundBrush}" BorderThickness="1"></Border>
                                            <TextBlock Margin="0 10 0 0 " Style="{StaticResource SliderGreyTextStyle}" Text="-" ></TextBlock>
                                            <TextBlock Margin="0 10 0 0 " Text="0%" FontSize="{StaticResource TangoSmallFontSize}" HorizontalAlignment="Center"/>
                                        </StackPanel>
                                        <StackPanel Orientation="Vertical">
                                            <Border Width="50" Height="50" Background="Transparent" CornerRadius="16" HorizontalAlignment="Left" BorderBrush="{StaticResource TangoDisabledForegroundBrush}" BorderThickness="1"></Border>
                                            <TextBlock Margin="0 10 0 0 " Style="{StaticResource SliderGreyTextStyle}" Text="-" ></TextBlock>
                                            <TextBlock Margin="0 10 0 0 " Text="0%" FontSize="{StaticResource TangoSmallFontSize}" HorizontalAlignment="Center"/>
                                        </StackPanel>
                                    </UniformGrid>

                                    <ItemsControl ItemsSource="{Binding LiquidOutputs}" Margin="0 20 0 0" HorizontalAlignment="Left" Visibility="{Binding IsDyeingProcess,Converter={StaticResource BooleanToVisibilityConverter}}">
                                        <ItemsControl.ItemsPanel>
                                            <ItemsPanelTemplate>
                                                <StackPanel Orientation="Horizontal" />
                                            </ItemsPanelTemplate>
                                        </ItemsControl.ItemsPanel>
                                        <ItemsControl.ItemTemplate>
                                            <DataTemplate>
                                                <StackPanel Margin="0 0 10 0" Orientation="Vertical" Width="50" HorizontalAlignment="Left">
                                                    <Border Width="50" Height="50" Background="{Binding LiquidType.LiquidTypeBrush}" CornerRadius="16" HorizontalAlignment="Left"></Border>
                                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center" Text="{Binding LiquidType.ShortName}"></TextBlock>
                                                    <TextBlock Margin="0 10 0 0 " HorizontalAlignment="Center" Text="{Binding Volume}"></TextBlock>
                                                </StackPanel>
                                            </DataTemplate>
                                        </ItemsControl.ItemTemplate>
                                    </ItemsControl>
                                </StackPanel>

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

                    <Grid x:Name="Overview" Margin="32 18 60 0" Grid.Row="1" Visibility="{Binding IsJobStatusViewEnable, Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="74"></RowDefinition>
                            <RowDefinition Height="Auto"></RowDefinition>
                            <RowDefinition Height="Auto"></RowDefinition>
                            <RowDefinition Height="Auto"></RowDefinition>
                            <RowDefinition Height="100"></RowDefinition>
                        </Grid.RowDefinitions>
                        <Grid Margin="0 10 0 0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="1*"/>
                                <ColumnDefinition Width="400"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" >
                                <Image Margin="0 2 0 0" Source="../Images/Job Issues/job_length.png" Stretch="Uniform" VerticalAlignment="Top" HorizontalAlignment="Left" Width="Auto" Height="32" />
                                <TextBlock Margin="20 5 0 0" Width="Auto"  FontWeight="SemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}"  VerticalAlignment="Top">
                                    <TextBlock.Text>
                                        <MultiBinding Converter="{StaticResource LengthWithSpoolsConverter}" StringFormat="#,0.##" TargetNullValue='-' FallbackValue='-' Mode="OneWay">
                                            <Binding Path="RunningJobStatus.ProgressMinusSettingUp" Mode="OneWay"/>
                                            <Binding Path="Job.NumberOfSpools" Mode="OneWay"/>
                                        </MultiBinding>
                                    </TextBlock.Text>
                                </TextBlock>
                            </StackPanel>
                            <!--<Grid Grid.Column="1"  Margin="20 8 20 0" VerticalAlignment="Top" Height="20">-->
                            <locaControls:RunningJobViewerEureka Grid.Column="1" Margin="10 12 20 0"  VerticalAlignment="Top" ThumbHeight="16" Height="14"  HeightSlider="14"  DisplayMarkers="False" IsActive="True" Job="{Binding Job}" 
                                                                     RunningJobStatus="{Binding RunningJobStatus}"  
                                                                     MaximumValue="{Binding RunningJobStatus.TotalProgressMinusSettingUp, FallbackValue=100,TargetNullValue=100}" 
                                                                     MinimumValue="0"
                                                                     SliderValue="{Binding RunningJobStatus.ProgressMinusSettingUp, TargetNullValue=0, FallbackValue=0, Delay=100}"/>

                            <!--</Grid>-->

                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.Column="2" Margin="0 0 0 0">
                                <Image Margin="0 2 0 0" Source="../Images/Job Issues/ttime_left.png" Stretch="Uniform" VerticalAlignment="Top" Height="32"/>
                                <TextBlock Margin="15 5 0 0" FontWeight="Light" FontSize="{StaticResource TangoComboBoxItemFontSize}"  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>
                                <touch:TouchButton Content="Stop"  Height="50" Width="164" CornerRadius="30" Command="{Binding StopCommand}" IsEnabled="true" BorderThickness="0" BorderBrush="{StaticResource TangoPrimaryAccentBrush}" EnableDropShadow="False" VerticalAlignment="Top" Margin="20 -5 0 0">
                                    <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>

                            <Border Height="2" Grid.ColumnSpan="012" Background="{StaticResource TangoLightBorderBrush}"  VerticalAlignment="Bottom"  Margin="0 2 0 0" CornerRadius="2"></Border>
                        </Grid>
                        <Grid Grid.Row="1" Margin="0 28 0 0">
                            <StackPanel Orientation="Vertical">
                                <StackPanel Orientation="Horizontal" >
                                    <Image Source="../Images/Overview Icons/Sensors.png" Stretch="UniformToFill" VerticalAlignment="Top" HorizontalAlignment="Left" Width="32" Height="32"/>
                                    <TextBlock Margin="12 0 0 0 " VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoComboBoxItemFontSize}">Sensors</TextBlock>
                                </StackPanel>
                                <UniformGrid Columns="6" Rows="1" Height="120" Margin="40 11 40 0" DataContext="{Binding OverviewModel}">

                                    <!--DRYER ZONE 1-->
                                    <StackPanel Orientation="Vertical">
                                        <Grid>
                                            <touch:TouchArcProgress  RingThickness="8" Value="{Binding DryerZone1.Value}" Maximum="{Binding DryerZone1.MaxValue}" Minimum="0" Width="100" Height="100">
                                                <touch:TouchArcProgress.Foreground>
                                                    <SolidColorBrush Color="{Binding DryerZone1.Color}"/>
                                                </touch:TouchArcProgress.Foreground>
                                            </touch:TouchArcProgress>
                                            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="Bold" >
                                                 <Run Text="{Binding DryerZone1.DisplayValue}">
                                                    <Run.Foreground>
                                                         <SolidColorBrush Color="{Binding DryerZone1.Color}"/>
                                                    </Run.Foreground>
                                                </Run>
                                                <Run Text="{Binding DryerZone1.DisplayMaxValue}"></Run>
                                            </TextBlock>
                                            <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0 0 0 20" FontSize="{StaticResource TangoDefaultFontSize}" >&#186;C</TextBlock>

                                        </Grid>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Dryer Zone 1</TextBlock>
                                    </StackPanel>

                                    <!--DRYER ZONE 2-->
                                    <StackPanel Orientation="Vertical">
                                        <Grid>
                                            <touch:TouchArcProgress  RingThickness="8" Value="{Binding DryerZone2.Value}" Maximum="{Binding DryerZone2.MaxValue}" Minimum="0" Width="100" Height="100">
                                                <touch:TouchArcProgress.Foreground>
                                                    <SolidColorBrush Color="{Binding DryerZone2.Color}"/>
                                                </touch:TouchArcProgress.Foreground>
                                            </touch:TouchArcProgress>
                                            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="Bold" >
                                                 <Run Text="{Binding DryerZone2.DisplayValue}">
                                                    <Run.Foreground>
                                                         <SolidColorBrush Color="{Binding DryerZone2.Color}"/>
                                                    </Run.Foreground>
                                                </Run>
                                                <Run Text="{Binding DryerZone2.DisplayMaxValue}"></Run>
                                            </TextBlock>
                                            <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0 0 0 20" FontSize="{StaticResource TangoDefaultFontSize}" >&#186;C</TextBlock>

                                        </Grid>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Dryer Zone 2</TextBlock>
                                    </StackPanel>

                                    <!--DRYER ZONE 3-->
                                    <StackPanel Orientation="Vertical">
                                        <Grid>
                                            <touch:TouchArcProgress  RingThickness="8" Value="{Binding DryerZone3.Value}" Maximum="{Binding DryerZone3.MaxValue}" Minimum="0" Width="100" Height="100">
                                                <touch:TouchArcProgress.Foreground>
                                                    <SolidColorBrush Color="{Binding DryerZone3.Color}"/>
                                                </touch:TouchArcProgress.Foreground>
                                            </touch:TouchArcProgress>
                                            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="Bold" >
                                                 <Run Text="{Binding DryerZone3.DisplayValue}">
                                                    <Run.Foreground>
                                                         <SolidColorBrush Color="{Binding DryerZone3.Color}"/>
                                                    </Run.Foreground>
                                                </Run>
                                                <Run Text="{Binding DryerZone3.DisplayMaxValue}"></Run>
                                            </TextBlock>
                                            <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0 0 0 20" FontSize="{StaticResource TangoDefaultFontSize}" >&#186;C</TextBlock>

                                        </Grid>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Dryer Zone 3</TextBlock>
                                    </StackPanel>
                                    
                                    
                                    

                                    <!--<StackPanel Orientation="Vertical">
                                        <Grid>
                                            <touch:TouchArcProgress RingThickness="8" Value="{Binding DryerAir.Value}" Maximum="{Binding DryerAir.MaxValue}" Minimum="0" Width="100" Height="100">
                                                <touch:TouchArcProgress.Foreground>
                                                    <SolidColorBrush Color="{Binding DryerAir.Color}"/>
                                                </touch:TouchArcProgress.Foreground>
                                            </touch:TouchArcProgress>

                                            <ContentControl Content="{Binding DryerAir}">
                                                <ContentControl.Style>
                                                    <Style TargetType="ContentControl">
                                                        <Setter Property="ContentTemplate">
                                                            <Setter.Value>
                                                                <DataTemplate>
                                                                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="Bold" >
                                                                        <Run Text="{Binding DisplayValue}">
                                                                           <Run.Foreground>
                                                                                <SolidColorBrush Color="{Binding Color}"/>
                                                                           </Run.Foreground>
                                                                        </Run>
                                                                        <Run>/</Run>
                                                                        <Run Text="{Binding DisplayMaxValue}"></Run>
                                                                    </TextBlock>
                                                                </DataTemplate>
                                                            </Setter.Value>
                                                        </Setter>
                                                        <Style.Triggers>
                                                            <DataTrigger Binding="{Binding DryerAir.IsReady}" Value="True">
                                                                <Setter Property="ContentTemplate">
                                                                    <Setter.Value>
                                                                        <DataTemplate>
                                                                            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="Bold" >
                                                                                <Run Text="Ready">
                                                                                   <Run.Foreground>
                                                                                        <SolidColorBrush Color="{Binding Color}"/>
                                                                                   </Run.Foreground>
                                                                                </Run>
                                                                            </TextBlock>
                                                                        </DataTemplate>
                                                                    </Setter.Value>
                                                                </Setter>
                                                            </DataTrigger>
                                                        </Style.Triggers>
                                                    </Style>
                                                </ContentControl.Style>
                                            </ContentControl>
                                            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="SemiBold">
                                                <TextBlock.Foreground>
                                                    <SolidColorBrush Color="{Binding DryerAir.Color}"/>
                                                </TextBlock.Foreground>
                                            </TextBlock>
                                            <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0 0 0 20" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="SemiBold" Text="&#186;C" >
                                            </TextBlock>
                                        </Grid>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Dryer Air</TextBlock>
                                    </StackPanel>-->
                                    
                                    <StackPanel Orientation="Vertical">
                                        <Grid>
                                            <touch:TouchArcProgress  RingThickness="8" Value="{Binding Tunnel.Value}" Maximum="{Binding Tunnel.MaxValue}" Minimum="0" Width="100" Height="100">
                                                <touch:TouchArcProgress.Foreground>
                                                    <SolidColorBrush Color="{Binding Tunnel.Color}"/>
                                                </touch:TouchArcProgress.Foreground>
                                            </touch:TouchArcProgress>
                                            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="SemiBold" >
                                                <Run Text="{Binding Tunnel.DisplayValue}">
                                                    <Run.Foreground>
                                                         <SolidColorBrush Color="{Binding Tunnel.Color}"/>
                                                    </Run.Foreground>
                                                </Run>
                                                <Run Text="{Binding Tunnel.DisplayMaxValue}" ></Run>
                                            </TextBlock>
                                            <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0 0 0 20" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="SemiBold" Text="&#186;C"></TextBlock>

                                        </Grid>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Tunnel</TextBlock>
                                    </StackPanel>
                                    <StackPanel Orientation="Vertical">
                                        <Grid>
                                            <touch:TouchArcProgress  RingThickness="8" Value="{Binding PumpsPressure.Value}" Maximum="{Binding PumpsPressure.MaxValue}" Minimum="0" Width="100" Height="100">
                                                <touch:TouchArcProgress.Foreground>
                                                    <SolidColorBrush Color="{Binding PumpsPressure.Color}"/>
                                                </touch:TouchArcProgress.Foreground>
                                            </touch:TouchArcProgress>
                                            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="SemiBold" Text="{Binding PumpsPressure.DisplayValue}">
                                                <TextBlock.Foreground>
                                                    <SolidColorBrush Color="{Binding PumpsPressure.Color}"/>
                                                </TextBlock.Foreground>
                                            </TextBlock>
                                            <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0 0 0 20" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="SemiBold" Text="Bar"></TextBlock>

                                        </Grid>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Pumps pressure</TextBlock>
                                    </StackPanel>
                                    <StackPanel Orientation="Vertical">
                                        <Grid>
                                            <touch:TouchArcProgress  RingThickness="8" Value="{Binding Lubricant.Value}" Maximum="{Binding Lubricant.MaxValue}" Minimum="0" Width="100" Height="100">
                                                <touch:TouchArcProgress.Foreground>
                                                    <SolidColorBrush Color="{Binding Lubricant.Color}"/>
                                                </touch:TouchArcProgress.Foreground>
                                            </touch:TouchArcProgress>
                                            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="SemiBold" Text="{Binding Lubricant.DisplayValue, StringFormat=0.## }">
                                                <TextBlock.Foreground>
                                                    <SolidColorBrush Color="{Binding Lubricant.Color}"/>
                                                </TextBlock.Foreground>
                                            </TextBlock>
                                            <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0 0 0 20" FontSize="{StaticResource TangoDefaultFontSize}" FontWeight="SemiBold" Text="mVolts"></TextBlock>

                                        </Grid>
                                        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">Lubricant</TextBlock>
                                    </StackPanel>
                                </UniformGrid>
                                <Grid  Margin="0 23 0 0">
                                    <Image Source="../Images/Job Issues/Machine outline.png" Height="188" Stretch="UniformToFill" VerticalAlignment="Top" HorizontalAlignment="Center" Width="636" />
                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                        <StackPanel Orientation="Vertical">
                                            <Border Height="184" Width="83" VerticalAlignment="Center" CornerRadius="2 0 0 2" BorderThickness="0" BorderBrush="{StaticResource TangoBlackInkBrush}">
                                                <ItemsControl Margin="0 21 0 9" ItemsSource="{Binding MachineErrorStates.Winders}" ItemTemplate="{StaticResource ErrorState}">
                                                    <ItemsControl.ItemsPanel>
                                                        <ItemsPanelTemplate>
                                                            <UniformGrid Columns="1" Rows="4" IsItemsHost="True" VerticalAlignment="Stretch"></UniformGrid>
                                                        </ItemsPanelTemplate>
                                                    </ItemsControl.ItemsPanel>
                                                </ItemsControl>
                                            </Border>
                                            <TextBlock HorizontalAlignment="Center" Margin="0 4 0 0" FontWeight="Thin">Winder BTSR</TextBlock>
                                        </StackPanel>
                                        <StackPanel Orientation="Vertical">
                                            <Border Height="171" Width="95"  VerticalAlignment="Center" CornerRadius="0" BorderThickness="0" BorderBrush="{StaticResource TangoBlackInkBrush}">
                                                <ItemsControl Margin="0 21 0 9" ItemsSource="{Binding MachineErrorStates.Dancers}" ItemTemplate="{StaticResource ErrorState}">
                                                    <ItemsControl.ItemsPanel>
                                                        <ItemsPanelTemplate>
                                                            <UniformGrid Columns="1" Rows="4" IsItemsHost="True" VerticalAlignment="Stretch"></UniformGrid>
                                                        </ItemsPanelTemplate>
                                                    </ItemsControl.ItemsPanel>
                                                </ItemsControl>
                                            </Border>
                                            <TextBlock HorizontalAlignment="Center" Margin="14 18 14 14" FontWeight="Thin">Dancer</TextBlock>
                                        </StackPanel>


                                        <StackPanel Orientation="Vertical" Margin="274 0 0 0">
                                            <Border Height="171" Width="95" VerticalAlignment="Center" CornerRadius="0" BorderThickness="0" BorderBrush="{StaticResource TangoBlackInkBrush}">
                                                <ItemsControl Margin="0 21 0 9" ItemsSource="{Binding MachineErrorStates.BTSRs}" ItemTemplate="{StaticResource ErrorState}">
                                                    <ItemsControl.ItemsPanel>
                                                        <ItemsPanelTemplate>
                                                            <UniformGrid Columns="1" Rows="4" IsItemsHost="True" VerticalAlignment="Stretch"></UniformGrid>
                                                        </ItemsPanelTemplate>
                                                    </ItemsControl.ItemsPanel>
                                                </ItemsControl>
                                            </Border>
                                            <TextBlock HorizontalAlignment="Center" Margin="0 18 0 0" FontWeight="Thin">BTSR</TextBlock>
                                        </StackPanel>
                                        <StackPanel Orientation="Vertical">
                                            <Border Height="184" Width="83" VerticalAlignment="Center" CornerRadius="2 0 0 2" BorderThickness="0" BorderBrush="{StaticResource TangoBlackInkBrush}">
                                                <UniformGrid Columns="1" Rows="4" Margin="24">
                                                    <Image Stretch="Fill" Width="20"  Height="24" Source="../Images/Overview Icons/Feeder1.png"  HorizontalAlignment="Center" >

                                                    </Image>
                                                    <Image Stretch="Fill" Width="20"  Height="24" Source="../Images/Overview Icons/Feeder2.png"  HorizontalAlignment="Center" ></Image>
                                                    <Image Stretch="Fill" Width="20"  Height="24" Source="../Images/Overview Icons/Feeder3.png"  HorizontalAlignment="Center" ></Image>
                                                    <Image Stretch="Fill" Width="20"  Height="24" Source="../Images/Overview Icons/Feeder4.png"  HorizontalAlignment="Center" ></Image>
                                                </UniformGrid>
                                            </Border>
                                            <TextBlock HorizontalAlignment="Center" Margin="0 4 0 0" FontWeight="Thin">Feeder</TextBlock>
                                        </StackPanel>
                                    </StackPanel>
                                </Grid>
                            </StackPanel>
                        </Grid>
                        <Grid Grid.Row="2" x:Name="IncLevels" Margin="0 8 0 0" Height="196">
                            <StackPanel Orientation="Vertical">
                                <DockPanel>
                                    <StackPanel Orientation="Vertical" DockPanel.Dock="Right" Margin="0 0 30 0" >
                                        <StackPanel Orientation="Horizontal" >
                                            <Image Source="../Images/Overview Icons/Waste.png" Stretch="UniformToFill" VerticalAlignment="Top" HorizontalAlignment="Left" Width="32" Height="32"/>
                                            <TextBlock Margin="12 0 0 0 " VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoComboBoxItemFontSize}">Waste</TextBlock>
                                        </StackPanel>
                                        <StackPanel Orientation="Horizontal" Margin="-25 24 0 0">
                                            <Rectangle Height="88" Width="2" Fill="{StaticResource TangoTextWatermarkBrush}" VerticalAlignment="Top" Margin="-15 15 0 0"/>
                                            <ContentControl Margin="20 0 0 0" ContentTemplate="{StaticResource WasteBox}" Content="{Binding}" IsTabStop="False"/>
                                        </StackPanel>

                                    </StackPanel>
                                    <StackPanel Orientation="Vertical">
                                        <StackPanel Orientation="Horizontal" >
                                            <Image Source="../Images/Overview Icons/Inks.png" Stretch="UniformToFill" VerticalAlignment="Top" HorizontalAlignment="Left" Width="32" Height="32"/>
                                            <TextBlock Margin="12 0 0 0 " VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoComboBoxItemFontSize}">Ink Levels</TextBlock>
                                        </StackPanel>
                                        <StackPanel Orientation="Horizontal" Margin="0 24 0 0">
                                            <ItemsControl ItemsSource="{Binding MidTankLevels}" ItemTemplate="{StaticResource LiquidBox}">
                                                <ItemsControl.ItemsPanel>
                                                    <ItemsPanelTemplate>
                                                        <UniformGrid Rows="1" IsItemsHost="True" Width="550"></UniformGrid>
                                                    </ItemsPanelTemplate>
                                                </ItemsControl.ItemsPanel>
                                            </ItemsControl>
                                            <StackPanel Orientation="Horizontal" Margin="40 0 0 0">
                                                <Rectangle Height="88" Width="2" Fill="{StaticResource TangoTextWatermarkBrush}" VerticalAlignment="Top" Margin="-15 15 0 0"/>
                                                <ContentControl Margin="30 0 0 0" ContentTemplate="{StaticResource LubLiquidBox}" Content="{Binding MidTankLubLevel}" IsTabStop="False"/>
                                            </StackPanel>
                                        </StackPanel>
                                    </StackPanel>
                                </DockPanel>

                            </StackPanel>
                            <Border VerticalAlignment="Bottom" Height="2" Background="{StaticResource TangoLightBorderBrush}"   Margin="0 0 0 0" CornerRadius="2"></Border>
                        </Grid>
                        <Grid Grid.Row="3" x:Name="StatRealGraph" Margin="0 8 0 0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="186"></ColumnDefinition>
                                <ColumnDefinition Width="32"></ColumnDefinition>
                                <ColumnDefinition Width="1*"></ColumnDefinition>
                            </Grid.ColumnDefinitions>

                            <touch:TouchNavigationLinks BorderBrush="{StaticResource TangoDividerBrush}" BorderThickness="0 0 0 0" x:Name="navigationSTLinks"  HorizontalContentAlignment="Left"
                                         SelectedIndex="{Binding SelectedStatisticTabIndex,Mode=TwoWay}" VerticalAlignment="Bottom" Margin="0,10,0,20" Padding="0 0 0 0"
                                         FontSize="{StaticResource TangoNavigationLinksFontSize}" LineThickness="0" PreviewTouchDown="NavigationSTLinks_PreviewTouchDown" PreviewMouseDown="NavigationSTLinks_PreviewMouseDown">

                                <DockPanel HorizontalAlignment="Stretch">
                                    <Image  DockPanel.Dock="Left"  Source="../Images/Overview Icons/pr_data.png" Stretch="UniformToFill" VerticalAlignment="Top" HorizontalAlignment="Left" Width="32" Height="32"/>
                                    <TextBlock  HorizontalAlignment="Left" Margin="12 0 0 0" FontSize="{StaticResource TangoDefaultFontSize}"  VerticalAlignment="Center">Production Data</TextBlock>
                                </DockPanel>
                                <DockPanel HorizontalAlignment="Stretch" IsEnabled="False" Margin="0 12 0 0">
                                    <Image DockPanel.Dock="Left" Source="../Images/Overview Icons/temperature.png" Stretch="UniformToFill" VerticalAlignment="Top" HorizontalAlignment="Left" Width="32" Height="32"/>
                                    <TextBlock HorizontalAlignment="Left" Margin="12 0 0 0" FontSize="{StaticResource TangoDefaultFontSize}"  VerticalAlignment="Center" Foreground="{StaticResource TangoDisabledForegroundBrush}">Temperature</TextBlock>
                                </DockPanel>
                                <DockPanel HorizontalAlignment="Stretch" IsEnabled="False">
                                    <Image  DockPanel.Dock="Left"  Source="../Images/Overview Icons/pressure.png" Stretch="UniformToFill" VerticalAlignment="Top" HorizontalAlignment="Left" Width="32" Height="32"/>
                                    <TextBlock HorizontalAlignment="Left" Margin="12 0 0 0" FontSize="{StaticResource TangoDefaultFontSize}"  VerticalAlignment="Center" Foreground="{StaticResource TangoDisabledForegroundBrush}">Pressure</TextBlock>
                                </DockPanel>
                                <DockPanel HorizontalAlignment="Stretch" IsEnabled="False" >
                                    <Image  DockPanel.Dock="Left"  Source="../Images/Overview Icons/motor.png" Stretch="UniformToFill" VerticalAlignment="Top" HorizontalAlignment="Left" Width="32" Height="32"/>
                                    <TextBlock HorizontalAlignment="Left" Margin="12 0 0 0" FontSize="{StaticResource TangoDefaultFontSize}" VerticalAlignment="Center" Foreground="{StaticResource TangoDisabledForegroundBrush}">Motor</TextBlock>
                                </DockPanel>
                                <touch:TouchNavigationLinks.Style>
                                    <Style TargetType="{x:Type touch:TouchNavigationLinks}">
                                        <Setter Property="ItemsPanel">
                                            <Setter.Value>
                                                <ItemsPanelTemplate>
                                                    <UniformGrid Rows="4" />
                                                </ItemsPanelTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </touch:TouchNavigationLinks.Style>

                            </touch:TouchNavigationLinks>
                            <Grid Grid.Column="1" Margin="0 40 0 0">
                                <Rectangle Width="20" Height="2" Fill="{StaticResource TangoBlackInkBrush}" VerticalAlignment="Top" Margin="0 0 0 0" ></Rectangle>
                                <!--<Rectangle Width="2" Height="138" Margin="20 0 0 0" Fill="{StaticResource TangoBlackInkBrush}" VerticalAlignment="Top" ></Rectangle>-->
                                <Rectangle Margin="20 0 0 0" VerticalAlignment="Top" Fill="{StaticResource TangoBlackInkBrush}" Height="2" Width="138" HorizontalAlignment="Stretch">
                                    <Rectangle.LayoutTransform>
                                        <TransformGroup>
                                            <RotateTransform Angle="90"/>
                                        </TransformGroup>
                                    </Rectangle.LayoutTransform>
                                </Rectangle>
                            </Grid>
                            <Grid Grid.Column="2" x:Name="StatGrid" Margin="0,30,0.4,0">
                                <Grid Visibility="{Binding SelectedStatisticTab,Converter={StaticResource StatisticTabToVisibilityConverter},ConverterParameter='Productiondata'}">
                                    <graphs:RealTimeGraph Style="{StaticResource PPC_RealTimeGraph_Flat}" Controller="{Binding JobController}" Background="Transparent" StringFormat="0" GridLinesBrush="{StaticResource Tango_RealTimeGraph_ForegroundBrush}" BorderBrush="Transparent"
                                                          VerticalAxisVisibility="Visible" HorizontalAxisVisibility="Visible" VerticalTicks =" 5" AxisLabelAngle="0.0"/>
                                </Grid>
                            </Grid>
                        </Grid>
                    </Grid>
                </Grid>
            </Grid>
            <Grid VerticalAlignment="Bottom" Grid.ColumnSpan="2" Margin="10 0 10 0">
                <touch:TouchExpander x:Name="Notifications" Style="{StaticResource TouchRoundedExpander}"  IsTabStop="False" KeyboardNavigation.TabNavigation ="None" BorderThickness="0" CornerRadius="20 20 0 0" Margin="0 0 0 -1" IsExpanded="{Binding IsExpandedNotifications, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                    <touch:TouchExpander.Header>
                        <DockPanel >
                            <touch:TouchButton Margin="0 0 20 0" Content="Clear All" DockPanel.Dock="Right" Width="120"  Height="38"  HorizontalAlignment="Right" VerticalAlignment="Center" EnableDropShadow="False"  Background="Transparent" BorderThickness="1" CornerRadius="19"  BorderBrush="{StaticResource TangoPrimaryAccentBrush}" Foreground="{StaticResource TangoPrimaryAccentBrush}" Command="{Binding ClearAllNotificationsCommand}" Visibility="{Binding NotificationProvider.HasNotificationItems, Converter={StaticResource BooleanToVisibilityConverter}}" >

                            </touch:TouchButton>
                            <StackPanel DockPanel.Dock="Left" Orientation="Horizontal" VerticalAlignment="Center"  >
                                <Image Source="../Images/Job Issues/Events.png" MaxWidth="33" Stretch="Fill" Height="36"/>
                                <TextBlock VerticalAlignment="Center" Margin="20 4 0 0" FontWeight="SemiBold" FontSize="{StaticResource TangoComboBoxItemFontSize}">Notifications</TextBlock>
                                <TextBlock  Margin="10 0 0 0" VerticalAlignment="Center" FontWeight="Normal" FontSize="{StaticResource TangoComboBoxItemFontSize}" Visibility="{Binding NotificationProvider.HasNotificationItems, Converter={StaticResource BooleanToVisibilityConverter}}">
                                    <Run Text="(" ></Run>
                                    <Run Text="{Binding NotificationProvider.NotificationItems, Mode=OneWay, Converter={StaticResource CollectionToCountConverter}}"></Run>
                                    <Run Text=" new Events)" ></Run>
                                </TextBlock>
                            </StackPanel>
                        </DockPanel>
                    </touch:TouchExpander.Header>
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                        <ListBox ClipToBounds="False" ItemsSource="{Binding NotificationProvider.NotificationItems}" HorizontalAlignment="Stretch" MaxHeight="258"  >
                            <ListBox.Style>
                                <Style TargetType="{x:Type ListBox}" BasedOn="{StaticResource BlankListBox}">
                                    <Setter Property="VirtualizingPanel.ScrollUnit" Value="Pixel"></Setter>
                                    <Setter Property="Template">
                                        <Setter.Value>
                                            <ControlTemplate TargetType="{x:Type ListBox}">
                                                <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}">
                                                    <touch:TouchScrollViewer CanContentScroll="True" Padding="{TemplateBinding Padding}" Focusable="False"  
                                                     Style="{StaticResource TouchVerticalScrollViewer}">
                                                        <ItemsPresenter />
                                                    </touch:TouchScrollViewer>
                                                </Border>
                                            </ControlTemplate>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </ListBox.Style>
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <VirtualizingStackPanel IsVirtualizing="True" VirtualizationMode="Recycling" VirtualizingPanel.ScrollUnit="Pixel"  />
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <Grid HorizontalAlignment="Stretch"  Height="80">
                                        <Border BorderThickness="1" Margin="-1 0 0 0" BorderBrush="{StaticResource TangoDividerBrush}">
                                            <Grid HorizontalAlignment="Stretch" >
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="56"/>
                                                    <ColumnDefinition Width="1*"/>
                                                    <ColumnDefinition Width="Auto"/>
                                                </Grid.ColumnDefinitions>
                                                <touch:TouchIcon Margin="24 0 0 0" DockPanel.Dock="Left" Height="32" Grid.Column="0">
                                                    <touch:TouchIcon.Style>
                                                        <Style TargetType="touch:TouchIcon">
                                                            <Setter Property="Icon" Value="Information"></Setter>
                                                            <Style.Triggers>
                                                                <DataTrigger Binding="{Binding MessageType}" Value="Info">
                                                                    <Setter Property="Icon" Value="InformationOutline"></Setter>
                                                                    <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"/>
                                                                </DataTrigger>
                                                                <DataTrigger Binding="{Binding MessageType}" Value="Success">
                                                                    <Setter Property="Icon" Value="Check"/>
                                                                    <Setter Property="Foreground" Value="{StaticResource TangoSuccessBrush}"/>
                                                                </DataTrigger>
                                                                <DataTrigger Binding="{Binding MessageType}" Value="Warning">
                                                                    <Setter Property="Icon" Value="AlertCircleOutline"></Setter>
                                                                    <Setter Property="Foreground" Value="{StaticResource TangoWarningBrush}"/>
                                                                </DataTrigger>
                                                                <DataTrigger Binding="{Binding MessageType}" Value="Error">
                                                                    <Setter Property="Icon" Value="AlertCircleOutline"></Setter>
                                                                    <Setter Property="Foreground" Value="{StaticResource TangoErrorBrush}"/>
                                                                </DataTrigger>
                                                                <DataTrigger Binding="{Binding MessageType}" Value="Critical">
                                                                    <Setter Property="Icon" Value="Alert"></Setter>
                                                                    <Setter Property="Foreground" Value="{StaticResource TangoErrorBrush}"/>
                                                                </DataTrigger>
                                                            </Style.Triggers>
                                                        </Style>
                                                    </touch:TouchIcon.Style>
                                                </touch:TouchIcon>

                                                <StackPanel Margin="15 3 10 5" VerticalAlignment="Center" Grid.Column="1">
                                                    <TextBlock Text="{Binding Message}" TextTrimming="CharacterEllipsis" TextWrapping="Wrap" Foreground="Black" VerticalAlignment="Top" ></TextBlock>
                                                    <TextBlock Margin="0 3 0 0"  Foreground="{StaticResource TangoDarkForegroundBrush}" Text="{Binding ExpandedMessage}" FontSize="{StaticResource TangoSmallFontSize}" TextWrapping="NoWrap" VerticalAlignment="Center" HorizontalAlignment="Left" TextTrimming="CharacterEllipsis"/>
                                                </StackPanel>

                                                <Grid Grid.Column="2" Width="40" HorizontalAlignment="Right" VerticalAlignment="Stretch" Visibility="{Binding CanClose,Converter={StaticResource BooleanToVisibilityConverter}}">
                                                    <Grid Margin="0 0 20 0" HorizontalAlignment="Right" VerticalAlignment="Center" Width="14" Height="14">
                                                        <touch:TouchIcon Icon="Close" Foreground="Black" />
                                                    </Grid>
                                                    <touch:TouchButton Opacity="0" Background="Transparent" Style="{StaticResource TangoFlatButton}" Command="{Binding CloseCommand}" CommandParameter="{Binding}" Foreground="{StaticResource TangoPrimaryBackgroundBrush}" Padding="5" />
                                                </Grid>

                                            </Grid>
                                        </Border>
                                    </Grid>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ListBox>
                    </Grid>
                </touch:TouchExpander>
            </Grid>
        </Grid>
        <Grid Visibility="{Binding IsDisplayJobOutline,Converter={StaticResource BooleanToVisibilityConverter}}" Background="{StaticResource TangoPrimaryBackgroundBrush}" Opacity="0.8"/>

        <Grid Margin="0 -10 0 0" Visibility="{Binding IsDisplayJobOutline,Converter={StaticResource BooleanToVisibilityConverter}}">
            <Grid>
                <touch:TouchScrollViewer BorderThickness="0" Padding="10" Margin="0 0 0 100">
                    <locaControls:JobOutlineControl IsHitTestVisible="False" BorderThickness="0" Margin="20" DataContext="{Binding JobOutlineTicket}" HorizontalAlignment="Left" />
                </touch:TouchScrollViewer>
            </Grid>

            <touch:TouchButton Background="{StaticResource TangoPrimaryBackgroundBrush}" VerticalAlignment="Bottom" Margin="0 100 0 0" Command="{Binding HideJobOutlineCommand}" Style="{StaticResource TangoLinkButton}" Height="60" FontSize="{StaticResource TangoTitleFontSize}">
                Hide Job Outline
            </touch:TouchButton>
        </Grid>
    </Grid>
</UserControl>