1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<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'}"></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="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>
<Canvas Height="80" Margin="5 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="-50 0 0 0">
<ContentControl>
<ContentControl.Style>
<Style TargetType="ContentControl">
<Setter Property="Content">
<Setter.Value>
<StackPanel>
<TextBlock 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>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
<touch:TouchIcon Margin="0 8 0 0" HorizontalAlignment="Center" Icon="Water" Angle="180" Foreground="{StaticResource TangoPrimaryAccentBrush}" Width="40" Height="40" />
</StackPanel>
</Setter.Value>
</Setter>
<Style.Triggers>
<DataTrigger Binding="{Binding RunningJobStatus.IsCanceled}" Value="True">
<Setter Property="Content">
<Setter.Value>
<StackPanel>
<TextBlock HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">job canceled</TextBlock>
<touch:TouchIcon Margin="0 8 0 0" HorizontalAlignment="Center" Icon="Alert" Foreground="{StaticResource TangoWarningBrush}" Width="40" Height="40" />
</StackPanel>
</Setter.Value>
</Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsFailed}" Value="True">
<Setter Property="Content">
<Setter.Value>
<StackPanel>
<TextBlock HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">job failed</TextBlock>
<touch:TouchIcon Margin="0 8 0 0" HorizontalAlignment="Center" Icon="AlertOctagon" Foreground="{StaticResource TangoErrorBrush}" Width="40" Height="40" />
</StackPanel>
</Setter.Value>
</Setter>
</DataTrigger>
<DataTrigger Binding="{Binding RunningJobStatus.IsCompleted}" Value="True">
<Setter Property="Content">
<Setter.Value>
<StackPanel>
<TextBlock HorizontalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}">job completed</TextBlock>
<touch:TouchIcon Margin="0 8 0 0" HorizontalAlignment="Center" Icon="Check" Foreground="{StaticResource TangoSuccessBrush}" Width="40" Height="40" />
</StackPanel>
</Setter.Value>
</Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</ContentControl.Style>
</ContentControl>
</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>
</Grid>
</UserControl>
|