<UserControl x:Class="Tango.PPC.Jobs.Views.JobProgressView"
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:vm="clr-namespace:Tango.PPC.Jobs.ViewModels"
xmlns:controls="clr-namespace:Tango.PPC.Jobs.Controls"
xmlns:touch="clr-namespace:Tango.Touch.Controls;assembly=Tango.Touch"
xmlns:converters="clr-namespace:Tango.PPC.Jobs.Converters"
xmlns:global="clr-namespace:Tango.PPC.Jobs"
xmlns:local="clr-namespace:Tango.PPC.Jobs.Views"
mc:Ignorable="d"
d:DesignHeight="1280" d:DesignWidth="800" Background="{StaticResource TangoPrimaryBackgroundBrush}" d:DataContext="{d:DesignInstance Type=vm:JobProgressViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.JobProgressViewVM}">
<UserControl.Resources>
<converters:JobProgressToPositionConverter x:Key="JobProgressToPositionConverter" />
</UserControl.Resources>
<Grid>
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0 100 0 0">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
<TextBlock FontSize="{StaticResource TangoHeaderFontSize}" Text="{Binding Job.Name,FallbackValue='Job Name'}" TextWrapping="Wrap" MaxWidth="700"></TextBlock>
<TextBlock FontSize="{StaticResource TangoTitleFontSize}" Foreground="{StaticResource TangoGrayTextBrush}" VerticalAlignment="Center" Margin="10 0 0 0" Visibility="{Binding Job.Designation,Converter={StaticResource EnumToVisibilityConverter},ConverterParameter='SampleDye'}">(Sample)</TextBlock>
<TextBlock FontSize="{StaticResource TangoTitleFontSize}" Foreground="{StaticResource TangoGrayTextBrush}" VerticalAlignment="Center" Margin="10 0 0 0" Visibility="{Binding Job.Designation,Converter={StaticResource EnumToVisibilityConverter},ConverterParameter='FineTuning'}">(Fine Tuning)</TextBlock>
</StackPanel>
<Grid Margin="0 80 0 0">
<touch:TouchRingProgress Width="364" Height="364" RingThickness="10">
<touch:TouchRingProgress.Style>
<Style TargetType="touch:TouchRingProgress">
<Setter Property="Visibility" Value="Visible"></Setter>
<Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
<Setter Property="Maximum" Value="{Binding RunningJobStatus.TotalProgressMinusSettingUp}"></Setter>
<Setter Property="Value" Value="{Binding RunningJobStatus.ProgressMinusSettingUp}"></Setter>
<Style.Triggers>
<DataTrigger Binding="{Binding RunningJobStatus.IsSettingUp}" Value="False">
<Setter Property="Visibility" Value="Visible"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsCompleted}" Value="True">
<Setter Property="Maximum" Value="100"></Setter>
<Setter Property="Value" Value="99.9999999"></Setter>
<Setter Property="Foreground" Value="{StaticResource TangoSuccessBrush}"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsCanceled}" Value="True">
<Setter Property="Foreground" Value="{StaticResource TangoWarningBrush}"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsFailed}" Value="True">
<Setter Property="Foreground" Value="{StaticResource TangoErrorBrush}"></Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</touch:TouchRingProgress.Style>
</touch:TouchRingProgress>
<touch:TouchBusyIndicator Width="360" Height="360" StrokeThickness="10" Maximum="100" Visibility="{Binding RunningJobStatus.IsSettingUp,Converter={StaticResource BooleanToVisibilityConverter}}">
<touch:TouchBusyIndicator.Style>
<Style TargetType="touch:TouchBusyIndicator">
<Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
<Setter Property="Value" Value="0"></Setter>
<Setter Property="IsIndeterminate" Value="False"></Setter>
<Style.Triggers>
<DataTrigger Binding="{Binding RunningJobStatus.IsSettingUp}" Value="True">
<Setter Property="Visibility" Value="Visible"></Setter>
<Setter Property="Value" Value="0"></Setter>
<Setter Property="IsIndeterminate" Value="True"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsCompleted}" Value="True">
<Setter Property="IsIndeterminate" Value="False"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsCanceled}" Value="True">
<Setter Property="Value" Value="99.9999999"></Setter>
<Setter Property="IsIndeterminate" Value="False"></Setter>
<Setter Property="Foreground" Value="{StaticResource TangoWarningBrush}"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsFailed}" Value="True">
<Setter Property="Value" Value="99.9999999"></Setter>
<Setter Property="IsIndeterminate" Value="False"></Setter>
<Setter Property="Foreground" Value="{StaticResource TangoErrorBrush}"></Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</touch:TouchBusyIndicator.Style>
</touch:TouchBusyIndicator>
<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
<StackPanel Visibility="{Binding RunningJobStatus.IsSettingUp,Converter={StaticResource BooleanToVisibilityInverseConverter}}">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
<Image Source="../Images/JobProgressView/drop.png" Stretch="None" />
<TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Completed</TextBlock>
</StackPanel>
<TextBlock FontWeight="Light" FontSize="{StaticResource TangoLargeFontSize}" Margin="0 10 0 0" HorizontalAlignment="Center">
<Run Text="{Binding RunningJobStatus.ProgressMinusSettingUp,StringFormat=0,FallbackValue=0}"></Run><Run Text="/" /><Run Text="{Binding RunningJobStatus.TotalProgressMinusSettingUp,StringFormat=0,FallbackValue=0}"/>
<Run FontSize="16">m</Run>
</TextBlock>
</StackPanel>
<StackPanel Height="90" Visibility="{Binding RunningJobStatus.IsSettingUp,Converter={StaticResource BooleanToVisibilityConverter}}">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
<Image Source="../Images/JobProgressView/drop.png" Stretch="None" />
<TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Getting Ready...</TextBlock>
</StackPanel>
</StackPanel>
<Rectangle Margin="0 10 0 0" Width="250" Stroke="{StaticResource TangoDividerBrush}" />
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0 15 0 0">
<Image Source="../Images/JobProgressView/clock.png" Stretch="None" />
<TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">Time Left</TextBlock>
</StackPanel>
<TextBlock FontWeight="Light" FontSize="{StaticResource TangoLargeFontSize}" Margin="0 10 0 0" HorizontalAlignment="Center">
<Run Text="{Binding RunningJobStatus.RemainingTime,Converter={StaticResource TimeSpanToTwoDigitsTimeConverter},FallbackValue=5}"></Run>
<Run FontSize="16" Text="{Binding RunningJobStatus.RemainingTime,Converter={StaticResource TimeSpanToLabelConverter},FallbackValue=min}"></Run>
</TextBlock>
</StackPanel>
</Grid>
<Grid Margin="0 150 0 0">
<StackPanel MaxWidth="600">
<Canvas Height="80" Margin="0">
<StackPanel>
<StackPanel.Style>
<Style TargetType="StackPanel">
<Setter Property="Canvas.Left">
<Setter.Value>
<MultiBinding Converter="{StaticResource JobProgressToPositionConverter}">
<Binding Path="RunningJobStatus.CurrentUnitProgress" />
<Binding Path="RunningJobStatus.CurrentUnitTotalProgress" />
<Binding RelativeSource="{RelativeSource AncestorType=Canvas}" Path="ActualWidth" />
</MultiBinding>
</Setter.Value>
</Setter>
<Style.Triggers>
<DataTrigger Binding="{Binding RunningJobStatus.IsSettingUp}" Value="True">
<Setter Property="Canvas.Left" Value="0"></Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</StackPanel.Style>
<StackPanel Margin="-20 20 0 0">
<StackPanel>
<Canvas HorizontalAlignment="Center">
<TextBlock Margin="0 -25 0 0" Canvas.Left="{Binding RelativeSource={RelativeSource Mode=Self},Path=ActualWidth,Converter={StaticResource MathOperatorConverter},ConverterParameter='*-0.5'}" HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Text" Value="Now Dyeing"></Setter>
<Style.Triggers>
<DataTrigger Binding="{Binding RunningJobStatus.IsSettingUp}" Value="True">
<Setter Property="Text" Value="Getting Ready"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsCanceled}" Value="True">
<Setter Property="Text" Value="Job Canceled"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsFailed}" Value="True">
<Setter Property="Text" Value="Job Failed"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsCompleted}" Value="True">
<Setter Property="Text" Value="Job Completed"></Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
</Canvas>
<touch:TouchIcon Margin="0 8 0 0" HorizontalAlignment="Center" Width="40" Height="40">
<touch:TouchIcon.Style>
<Style TargetType="touch:TouchIcon" BasedOn="{StaticResource {x:Type touch:TouchIcon}}">
<Setter Property="Angle" Value="180"></Setter>
<Setter Property="Icon" Value="Water"></Setter>
<Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
<Style.Triggers>
<DataTrigger Binding="{Binding RunningJobStatus.IsCanceled}" Value="True">
<Setter Property="Angle" Value="0"></Setter>
<Setter Property="Icon" Value="Alert"></Setter>
<Setter Property="Foreground" Value="{StaticResource TangoWarningBrush}"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsFailed}" Value="True">
<Setter Property="Angle" Value="0"></Setter>
<Setter Property="Icon" Value="AlertOctagon"></Setter>
<Setter Property="Foreground" Value="{StaticResource TangoErrorBrush}"></Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsCompleted}" Value="True">
<Setter Property="Angle" Value="0"></Setter>
<Setter Property="Icon" Value="Check"></Setter>
<Setter Property="Foreground" Value="{StaticResource TangoSuccessBrush}"></Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</touch:TouchIcon.Style>
</touch:TouchIcon>
</StackPanel>
</StackPanel>
</StackPanel>
</Canvas>
<Grid>
<controls:RunningJobViewer Height="26" Width="600" DisplayMarkers="False" IsActive="True" Job="{Binding Job}" RunningJobStatus="{Binding RunningJobStatus}" />
<TextBlock Margin="0 0 -50 0" VerticalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}" HorizontalAlignment="Right">
<Run Text="x"></Run><Run Text="{Binding RunningJobStatus.RemainingUnits}"></Run>
</TextBlock>
</Grid>
</StackPanel>
</Grid>
<touch:TouchButton Margin="0 100 0 0" Command="{Binding GoToJobCommand}" Style="{StaticResource TangoLinkButton}" Height="60" FontSize="{StaticResource TangoTitleFontSize}" Visibility="{Binding RunningJobStatus.IsCompleted,Converter={StaticResource BooleanToVisibilityConverter}}">
Go to job
</touch:TouchButton>
</StackPanel>
<touch:TouchButton Visibility="{Binding ApplicationManager.IsInTechnicianMode,Converter={StaticResource BooleanToVisibilityConverter}}" VerticalAlignment="Bottom" Margin="0 100 0 0" Command="{Binding DisplayJobOutlineCommand}" Style="{StaticResource TangoLinkButton}" Height="60" FontSize="{StaticResource TangoTitleFontSize}">
Display Job Outline
</touch:TouchButton>
<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">
<global: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>
