aboutsummaryrefslogtreecommitdiffstats
path: root/Software/Visual_Studio/PPC/Modules/Tango.PPC.JobsV2/Views/JobView.xaml
blob: 038c4af0fb70b5cbac8f433766a463a76e2ed436 (plain)
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #888888 } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { color: #008800; font-weight: bold } /* Keyword */
.highlight .ch { color: #888888 } /* Comment.Hashbang */
.highlight .cm { color: #888888 } /* Comment.Multiline */
.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
.highlight .cpf { color: #888888 } /* Comment.PreprocFile */
.highlight .c1 { color: #888888 } /* Comment.Single */
.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .ges { font-weight: bold; font-style: italic } /* Generic.EmphStrong */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #333333 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #666666 } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008800 } /* Keyword.Pseudo */
.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
.highlight .na { color: #336699 } /* Name.Attribute */
.highlight .nb { color: #003388 } /* Name.Builtin */
.highlight .nc { color: #bb0066; font-weight: bold } /* Name.Class */
.highlight .no { color: #003366; font-weight: bold } /* Name.Constant */
.highlight .nd { color: #555555 } /* Name.Decorator */
.highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */
.highlight .nl { color: #336699; font-style: italic } /* Name.Label */
.highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
.highlight .py { color: #336699; font-weight: bold } /* Name.Property */
.highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #336699 } /* Name.Variable */
.highlight .ow { color: #008800 } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #0000DD; font-weight: bold } /* Literal.Number.Bin */
.highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
.highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
.highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
.highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
.highlight .sa { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Affix */
.highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
.highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */
.highlight .dl { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Delimiter */
.highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
.highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */
.highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */
.highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */
.highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */
.highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */
.highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */
.highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */
.highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */
.highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */
.highlight .vc { color: #336699 } /* Name.Variable.Class */
.highlight .vg { color: #dd7700 } /* Name.Variable.Global */
.highlight .vi { color: #3333bb } /* Name.Variable.Instance */
.highlight .vm { color: #336699 } /* Name.Variable.Magic */
.highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Tango.PMR.FirmwareUpgrade;

public static class VersionPackageDescriptorExtensions
{
    /// <summary>
    /// Throws exception if the tfp package is invalid.
    /// </summary>
    /// <param name="descriptor">The descriptor.</param>
    /// <exception cref="InvalidDataException">
    /// TFP package contains multiple MCU files.
    /// or
    /// TFP package MCU does specify any version.
    /// or
    /// </exception>
    public static void Validate(this VersionPackageDescriptor descriptor)
    {
        if (descriptor.FileDescriptors.Where(x => x.Destination == VersionFileDestination.Mcu).Count() > 1)
        {
            throw new InvalidDataException("TFP package contains multiple MCU files.");
        }

        if (descriptor.FileDescriptors.GroupBy(x => x.FileName).Any(x => x.Count() > 1))
        {
            throw new InvalidDataException("The TPF package cannot contain duplicate file names.");
        }

        foreach (var item in descriptor.FileDescriptors)
        {
            try
            {
                Version.Parse(item.Version);
            }
            catch
            {
                throw new InvalidDataException($"Invalid version ({item.Version}) for file '{item.FileName}'.");
            }
        }
    }

    /// <summary>
    /// Gets the MCU version.
    /// </summary>
    /// <param name="descriptor">The descriptor.</param>
    /// <returns></returns>
    public static Version GetMcuVersion(this VersionPackageDescriptor descriptor)
    {
        descriptor.Validate();

        var mcuFile = descriptor.FileDescriptors.SingleOrDefault(x => x.Destination == VersionFileDestination.Mcu);

        if (mcuFile == null)
        {
            throw new FileNotFoundException("Could not retrieve TFP package version. MCU file not found.");
        }

        return Version.Parse(mcuFile.Version);
    }

    /// <summary>
    /// Determines whether this package contains an MCU file.
    /// </summary>
    /// <param name="descriptor">The descriptor.</param>
    public static bool ContainsMcu(this VersionPackageDescriptor descriptor)
    {
        return descriptor.FileDescriptors.Any(x => x.Destination == VersionFileDestination.Mcu);
    }

    /// <summary>
    /// Determines whether this package contains none MCU files.
    /// </summary>
    /// <param name="descriptor">The descriptor.</param>
    public static bool ContainsNoneMcu(this VersionPackageDescriptor descriptor)
    {
        return descriptor.FileDescriptors.Any(x => x.Destination != VersionFileDestination.Mcu);
    }
}
#n615'>615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057
<UserControl x:Class="Tango.PPC.Jobs.Views.JobView"
             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:model="clr-namespace:Tango.PPC.Jobs.Models"
             xmlns:helpers="clr-namespace:Tango.PPC.Jobs.Helpers"
             xmlns:fa="http://schemas.fontawesome.io/icons/"
             xmlns:touch="clr-namespace:Tango.Touch.Controls;assembly=Tango.Touch"
             xmlns:keyboard="clr-namespace:Tango.Touch.Keyboard;assembly=Tango.Touch"
             xmlns:global="clr-namespace:Tango.PPC.Jobs"
             xmlns:controls="clr-namespace:Tango.SharedUI.Controls;assembly=Tango.SharedUI"
             xmlns:enumerations="clr-namespace:Tango.BL.Enumerations;assembly=Tango.BL"
             xmlns:converters="clr-namespace:Tango.SharedUI.Converters;assembly=Tango.SharedUI"
             xmlns:entities="clr-namespace:Tango.BL.Entities;assembly=Tango.BL"
             xmlns:localConverters="clr-namespace:Tango.PPC.Jobs.Converters"
             xmlns:dragAndDrop="clr-namespace:Tango.DragAndDrop;assembly=Tango.DragAndDrop"
             xmlns:localControls="clr-namespace:Tango.PPC.Jobs.Controls"
             xmlns:components="clr-namespace:Tango.Touch.Components;assembly=Tango.Touch"
             xmlns:local="clr-namespace:Tango.PPC.Jobs.Views"
             mc:Ignorable="d" 
             d:DesignHeight="2000" d:DesignWidth="800" d:DataContext="{d:DesignInstance Type=vm:JobViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.JobViewVM}" x:Name="view">

    <UserControl.Resources>

        <localConverters:ColorSpaceToVisibilityConverter x:Key="ColorSpaceToVisibilityConverter" />
        <localConverters:JobToEmbroideryImageConverter x:Key="JobToEmbroideryImageConverter" />
        <converters:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
        <converters:BooleanToVisibilityInverseConverter x:Key="BooleanToVisibilityInverseConverter"/>
        <converters:EnumToDescriptionConverter x:Key="EnumToDescriptionConverter"/>
        <converters:TimeSpanToMinutesConverter x:Key="TimeSpanToMinutesConverter"/>
        <localConverters:MarginOffsetSliderConverter x:Key="MarginOffsetSliderConverter"/>

        <BitmapImage x:Key="Image_Out_Of_Gamut" UriSource="../Images/JobView/error.png" />
        <BitmapImage x:Key="Image_Replace_Color" UriSource="../Images/JobView/replace-color.png" />
        <BitmapImage x:Key="Image_Color_Picker" UriSource="../Images/JobView/color-picker.png" />
        <BitmapImage x:Key="Image_Transparent" UriSource="../Images/JobView/transparent.jpg" />
        <BitmapImage x:Key="Image_TransparentSmall" UriSource="../Images/JobView/transparent_small.jpg" />


        <Style TargetType="FrameworkElement" x:Key="Level1Container">
            <Setter Property="Margin" Value="20 15 60 15"></Setter>
        </Style>
        <Style TargetType="FrameworkElement" x:Key="Level2Container">
            <Setter Property="Margin" Value="80 30 60 0"></Setter>
        </Style>
        <Style TargetType="FrameworkElement" x:Key="Level2ContainerExtraMargin">
            <Setter Property="Margin" Value="80 40 60 0"></Setter>
        </Style>
                                            
        <Style x:Key="CollapsedPanelButton" TargetType="{x:Type touch:TouchButton}">
            <Setter Property="Background" Value="Transparent"></Setter>
            <Setter Property="Foreground" Value="{StaticResource TangoMidAccentBrush}"></Setter>
            <Setter Property="Width" Value="{Binding RelativeSource={RelativeSource Self},Path=ActualHeight}"></Setter>
            <Setter Property="MinHeight" Value="50"/>
            <Setter Property="CornerRadius" Value="{Binding RelativeSource={RelativeSource Self},Path=ActualHeight}"></Setter>
            <Setter Property="BorderThickness" Value="0"></Setter>
            <Setter Property="EnableDropShadow" Value="False"></Setter>
            <Setter Property="Padding" Value="4"></Setter>
            <Setter Property="VerticalAlignment" Value="Center"></Setter>
            <Setter Property="FontSize" Value="{StaticResource TangoDefaultFontSize}"></Setter>
            <Style.Triggers>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter Property="Opacity" Value=".5"/>
                </Trigger>
                <DataTrigger Binding="{Binding JobModel.HasSelectedItems}" Value="false">
                    <Setter Property="Opacity" Value=".5"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>

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

        <Style x:Key="TouchButtonWithDisableState" TargetType="{x:Type touch:TouchButton}">
            <Setter Property="Background" Value="Transparent"></Setter>
            <Setter Property="Foreground" Value="{StaticResource TangoPrimaryAccentBrush}"></Setter>
            <Setter Property="BorderThickness" Value="0"></Setter>
            <Setter Property="EnableDropShadow" Value="False"></Setter>
            <Setter Property="FontSize" Value="{StaticResource TangoDefaultFontSize}"></Setter>
            <Style.Triggers>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter Property="Background" Value="{StaticResource TangoDisabledBackgroundBrush}"></Setter>
                </Trigger>
            </Style.Triggers>
        </Style>

        <DataTemplate x:Key="HSB_Template" DataType="{x:Type entities:BrushStop}">
            <UniformGrid Rows="1" Columns="3">
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="H" FontSize="{StaticResource TangoSmallFontSize}" VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0" Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="42" Height="29" >
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Hue, StringFormat=0.0}"></TextBlock>
                    </Border>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="10 0 0 0">
                    <TextBlock Text="S" FontSize="{StaticResource TangoSmallFontSize}" VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0" Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="42" Height="29">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Saturation, StringFormat=0.0}" ></TextBlock>
                    </Border>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="10 0 0 0">
                    <TextBlock Text="B" FontSize="{StaticResource TangoSmallFontSize}" VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0" Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="42" Height="29">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Brightness, StringFormat=0.0}"></TextBlock>
                    </Border>
                </StackPanel>
            </UniformGrid>

        </DataTemplate>

        <DataTemplate x:Key="RGB_Template" DataType="{x:Type entities:BrushStop}">
            <UniformGrid Rows="1" Columns="3" Height="30" >
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="R" FontSize="{StaticResource TangoSmallFontSize}" VerticalAlignment="Center"/>
                    <Border  Margin="10 0 0 0" Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="42">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding BestMatchColor.R}" ></TextBlock>
                    </Border>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="4 0 0 0">
                    <TextBlock  Text="G" FontSize="{StaticResource TangoSmallFontSize}"  VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0"  Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="42">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding BestMatchColor.G}" ></TextBlock>
                    </Border>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="4 0 0 0">
                    <TextBlock  Text="B" FontSize="{StaticResource TangoSmallFontSize}"  VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0"  Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="42">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding BestMatchColor.B}" ></TextBlock>
                    </Border>
                </StackPanel>
            </UniformGrid>
        </DataTemplate>

        <DataTemplate x:Key="CMYK_Template" DataType="{x:Type entities:BrushStop}">
            <UniformGrid Rows="1" Columns="4" Height="30" >
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="C" FontSize="{StaticResource TangoSmallFontSize}" VerticalAlignment="Center"/>
                    <Border  Margin="10 0 0 0" Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="48">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Cyan, StringFormat=0.##}" ></TextBlock>
                    </Border>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="0 0 0 0">
                    <TextBlock  Text="M" FontSize="{StaticResource TangoSmallFontSize}"  VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0"  Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="48">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Magenta, StringFormat=0.##}" ></TextBlock>
                    </Border>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="10 0 0 0">
                    <TextBlock  Text="Y" FontSize="{StaticResource TangoSmallFontSize}"  VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0"  Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="48">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Yellow, StringFormat=0.##}" ></TextBlock>
                    </Border>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="10 0 0 0">
                    <TextBlock  Text="K" FontSize="{StaticResource TangoSmallFontSize}"  VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0"  Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="48">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding Black, StringFormat=0.##}"></TextBlock>
                    </Border>
                </StackPanel>
            </UniformGrid>
        </DataTemplate>

        <DataTemplate x:Key="LAB_Template" DataType="{x:Type entities:BrushStop}">
            <UniformGrid Rows="1" Columns="3" Height="30" MinWidth="150">
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="L" FontSize="{StaticResource TangoSmallFontSize}" VerticalAlignment="Center"/>
                    <Border  Margin="10 0 0 0" Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="52">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding BestMatchL, StringFormat=0.##}" ></TextBlock>
                    </Border>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="5 0 0 0">
                    <TextBlock  Text="a" FontSize="{StaticResource TangoSmallFontSize}"  VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0"  Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="52">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding BestMatchA, StringFormat=0.##}" ></TextBlock>
                    </Border>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="10 0 0 0">
                    <TextBlock  Text="b" FontSize="{StaticResource TangoSmallFontSize}"  VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0"  Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" Width="52">
                        <TextBlock Style="{StaticResource SliderGreyTextStyle}" Text="{Binding BestMatchB, StringFormat=0.##}" ></TextBlock>
                    </Border>
                </StackPanel>
            </UniformGrid>
        </DataTemplate>

        <DataTemplate x:Key="CATALOG_Template" DataType="{x:Type entities:BrushStop}">
            <UniformGrid Rows="1" Columns="2" Height="30" MinWidth="150">
                <StackPanel Orientation="Horizontal" Margin="0 0 0 0">
                    <TextBlock  Text="Catalog:" FontSize="{StaticResource TangoSmallFontSize}"  VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0"  Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" MinWidth="42" MaxWidth="130">
                        <TextBlock Padding="4 0 4 0" Style="{StaticResource SliderGreyTextStyle}" Text="{Binding ColorCatalog.Name}" ></TextBlock>
                    </Border>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="10 0 0 0">
                    <TextBlock  Text="Color:" FontSize="{StaticResource TangoSmallFontSize}"  VerticalAlignment="Center"/>
                    <Border Margin="10 0 0 0"  Background="Transparent" BorderBrush="{StaticResource TangoGrayBrush}"  BorderThickness="0.8" MinWidth="42">
                        <TextBlock Padding="4 0 4 0" Style="{StaticResource SliderGreyTextStyle}" Text="{Binding ColorCatalogsItem.Name}" ></TextBlock>
                    </Border>
                </StackPanel>
            </UniformGrid>
        </DataTemplate>

        <DataTemplate x:Key="Segment_Template" DataType="{x:Type model:SegmentModel}">
            <Grid Height="400" Margin="57 15 57 0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="1*" />
                </Grid.RowDefinitions>

                <DockPanel x:Name="header">
                    <StackPanel Orientation="Horizontal" DockPanel.Dock="Right"  Height="60">
                        <touch:TouchButton Margin="20 0 0 0" VerticalAlignment="Center"   EnableDropShadow="False" Background="Transparent" BorderThickness="0" Command="{Binding ElementName=view,Path=DataContext.RemoveSegmentCommand}" CommandParameter="{Binding}">
                            <Border  Height="24" Width="24"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/delete_segment.png"/>
                            </Border>
                        </touch:TouchButton>
                        <touch:TouchButton Margin="20 0 0 0" VerticalAlignment="Center" EnableDropShadow="False"  Background="Transparent" BorderThickness="0" Command="{Binding ElementName=view,Path=DataContext.DuplicateSegmentCommand}" CommandParameter="{Binding}">
                            <Border  Height="27" Width="23"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/duplicate.png"/>
                            </Border>
                        </touch:TouchButton>
                    </StackPanel>
                    <StackPanel Grid.Row="0" DockPanel.Dock="Left">
                        <StackPanel  Margin="0 0 0 0" Orientation="Horizontal" >
                            <controls:FastTextBlock FontSize="{StaticResource TangoTitleFontSize}">Segment #</controls:FastTextBlock>
                            <controls:FastTextBlock FontSize="{StaticResource TangoTitleFontSize}" Text="{Binding SegmentIndex,Mode=OneWay}"></controls:FastTextBlock>
                        </StackPanel>
                        <StackPanel  Margin="0 0 0 0" Orientation="Horizontal">
                            <controls:FastTextBlock VerticalAlignment="Bottom" DockPanel.Dock="Left" Text="Length (m):" FontSize="18"></controls:FastTextBlock>
                            <touch:TouchNumericTextBox Margin="20 0 0 0" Width="92" DockPanel.Dock="Right" Value="{Binding Length, UpdateSourceTrigger=LostFocus}" StringFormat="0.0" AutoCalculateJogStep="False" HasDecimalPoint="True" Minimum="1" Maximum="100000" KeyboardContainer="{Binding ElementName=Container}" FontSize="18" ValueChangedEnd="Length_ValueChanged" TextGotFocus="Length_BeforeChangeValue" RippleBrush="Transparent"/>
                        </StackPanel>
                    </StackPanel>

                </DockPanel>

                <Grid Grid.Row="1" x:Name="displayOffset" Margin="0 10 0 -11" Visibility="{Binding IsGradient, Converter={StaticResource BooleanToVisibilityConverter}}">
                    <Border x:Name="leftoffsetBorder" Visibility="{Binding IsGradient, Converter={StaticResource BooleanToVisibilityConverter}}">
                        <TextBlock x:Name="leftoffsetLabel" HorizontalAlignment="Left" MaxWidth="80" Margin="0 0 10 0" FontSize="{StaticResource TangoSmallFontSize}" Foreground="{StaticResource TangoNotificationBarMaskBrush}" Text="{Binding LeftOffsetLabel,Mode=OneWay}"/>

                        <Border.Margin>
                            <MultiBinding Converter="{StaticResource MarginOffsetSliderConverter}" ConverterParameter="1" Delay="200" Mode="OneWay">
                                <Binding ElementName="sliderOffset" Path="LowerValue" ></Binding>
                                <Binding ElementName="sliderOffset" Path="ActualWidth"></Binding>
                                <Binding ElementName="leftoffsetLabel" Path="ActualWidth"></Binding>
                                <Binding ElementName="middleoffsetBorder" Path="Margin.Left"></Binding>

                            </MultiBinding>
                        </Border.Margin>
                    </Border>
                    <Border x:Name="middleoffsetBorder">
                        <TextBlock x:Name="middleoffsetLabel" HorizontalAlignment="Left" MaxWidth="80" Margin="10 0 10 0" FontSize="{StaticResource TangoSmallFontSize}" Foreground="{StaticResource TangoNotificationBarMaskBrush}" Text="{Binding MiddleOffsetLabel,Mode=OneWay}"/>

                        <Border.Margin>
                            <MultiBinding Converter="{StaticResource MarginOffsetSliderConverter}" ConverterParameter="2" Delay="200" Mode="OneWay">
                                <Binding ElementName="sliderOffset" Path="MiddleValue"></Binding>
                                <Binding ElementName="sliderOffset" Path="ActualWidth"></Binding>
                                <Binding ElementName="middleoffsetLabel" Path="ActualWidth"></Binding>
                                <Binding ElementName="leftoffsetLabel" Path="ActualWidth"></Binding>
                                <Binding ElementName="upperoffsetLabel" Path="ActualWidth"></Binding>
                            </MultiBinding>
                        </Border.Margin>
                    </Border>
                    <Border x:Name="rightoffsetBorder">
                        <TextBlock x:Name="upperoffsetLabel" HorizontalAlignment="Left" MaxWidth="80" Margin="0 0 0 0" FontSize="{StaticResource TangoSmallFontSize}" Foreground="{StaticResource TangoNotificationBarMaskBrush}" Text="{Binding RightOffsetLabel,Mode=OneWay}"/>


                        <Border.Margin>
                            <MultiBinding Converter="{StaticResource MarginOffsetSliderConverter}" ConverterParameter="3" Delay="200" Mode="OneWay">
                                <Binding ElementName="sliderOffset" Path="UpperValue"></Binding>
                                <Binding ElementName="sliderOffset" Path="ActualWidth"></Binding>
                                <Binding ElementName="upperoffsetLabel" Path="ActualWidth"></Binding>
                                <Binding ElementName="middleoffsetBorder" Path="Margin.Left"></Binding>
                                <Binding ElementName="middleoffsetLabel" Path="ActualWidth"></Binding>
                            </MultiBinding>
                        </Border.Margin>
                    </Border>
                </Grid>

                <Border Grid.Row="2" x:Name="segmentBrush" Height="90" Margin="0 20 0 0" CornerRadius="20" Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderThickness="1" BorderBrush="{StaticResource TangoGrayBrush}">

                    <Border Background="{Binding SegmentBrush}" CornerRadius="20">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="1*"/>
                                <ColumnDefinition Width="1*"/>
                                <ColumnDefinition Width="1*"/>
                            </Grid.ColumnDefinitions>
                            <touch:TouchButton  Margin="26 0 0 0" HorizontalAlignment="Left" VerticalAlignment="Center"  Command="{Binding ElementName=view,Path=DataContext.EditColorCommand}" CommandParameter="{Binding FirstBrushStop}" Visibility="{Binding HasColors, Converter={StaticResource BooleanToVisibilityConverter}}" EnableDropShadow="False" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" BorderThickness="0">
                                <Border  Height="40" Width="40"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                    <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/Edit_color.png"/>
                                </Border>
                            </touch:TouchButton>
                            <StackPanel Grid.Column="1" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
                                <!--<touch:TouchIconButton   Command="{Binding ElementName=view,Path=DataContext.AddColorCommand}" CommandParameter="{Binding}"
                                    Height="40" Width="40"   Style="{StaticResource TangoRoundTouchIconButton}" Icon="Plus" Background="{StaticResource TangoRippleDarkBrush}" Foreground="{StaticResource TangoLightForegroundBrush}" Padding="12" Margin="20 0 0 0"  />-->
                                <touch:TouchButton Margin="0 0 0 0" VerticalAlignment="Center"  Command="{Binding ElementName=view,Path=DataContext.AddColorCommand}" CommandParameter="{Binding}"  EnableDropShadow="False" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" BorderThickness="0" BorderBrush="Transparent" RippleBrush="Transparent" >
                                    <Border  Height="40" Width="40"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                        <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/AddColor.png"/>
                                    </Border>
                                </touch:TouchButton>
                                <TextBlock VerticalAlignment="Center" Margin="20 5 0 0"  FontSize="{StaticResource TangoSmallFontSize}" Visibility="{Binding HasColors, Converter={StaticResource BooleanToVisibilityInverseConverter}}" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}">Add Color</TextBlock>
                            </StackPanel>
                            <touch:TouchButton Margin="0 0 26 0" Grid.Column="2" HorizontalAlignment="Right" VerticalAlignment="Center"  Command="{Binding ElementName=view,Path=DataContext.EditColorCommand}" CommandParameter="{Binding SecondBrushStop}" Visibility="{Binding IsGradient, Converter={StaticResource BooleanToVisibilityConverter}}" EnableDropShadow="False" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" BorderThickness="0">
                                <Border  Height="40" Width="40"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                    <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/Edit_color.png"/>
                                </Border>
                            </touch:TouchButton>
                           
                        </Grid>
                    </Border>
                </Border>
                <!--<Canvas Grid.Row="1"  x:Name="alert_canvas_segment" Width="30"  VerticalAlignment="Center" HorizontalAlignment="Left" Margin="-40 -10 0 0" >
                    <touch:TouchButton Height="22" Width="24" Canvas.Left="0" Canvas.Top="0" x:Name="addmyColors"  EnableDropShadow="False" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" BorderThickness="0" Visibility="{Binding HasOutOfGamutBrush, Converter={StaticResource BooleanToVisibilityConverter}}">
                        <Border   BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                            <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/Exclamation_black.png"/>
                        </Border>
                    </touch:TouchButton>
                </Canvas>-->

                <Grid Grid.Row="3"  x:Name="sliderThreeThumbs" Visibility="{Binding IsGradient, Converter={StaticResource BooleanToVisibilityConverter}}" >
                    <touch:TouchSliderThreeThumbs x:Name="sliderOffset" Height="40" MinimumMiddleRange="5.0" Length="{Binding Length}" LowerValue="{Binding LeftOffset, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" MiddleValue="{Binding MiddleOffset, Mode=TwoWay}"  UpperValue="{Binding RightOffset, Mode=TwoWay}" 
                                                  LowerValueEndChanging ="{Binding LeftOffsetChangeComleted}" LowerValueStartChanging="{Binding LeftOffsetStartChanging}"
                                                  UpperValueStartChanging ="{Binding RightOffsetStartChanging}" UpperValueEndChanging="{Binding RightOffsetChangeComleted}"
                                                  MiddleValueStartChanging ="{Binding MiddleOffsetStartChanging}" MiddleValueEndChanging ="{Binding MiddleOffsetChangeComleted}"/>
                </Grid>

                <Grid  Grid.Row="4" Margin="0 10 0 0" x:Name="colorSpacesSegment" >
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="1*" MinWidth="10"/>
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>

                    <ContentControl  x:Name="leftColorSpaceValues" Grid.Column="0" Focusable="False" Margin="0 0 0 0"  HorizontalAlignment="Left"  Content="{Binding FirstBrushStop}" Visibility="{Binding HasColors, Converter={StaticResource BooleanToVisibilityConverter}}">
                        <ContentControl.Style>
                            <Style TargetType="ContentControl">
                                <Setter Property="ContentTemplate">
                                    <Setter.Value>
                                        <DataTemplate/>
                                    </Setter.Value>
                                </Setter>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding FirstBrushStop.ColorSpace, Converter={StaticResource EnumToDescriptionConverter}}" Value="HSB">
                                        <Setter Property="ContentTemplate" Value="{StaticResource HSB_Template}" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding FirstBrushStop.ColorSpace, Converter={StaticResource EnumToDescriptionConverter}}" Value="RGB">
                                        <Setter Property="ContentTemplate" Value="{StaticResource RGB_Template}" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding FirstBrushStop.ColorSpace, Converter={StaticResource EnumToDescriptionConverter}}" Value="Volume">
                                        <Setter Property="ContentTemplate" Value="{StaticResource CMYK_Template}" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding FirstBrushStop.ColorSpace, Converter={StaticResource EnumToDescriptionConverter}}" Value="LAB">
                                        <Setter Property="ContentTemplate" Value="{StaticResource LAB_Template}" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding FirstBrushStop.ColorSpace, Converter={StaticResource EnumToDescriptionConverter}}" Value="Catalog">
                                        <Setter Property="ContentTemplate" Value="{StaticResource CATALOG_Template}" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </ContentControl.Style>
                    </ContentControl>
                    <Border Grid.Column="1"></Border>
                    <ContentControl  x:Name="rightColorSpaceValues" Grid.Column="2"  Focusable="False" Margin="0 0 0 0"  HorizontalAlignment="Right" HorizontalContentAlignment="Right" 
                                                 Visibility="{Binding IsGradient, Converter={StaticResource BooleanToVisibilityConverter}}" Content="{Binding SecondBrushStop}">
                        <ContentControl.Style>
                            <Style TargetType="ContentControl">
                                <Setter Property="ContentTemplate">
                                    <Setter.Value>
                                        <DataTemplate/>
                                    </Setter.Value>
                                </Setter>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding SecondBrushStop.ColorSpace, Converter={StaticResource EnumToDescriptionConverter}, Mode=OneWay}" Value="HSB">
                                        <Setter Property="ContentTemplate" Value="{StaticResource HSB_Template}" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding SecondBrushStop.ColorSpace, Converter={StaticResource EnumToDescriptionConverter}, Mode=TwoWay}" Value="RGB">
                                        <Setter Property="ContentTemplate" Value="{StaticResource RGB_Template}" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding SecondBrushStop.ColorSpace, Converter={StaticResource EnumToDescriptionConverter}, Mode=OneWay}" Value="Volume">
                                        <Setter Property="ContentTemplate" Value="{StaticResource CMYK_Template}" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding SecondBrushStop.ColorSpace, Converter={StaticResource EnumToDescriptionConverter}, Mode=OneWay}" Value="LAB">
                                        <Setter Property="ContentTemplate" Value="{StaticResource LAB_Template}" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding SecondBrushStop.ColorSpace, Converter={StaticResource EnumToDescriptionConverter}, Mode=OneWay}" Value="Catalog">
                                        <Setter Property="ContentTemplate" Value="{StaticResource CATALOG_Template}" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </ContentControl.Style>
                    </ContentControl>

                </Grid>

                <Grid Grid.Row="5" x:Name="add_new_segment_gap"  HorizontalAlignment="Stretch"  Margin="0 30 0 0" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="1*"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <Rectangle Stroke="{StaticResource TangoDividerBrush}" StrokeThickness="1" VerticalAlignment="Top" />

                    <Border x:Name="gapBorder" Margin="0 0 0 0" Height="24"  ClipToBounds="False" CornerRadius="10" Visibility="{Binding ShowGap, Converter={StaticResource BooleanToVisibilityConverter}}">
                        <Border.Clip>
                            <RectangleGeometry RadiusX="10" RadiusY="10">
                                <RectangleGeometry.Rect>
                                    <MultiBinding Converter="{StaticResource WidthHeightToRectConverter}">
                                        <Binding ElementName="gapBorder" Path="ActualWidth"  />
                                        <Binding ElementName="gapBorder" Path="ActualHeight"  />
                                    </MultiBinding>
                                </RectangleGeometry.Rect>
                            </RectangleGeometry>
                        </Border.Clip>
                        <Grid>
                            <TextBlock FontSize="{StaticResource TangoDefaultFontSize}" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="4">
                                        <Run Text="{Binding InterSegmentLength, Mode=OneWay}"></Run>
                                        <Run Text="m Gap"></Run>
                            </TextBlock>
                            <Rectangle Stroke="{StaticResource TangoGrayBrush}" StrokeThickness="1" StrokeDashArray="5 5 5 5" RadiusX="12" RadiusY="12" />
                        </Grid>
                    </Border>

                    <DockPanel Margin="0 10 0 0" Grid.Row="1">
                        <!--<Grid DockPanel.Dock="Right" Visibility="{Binding IsLast, Converter={StaticResource BooleanToVisibilityInverseConverter}}">-->
                            <Grid DockPanel.Dock="Right" Visibility="Collapsed">
                        <touch:TouchButton x:Name="deletegap"  DockPanel.Dock="Right" HorizontalAlignment="Right" VerticalAlignment="Center" Command="{Binding DeleteGapCommand}" EnableDropShadow="False" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" BorderThickness="0" Visibility="{Binding EnableInterSegment, Converter={StaticResource BooleanToVisibilityConverter}}">
                            <TextBlock Margin="10 2 0 0" FontSize="{StaticResource TangoButtonFontSize}" VerticalAlignment="Center">Delete Gap</TextBlock>
                        </touch:TouchButton>
                        <touch:TouchButton x:Name="addGap"  DockPanel.Dock="Right" HorizontalAlignment="Left" VerticalAlignment="Center"  Command="{Binding AddGapCommand}" EnableDropShadow="False" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" BorderThickness="0" Visibility="{Binding EnableInterSegment, Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                            <StackPanel Orientation="Horizontal">
                                <Border Height="35" Width="35"  BorderThickness="0" Background="Transparent" HorizontalAlignment="Left">
                                    <Image Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/add_gap.png"/>
                                </Border>
                                <TextBlock Margin="10 2 0 0" FontSize="{StaticResource TangoButtonFontSize}" VerticalAlignment="Center">Add Gap</TextBlock>
                            </StackPanel>
                        </touch:TouchButton>
                        </Grid>
                        <touch:TouchButton DockPanel.Dock="Left" HorizontalAlignment="Left" VerticalAlignment="Center"  Command="{Binding DataContext.AddNewSegmentCommand, ElementName=listSegments}" CommandParameter="{Binding }" EnableDropShadow="False" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" BorderThickness="0">
                            <StackPanel Orientation="Horizontal">
                                <Border Height="35" Width="35"  BorderThickness="0" Background="Transparent" HorizontalAlignment="Left">
                                    <Image Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/AddNewSegment.png"/>
                                </Border>
                                <TextBlock Margin="10 2 0 0" FontSize="{StaticResource TangoButtonFontSize}" VerticalAlignment="Center">Add New Segments</TextBlock>
                            </StackPanel>
                        </touch:TouchButton>
                    </DockPanel>

                    <Rectangle Margin="0 10 0 0" Grid.Row="2" Stroke="{StaticResource TangoDividerBrush}"  StrokeThickness="1"  VerticalAlignment="Bottom"/>
                </Grid>
            </Grid>
        </DataTemplate>

        <DataTemplate x:Key="GroupSegment_Template" DataType="{x:Type model:SegmentsGroupModel}">
            <Grid Height="400" Margin="57 15 57 0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="1*" />
                </Grid.RowDefinitions>

                <DockPanel>
                    <StackPanel Orientation="Horizontal" DockPanel.Dock="Right"  Height="60">
                        <touch:TouchButton Background="Transparent" Foreground="{StaticResource TangoPrimaryAccentBrush}" EnableDropShadow="False" Command="{Binding ElementName=view,Path=DataContext.UngroupSegmentsCommand}" CommandParameter="{Binding}">
                            <TextBlock FontSize="{StaticResource TangoButtonFontSize}"  TextDecorations="Underline" Text="Ungroup" />
                        </touch:TouchButton>
                        <touch:TouchButton Margin="20 0 0 0" VerticalAlignment="Center"   EnableDropShadow="False" Background="Transparent" BorderThickness="0" Command="{Binding ElementName=view,Path=DataContext.DeleteSegmentsGroupCommand}" CommandParameter="{Binding}">
                            <Border  Height="24" Width="24"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/delete_segment.png"/>
                            </Border>
                        </touch:TouchButton>
                        <!--<touch:TouchButton Margin="20 0 0 0" VerticalAlignment="Center" EnableDropShadow="False"  Background="Transparent" BorderThickness="0" Command="{Binding ElementName=view,Path=DataContext.DuplicateSegmentCommand}" CommandParameter="{Binding}">
                            <Border  Height="24" Width="24"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/duplicate.png"/>
                            </Border>
                        </touch:TouchButton>-->
                    </StackPanel>
                    <StackPanel Grid.Row="0" DockPanel.Dock="Left">
                        <StackPanel  Margin="0 0 0 0" Orientation="Horizontal" >
                            <TextBlock FontSize="{StaticResource TangoTitleFontSize}">
                                <Run>Group #</Run>
                                <Run Text="{Binding SegmentIndex, Mode=OneWay,IsAsync=True,FallbackValue='0000'}"></Run>
                                
                            </TextBlock>
                            <touch:TouchButton Background="Transparent" Width="Auto" EnableDropShadow="False" Command="{Binding ElementName=view,Path=DataContext.RepeatSegmentsGroupCommand}" CommandParameter="{Binding}">
                                <TextBlock Margin="10 0 0 0" Foreground="{StaticResource TangoPrimaryAccentBrush}" TextDecorations="Underline">
                                    <Run>x</Run>
                                    <Run Text="{Binding Repeats, Mode=OneWay,IsAsync=True,FallbackValue='0000'}"></Run>
                                </TextBlock>
                            </touch:TouchButton>
                        </StackPanel>
                        <StackPanel  Margin="0 0 0 0" Orientation="Horizontal">
                            <controls:FastTextBlock VerticalAlignment="Bottom" DockPanel.Dock="Left" Text="Length (m):" FontSize="18"></controls:FastTextBlock>
                            <controls:FastTextBlock Margin="20 0 0 0" Width="92" VerticalAlignment="Bottom" DockPanel.Dock="Left" Text="{Binding Length}" FontSize="18"></controls:FastTextBlock>
                        </StackPanel>
                    </StackPanel>
                </DockPanel>

                <Border Grid.Row="1"  x:Name="brush_border" Height="90" Margin="0 20 0 0" CornerRadius="20" Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderThickness="1" BorderBrush="{StaticResource TangoGrayBrush}">
                    <Border.Clip>
                        <RectangleGeometry RadiusX="25" RadiusY="25">
                            <RectangleGeometry.Rect>
                                <MultiBinding Converter="{StaticResource WidthHeightToRectConverter}">
                                    <Binding ElementName="brush_border" Path="ActualWidth"  />
                                    <Binding ElementName="brush_border" Path="ActualHeight"  />
                                </MultiBinding>
                            </RectangleGeometry.Rect>
                        </RectangleGeometry>
                    </Border.Clip>
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                        <ItemsControl ClipToBounds="False" ItemsSource="{Binding Segments}" >
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <StackPanel Orientation="Horizontal" ClipToBounds="False"></StackPanel>
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <Grid>
                                        <Grid.Width>
                                            <MultiBinding Converter="{StaticResource SegmentLengthToWidthConverter}">
                                                <Binding RelativeSource="{RelativeSource AncestorType=ItemsControl}" Path="DataContext.Length"></Binding>
                                                <Binding RelativeSource="{RelativeSource AncestorType=ItemsControl}" Path="ActualWidth"></Binding>
                                                <Binding Path="Length"></Binding>
                                            </MultiBinding>
                                        </Grid.Width>
                                        <Rectangle Fill="{Binding SegmentBrush}"></Rectangle>
                                    </Grid>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>

                        <Border  Height="40" Width="151"  Opacity="1" Background="#32787880" HorizontalAlignment="Center" CornerRadius="8" VerticalAlignment="Center">
                            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoComboBoxItemFontSize}"> Grouped</TextBlock>
                        </Border>
                    </Grid>
                </Border>
                <Grid Grid.Row="2" x:Name="add_new_segment_gap"  HorizontalAlignment="Stretch"  Margin="0 30 0 0" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="1*"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <Rectangle Stroke="{StaticResource TangoDividerBrush}" StrokeThickness="1" VerticalAlignment="Top" />

                    <Border x:Name="gapBorder" Margin="0 0 0 0" Height="24"  ClipToBounds="False" CornerRadius="10" Visibility="{Binding ShowGap, Converter={StaticResource BooleanToVisibilityConverter}}">
                        <Border.Clip>
                            <RectangleGeometry RadiusX="10" RadiusY="10">
                                <RectangleGeometry.Rect>
                                    <MultiBinding Converter="{StaticResource WidthHeightToRectConverter}">
                                        <Binding ElementName="gapBorder" Path="ActualWidth"  />
                                        <Binding ElementName="gapBorder" Path="ActualHeight"  />
                                    </MultiBinding>
                                </RectangleGeometry.Rect>
                            </RectangleGeometry>
                        </Border.Clip>
                        <Grid>
                            <TextBlock FontSize="{StaticResource TangoDefaultFontSize}" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="4">
                                        <Run Text="{Binding InterSegmentLength, Mode=OneWay}"></Run>
                                        <Run Text="m Gap"></Run>
                            </TextBlock>
                            <Rectangle Stroke="{StaticResource TangoGrayBrush}" StrokeThickness="1" StrokeDashArray="5 5 5 5" RadiusX="12" RadiusY="12" />
                        </Grid>
                    </Border>

                    <DockPanel Margin="0 10 0 0" Grid.Row="1">
                        <!--<Grid DockPanel.Dock="Right" Visibility="{Binding IsLast, Converter={StaticResource BooleanToVisibilityInverseConverter}}">-->
                        <!--<Grid DockPanel.Dock="Right" Visibility="Collapsed">-->
                            <!--<touch:TouchButton x:Name="deletegap"  DockPanel.Dock="Right" HorizontalAlignment="Right" VerticalAlignment="Center" Command="{Binding DeleteGapCommand}" EnableDropShadow="False" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" BorderThickness="0" Visibility="{Binding EnableInterSegment, Converter={StaticResource BooleanToVisibilityConverter}}">
                                <TextBlock Margin="10 2 0 0" FontSize="{StaticResource TangoButtonFontSize}" VerticalAlignment="Center">Delete Gap</TextBlock>
                            </touch:TouchButton>-->
                            <!--<touch:TouchButton x:Name="addGap"  DockPanel.Dock="Right" HorizontalAlignment="Left" VerticalAlignment="Center"  Command="{Binding AddGapCommand}" EnableDropShadow="False" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" BorderThickness="0" Visibility="{Binding EnableInterSegment, Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                                <StackPanel Orientation="Horizontal">
                                    <Border Height="35" Width="35"  BorderThickness="0" Background="Transparent" HorizontalAlignment="Left">
                                        <Image Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/add_gap.png"/>
                                    </Border>
                                    <TextBlock Margin="10 2 0 0" FontSize="{StaticResource TangoButtonFontSize}" VerticalAlignment="Center">Add Gap</TextBlock>
                                </StackPanel>
                            </touch:TouchButton>-->
                        <!--</Grid>-->
                        <touch:TouchButton DockPanel.Dock="Left" HorizontalAlignment="Left" VerticalAlignment="Center"  Command="{Binding DataContext.AddNewSegmentCommand, ElementName=listSegments}" CommandParameter="{Binding }" EnableDropShadow="False" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" BorderThickness="0">
                            <StackPanel Orientation="Horizontal">
                                <Border Height="35" Width="35"  BorderThickness="0" Background="Transparent" HorizontalAlignment="Left">
                                    <Image Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/AddNewSegment.png"/>
                                </Border>
                                <TextBlock Margin="10 2 0 0" FontSize="{StaticResource TangoButtonFontSize}" VerticalAlignment="Center">Add New Segments</TextBlock>
                            </StackPanel>
                        </touch:TouchButton>
                    </DockPanel>

                    <Rectangle Margin="0 10 0 0" Grid.Row="2" Stroke="{StaticResource TangoDividerBrush}"  StrokeThickness="1"  VerticalAlignment="Bottom"/>
                </Grid>

                <Rectangle Margin="0 10 0 0" Grid.Row="2" Stroke="{StaticResource TangoDividerBrush}"  StrokeThickness="1"  VerticalAlignment="Bottom"/>
            </Grid>
        </DataTemplate>

        <DataTemplate x:Key="CollapsedSegment_Template" DataType="{x:Type model:SegmentModel}">
            <Grid Height="180" Margin="57 15 57 0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <DockPanel>
                    <Rectangle DockPanel.Dock="Top" Stroke="{StaticResource TangoDividerBrush}" StrokeThickness="1" VerticalAlignment="Top" Margin="0 0 0 10"/>
                    <StackPanel Orientation="Horizontal" DockPanel.Dock="Right"  Height="40">
                        <touch:TouchButton Margin="0 0 0 0" VerticalAlignment="Center"   EnableDropShadow="False" Background="Transparent" BorderThickness="0" Command="{Binding ElementName=view,Path=DataContext.RemoveSegmentCommand}" CommandParameter="{Binding}">
                            <Border  Height="24" Width="24"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/delete_segment.png"/>
                            </Border>
                        </touch:TouchButton>
                        <touch:TouchButton Margin="20 0 0 0" VerticalAlignment="Center" EnableDropShadow="False"  Background="Transparent" BorderThickness="0" Command="{Binding ElementName=view,Path=DataContext.DuplicateSegmentCommand}" CommandParameter="{Binding}">
                            <Border  Height="27" Width="23"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/duplicate.png"/>
                            </Border>
                        </touch:TouchButton>
                    </StackPanel>
                    <StackPanel DockPanel.Dock="Left">
                        <StackPanel  Margin="0 10 0 0" Orientation="Horizontal" >
                            <controls:FastTextBlock FontSize="{StaticResource TangoTitleFontSize}">Segment #</controls:FastTextBlock>
                            <controls:FastTextBlock FontSize="{StaticResource TangoTitleFontSize}" Text="{Binding SegmentIndex,Mode=OneWay}"></controls:FastTextBlock>
                        </StackPanel>
                    </StackPanel>
                </DockPanel>

                <StackPanel Grid.Row="1" Orientation="Vertical">
                    <Border  Height="50" x:Name="segmentBrush" Margin="0 11 0 0" CornerRadius="25" Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderThickness="1" BorderBrush="{StaticResource TangoGrayBrush}">
                        <Border Background="{Binding SegmentBrush}" CornerRadius="25"  />
                    </Border>
                    <Border x:Name="gapBorder" Margin="0 20 0 0" Height="24"  ClipToBounds="False" CornerRadius="10" Visibility="{Binding ShowGap, Converter={StaticResource BooleanToVisibilityConverter}}">
                        <Border.Clip>
                            <RectangleGeometry RadiusX="10" RadiusY="10">
                                <RectangleGeometry.Rect>
                                    <MultiBinding Converter="{StaticResource WidthHeightToRectConverter}">
                                        <Binding ElementName="gapBorder" Path="ActualWidth"  />
                                        <Binding ElementName="gapBorder" Path="ActualHeight"  />
                                    </MultiBinding>
                                </RectangleGeometry.Rect>
                            </RectangleGeometry>
                        </Border.Clip>
                        <Grid>
                            <TextBlock FontSize="{StaticResource TangoDefaultFontSize}" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="4">
                                        <Run Text="{Binding InterSegmentLength, Mode=OneWay}"></Run>
                                        <Run Text="m Gap"></Run>
                            </TextBlock>
                            <Rectangle Stroke="{StaticResource TangoGrayBrush}" StrokeThickness="1" StrokeDashArray="5 5 5 5" RadiusX="12" RadiusY="12" />
                        </Grid>
                    </Border>

                </StackPanel>

                <Canvas Grid.Row="1"  x:Name="select_canvas_segment" Width="24"  VerticalAlignment="Center" HorizontalAlignment="Left" Margin="-50 -35 0 0" >
                    <touch:TouchCheckBox Height="22" Width="24" Margin="20 -20 0 0" Style="{StaticResource TouchRoundCheckBox}"  Canvas.Left="0" Canvas.Top="0" x:Name="selectItem" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" IsChecked="{Binding IsSelected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                </Canvas>

            </Grid>
        </DataTemplate>

        <DataTemplate x:Key="CollapsedGroupSegment_Template" DataType="{x:Type model:SegmentsGroupModel}">
            <Grid Height="180" Margin="57 15 57 0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <DockPanel>
                    <Rectangle DockPanel.Dock="Top" Stroke="{StaticResource TangoDividerBrush}" StrokeThickness="1" VerticalAlignment="Top" Margin="0 0 0 10"/>
                    <StackPanel Orientation="Horizontal" DockPanel.Dock="Right"  Height="40">
                        <touch:TouchButton Background="Transparent" Foreground="{StaticResource TangoPrimaryAccentBrush}" EnableDropShadow="False" Command="{Binding ElementName=view,Path=DataContext.UngroupSegmentsCommand}" CommandParameter="{Binding}">
                            <TextBlock FontSize="{StaticResource TangoButtonFontSize}"  TextDecorations="Underline" Text="Ungroup" />
                        </touch:TouchButton>
                        <touch:TouchButton Margin="10 0 0 0" VerticalAlignment="Center"   EnableDropShadow="False" Background="Transparent" BorderThickness="0" Command="{Binding ElementName=view,Path=DataContext.DeleteSegmentsGroupCommand}" CommandParameter="{Binding}">
                            <Border  Height="24" Width="24"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/delete_segment.png"/>
                            </Border>
                        </touch:TouchButton>
                        <!--<touch:TouchButton Margin="20 0 0 0" VerticalAlignment="Center" EnableDropShadow="False"  Background="Transparent" BorderThickness="0" Command="{Binding ElementName=view,Path=DataContext.DuplicateSegmentCommand}" CommandParameter="{Binding}">
                            <Border  Height="27" Width="23"  BorderThickness="0" BorderBrush="{StaticResource TangoKeyboardKeyDarkBrush}" Background="Transparent" HorizontalAlignment="Left">
                                <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/duplicate.png"/>
                            </Border>
                        </touch:TouchButton>-->
                    </StackPanel>
                    <StackPanel DockPanel.Dock="Left">
                        <StackPanel  Margin="0 10 0 0" Orientation="Horizontal" >
                            <TextBlock FontSize="{StaticResource TangoTitleFontSize}">
                                <Run>Group #</Run>
                                <Run Text="{Binding SegmentIndex, Mode=OneWay,IsAsync=True,FallbackValue='0000'}"></Run>
                            </TextBlock>
                            <touch:TouchButton Margin="10 0 0 0" Background="Transparent" Width="Auto" EnableDropShadow="False" Command="{Binding ElementName=view,Path=DataContext.RepeatSegmentsGroupCommand}" CommandParameter="{Binding}">
                                <TextBlock Foreground="{StaticResource TangoPrimaryAccentBrush}" TextDecorations="Underline">
                                    <Run>x</Run>
                                    <Run Text="{Binding Repeats, Mode=OneWay,IsAsync=True,FallbackValue='0000'}"></Run>
                                </TextBlock>
                            </touch:TouchButton>
                        </StackPanel>
                    </StackPanel>
                </DockPanel>

                <StackPanel Grid.Row="1" Orientation="Vertical">
                    <Border  Height="50" x:Name="brush_border" Margin="0 10 0 0" CornerRadius="25" Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderThickness="1" BorderBrush="{StaticResource TangoGrayBrush}" ClipToBounds="False">
                        <Border.Clip>
                            <RectangleGeometry RadiusX="25" RadiusY="25">
                                <RectangleGeometry.Rect>
                                    <MultiBinding Converter="{StaticResource WidthHeightToRectConverter}">
                                        <Binding ElementName="brush_border" Path="ActualWidth"  />
                                        <Binding ElementName="brush_border" Path="ActualHeight"  />
                                    </MultiBinding>
                                </RectangleGeometry.Rect>
                            </RectangleGeometry>
                        </Border.Clip>
                        <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                            <ItemsControl ClipToBounds="False" ItemsSource="{Binding Segments}" >
                                <ItemsControl.ItemsPanel>
                                    <ItemsPanelTemplate>
                                        <StackPanel Orientation="Horizontal" ClipToBounds="False"></StackPanel>
                                    </ItemsPanelTemplate>
                                </ItemsControl.ItemsPanel>
                                <ItemsControl.ItemTemplate>
                                    <DataTemplate>
                                        <Grid>
                                            <Grid.Width>
                                                <MultiBinding Converter="{StaticResource SegmentLengthToWidthConverter}">
                                                    <Binding RelativeSource="{RelativeSource AncestorType=ItemsControl}" Path="DataContext.Length"></Binding>
                                                    <Binding RelativeSource="{RelativeSource AncestorType=ItemsControl}" Path="ActualWidth"></Binding>
                                                    <Binding Path="Length"></Binding>
                                                </MultiBinding>
                                            </Grid.Width>
                                            <Rectangle Fill="{Binding SegmentBrush}"></Rectangle>
                                        </Grid>
                                    </DataTemplate>
                                </ItemsControl.ItemTemplate>
                            </ItemsControl>

                            <Border  Height="28" Width="150"  BorderThickness="0" BorderBrush="Transparent" Opacity="20" Background="#32787880" HorizontalAlignment="Center" CornerRadius="8" VerticalAlignment="Center">
                                <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoComboBoxItemFontSize}"> Grouped</TextBlock>
                            </Border>

                        </Grid>

                    </Border>
                    <Border x:Name="gapBorder" Margin="0 20 0 0" Height="24"  ClipToBounds="False" CornerRadius="10" Visibility="{Binding ShowGap, Converter={StaticResource BooleanToVisibilityConverter}}">
                        <Border.Clip>
                            <RectangleGeometry RadiusX="10" RadiusY="10">
                                <RectangleGeometry.Rect>
                                    <MultiBinding Converter="{StaticResource WidthHeightToRectConverter}">
                                        <Binding ElementName="gapBorder" Path="ActualWidth"  />
                                        <Binding ElementName="gapBorder" Path="ActualHeight"  />
                                    </MultiBinding>
                                </RectangleGeometry.Rect>
                            </RectangleGeometry>
                        </Border.Clip>
                        <Grid>
                            <TextBlock FontSize="{StaticResource TangoDefaultFontSize}" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="4">
                                        <Run Text="{Binding InterSegmentLength, Mode=OneWay}"></Run>
                                        <Run Text="m Gap"></Run>
                            </TextBlock>
                            <Rectangle Stroke="{StaticResource TangoGrayBrush}" StrokeThickness="1" StrokeDashArray="5 5 5 5" RadiusX="12" RadiusY="12" />
                        </Grid>
                    </Border>

                </StackPanel>

                <Canvas Grid.Row="1"  x:Name="select_canvas_segment" Width="24"  VerticalAlignment="Center" HorizontalAlignment="Left" Margin="-50 -35 0 0" >
                    <touch:TouchCheckBox Height="22" Width="24" Margin="20 -20 0 0" Style="{StaticResource TouchRoundCheckBox}"  Canvas.Left="0" Canvas.Top="0" x:Name="selectItem" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}"   Background="Transparent" IsChecked="{Binding IsSelected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                </Canvas>

            </Grid>
        </DataTemplate>

        <helpers:GroupSegmentTemplateSelector x:Key="GroupSegmentTemplateSelector" 
                                         GroupSegmentsTemplate="{StaticResource GroupSegment_Template}"
                                         SegmentTemplate="{StaticResource Segment_Template}"/>
        <helpers:GroupSegmentTemplateSelector x:Key="CollapsedGroupSegmentTemplateSelector" 
                                         GroupSegmentsTemplate="{StaticResource CollapsedGroupSegment_Template}"
                                         SegmentTemplate="{StaticResource CollapsedSegment_Template}"/>

    </UserControl.Resources>

    <Grid Background="{StaticResource TangoMidBackgroundBrush}" SnapsToDevicePixels="False">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="1*"/>
        </Grid.RowDefinitions>
        <Border Grid.Row="0" x:Name="jobDetailsBorder"  Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderThickness="0 0 0 1" BorderBrush="{StaticResource TangoLightBorderBrush}"  Margin="0 0 0 0">

            <Grid  x:Name="job_details" HorizontalAlignment="Stretch" Height="72">

                <touch:TouchButton  Margin="0 0 30 0"  VerticalAlignment="Center" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch"   EnableDropShadow="False"  Background="Transparent" BorderThickness="0" Command="{Binding EditJobDetailsCommand}" Foreground="{StaticResource TangoKeyboardKeyDarkTextBrush}" 
                                    components:TransformationHelper.TransformWhenPressed ="False">

                    <Grid  VerticalAlignment="Center" HorizontalAlignment="Stretch" Background="Transparent">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="1*"/>
                            <ColumnDefinition Width="auto" MaxWidth="320"/>
                            <ColumnDefinition Width="auto" MaxWidth="320"/>
                            <ColumnDefinition Width="40"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Margin="16 0 0 5" TextTrimming="CharacterEllipsis" HorizontalAlignment="Left" VerticalAlignment="Center" FontWeight="SemiBold" FontSize="{StaticResource TangoMessageBoxTitleFontSize}"  Text="{Binding JobModel.Name,FallbackValue='Job Name'}" ToolTip="{Binding JobModel.Name}"/>

                        <StackPanel Margin="10 0 0 0" Grid.Column="1" VerticalAlignment="Center"  Orientation="Horizontal" HorizontalAlignment="Left">
                            <StackPanel.ToolTip>
                                <ToolTip>
                                    <TextBlock Text="{Binding JobModel.Rml.Name}" />
                                </ToolTip>
                            </StackPanel.ToolTip>
                            <TextBlock Text="Thread Type:" VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" ></TextBlock>
                            <TextBlock Margin="5 0 0 0"   VerticalAlignment="Center"  TextTrimming="CharacterEllipsis" FontSize="{StaticResource TangoDefaultFontSize}" Text="{Binding JobModel.Rml.FinalName}"/>
                        </StackPanel>

                        <StackPanel Margin="30 0 0 0" Grid.Column="2" VerticalAlignment="Center"  Orientation="Horizontal" HorizontalAlignment="Center">
                            <StackPanel.ToolTip>
                                <ToolTip>
                                    <TextBlock Text="{Binding JobModel.SpoolTypeName}" />
                                </ToolTip>
                            </StackPanel.ToolTip>
                            <TextBlock Text="Spool Type:" VerticalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" ></TextBlock>
                            <TextBlock Text="{Binding JobModel.SpoolTypeName}" Margin="5 0 0 0"   VerticalAlignment="Center"  TextTrimming="CharacterEllipsis" FontSize="{StaticResource TangoDefaultFontSize}"/>
                        </StackPanel>

                        <Border Grid.Column="3" Height="20" Margin="20 0 0 0"  BorderThickness="0" Background="Transparent" HorizontalAlignment="Right">
                            <Image   Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/job_details.png"/>
                        </Border>
                    </Grid>
                </touch:TouchButton>

            </Grid>
        </Border>

        <touch:TouchLoadingPanel Grid.Row="1" IsLoading="{Binding IsBusy}">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="1*"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <Grid>
                    <Grid >
                        <DockPanel VerticalAlignment="Top"  x:Name="collapsedToolbar" Margin="0 2 20 0"  HorizontalAlignment="Stretch" Height="66">

                            <Border DockPanel.Dock="Right" Width="613" Height="62" CornerRadius="31" BorderBrush="{StaticResource TangoDividerBrush}" BorderThickness="1" Background="{StaticResource TangoPrimaryBackgroundBrush}" Visibility="{Binding IsFullMode, Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                                <Border.Effect>
                                    <DropShadowEffect  Opacity="0.5" ShadowDepth="6" Color="Silver" BlurRadius="10" Direction="270"/>
                                </Border.Effect>
                                <UniformGrid Columns="6" Rows="1" DockPanel.Dock="Left" HorizontalAlignment="Stretch" >
                                    <touch:TouchButton  Style="{StaticResource CollapsedPanelButton}"   EnableDropShadow="False" Command="{Binding RepeateSegmentCommand}" IsEnabled="{Binding JobModel.HasSelectedItems}">
                                        <StackPanel Orientation="Vertical" VerticalAlignment="Center" >
                                            <Image  Width="20"  Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/repeat.png"/>
                                            <TextBlock FontWeight="Medium" Margin="0 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoSmallFontSizeBar}" >Repeat</TextBlock>
                                        </StackPanel>
                                    </touch:TouchButton>
                                    <touch:TouchButton  Style="{StaticResource CollapsedPanelButton}"   EnableDropShadow="False"  Command="{Binding ReverseCommand}" IsEnabled="{Binding JobModel.IsReverseEnable}">
                                        <StackPanel Orientation="Vertical" VerticalAlignment="Center">
                                            <Image  Width="20"  Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/reverse.png"/>
                                            <TextBlock FontWeight="Medium" Margin="0 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoSmallFontSizeBar}" Foreground="{StaticResource TangoMidAccentBrush}">Reverse</TextBlock>
                                        </StackPanel>
                                    </touch:TouchButton>
                                    <touch:TouchButton   Style="{StaticResource CollapsedPanelButton}"   EnableDropShadow="False"  Command="{Binding DeleteSegmentCommand}" IsEnabled="{Binding JobModel.HasSelectedItems}">
                                        <StackPanel Orientation="Vertical" VerticalAlignment="Center">
                                            <Image  Width="20"  Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/delete_segment.png"/>
                                            <TextBlock FontWeight="Medium" Margin="0" VerticalAlignment="Center" FontSize="{StaticResource TangoSmallFontSizeBar}" Foreground="{StaticResource TangoMidAccentBrush}">Delete</TextBlock>
                                        </StackPanel>
                                    </touch:TouchButton>
                                    <touch:TouchButton  Style="{StaticResource CollapsedPanelButton}"   EnableDropShadow="False"  Command="{Binding PasteCommand}" IsEnabled="{Binding JobModel.HasSegmentsToCopy}" >
                                        <StackPanel Orientation="Vertical" VerticalAlignment="Center">
                                            <Image  Width="20"  Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/paste.png"/>
                                            <TextBlock FontWeight="Medium" Margin="0" VerticalAlignment="Center" FontSize="{StaticResource TangoSmallFontSizeBar}" Foreground="{StaticResource TangoMidAccentBrush}">Paste</TextBlock>
                                        </StackPanel>
                                    </touch:TouchButton>
                                    <touch:TouchButton   Style="{StaticResource CollapsedPanelButton}"   EnableDropShadow="False"  Command="{Binding CopyCommand}" IsEnabled="{Binding JobModel.HasSelectedItems}">
                                        <StackPanel Orientation="Vertical" VerticalAlignment="Center">
                                            <Image  Width="19" Height="23" Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/copy.png"/>
                                            <TextBlock FontWeight="Medium" Margin="0" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoSmallFontSizeBar}" Foreground="{StaticResource TangoMidAccentBrush}">Copy</TextBlock>
                                        </StackPanel>
                                    </touch:TouchButton>
                                </UniformGrid>
                            </Border>
                            <Grid DockPanel.Dock="Left" HorizontalAlignment="Left"  Margin="40 0 30 0">
                                <StackPanel DockPanel.Dock="Left" HorizontalAlignment="Left" Orientation="Horizontal"  VerticalAlignment="Center">
                                    <touch:TouchButton  Margin="0" Style="{StaticResource TouchButtonWithDisableState}" VerticalAlignment="Center" HorizontalAlignment="Left"  EnableDropShadow="False"  Command="{Binding UndoCommand}" ToolTip="Undone" >
                                        <Border Padding="0"   BorderThickness="0"  Background="Transparent" HorizontalAlignment="Left">
                                            <Image Height="28"  Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/undo.png"/>
                                        </Border>
                                    </touch:TouchButton>
                                    <touch:TouchButton  Margin="16 0 0 0" Style="{StaticResource TouchButtonWithDisableState}" VerticalAlignment="Center" HorizontalAlignment="Left"  EnableDropShadow="False"  Command="{Binding RedoCommand}" ToolTip="Restore">
                                        <Border Padding="0"   BorderThickness="0"  Background="Transparent" HorizontalAlignment="Left">
                                            <Image  Height="28"  Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/redo.png"/>
                                        </Border>
                                    </touch:TouchButton>
                                </StackPanel>
                            </Grid>
                        </DockPanel>
                        <Canvas  Width="70" Height="70"  Margin="0 3 40 0" HorizontalAlignment="Right" VerticalAlignment="Center">
                            <touch:TouchButton    HorizontalAlignment="Right" VerticalAlignment="Center" EnableDropShadow="False"  Background="Transparent" BorderThickness="0" Command="{Binding JobModeSwitchCommand}" >
                                <Border    BorderThickness="0" Background="Transparent" HorizontalAlignment="Right">
                                    <Image Height="70" Width="70"  Stretch="Fill"  RenderOptions.BitmapScalingMode="Fant" Source="../Images/JobView/job_mode.png"/>
                                </Border>
                            </touch:TouchButton>
                        </Canvas>
                    </Grid>
                </Grid>
                <Grid Grid.Row="1" x:Name="segmentsGrid" Grid.RowSpan="3" >
                    <Grid x:Name="Container" keyboard:KeyboardView.ContainerOffset="40" Margin="10 0 10 0" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <touch:TouchDropShadowBorder Margin="0 0 0 0" Padding="0 0 0 40" >
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="1*"/>
                                    <RowDefinition Height="100"/>
                                </Grid.RowDefinitions>
                                <Grid Grid.Row="0">
                                    <DockPanel>
                                        <StackPanel x:Name="colorAndLength" DockPanel.Dock="Top"  Orientation="Horizontal" VerticalAlignment="Top">
                                            <StackPanel.Style>
                                                <Style TargetType="StackPanel">
                                                    <Setter Property="Margin" Value="20 15 10 15"></Setter>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding IsFullMode}" Value="false">
                                                            <Setter Property="Margin" Value="20 15 60 15"></Setter>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </StackPanel.Style>
                                            <Image Source="../Images/JobView/color-length.png" Width="39" />
                                            <TextBlock FontWeight="Medium" Margin="20 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoExpanderHeaderFontSize}">Color &amp; Length</TextBlock>
                                        </StackPanel>
                                        <touch:TouchCheckBox x:Name="selectAll" Width="120" Height="22"  Style="{StaticResource TouchRoundCheckBox}" Margin="28 0 0 20"  IsChecked="{Binding JobModel.SelectAllSegments}" DockPanel.Dock="Top" FontSize="{StaticResource TangoDefaultFontSize}" HorizontalAlignment="Left" Visibility="{Binding IsFullMode, Converter={StaticResource BooleanToVisibilityInverseConverter}}">
                                            <TextBlock FontSize="{StaticResource TangoButtonFontSize}" Foreground="{StaticResource TangoMidAccentBrush}"> Select All</TextBlock>
                                        </touch:TouchCheckBox>
                                    </DockPanel>
                                </Grid>
                                <Grid  Grid.Row="1" Margin="0 10 0 0">
                                    <!--Border x:Name="borderDockFloat" Height="10" Margin="0 0 0 0" BorderBrush="Transparent" >
                                        <DockPanel x:Name="dockEdit" LastChildFill="False"  Height="10" Width="50" HorizontalAlignment="Right" RenderTransformOrigin="0.58,2.08"/>
                                        </Border> -->
                                    <ListBox x:Name="listSegments"  Margin="10 0 10 60"  ItemsSource="{Binding SegmentsCollectionView}" ItemTemplateSelector="{StaticResource GroupSegmentTemplateSelector}" Style="{StaticResource SegmentsListBox}" 
                                             ScrollViewer.VerticalScrollBarVisibility="Visible" 
                                             Visibility="{Binding IsFullMode, Converter={StaticResource BooleanToVisibilityConverter}}"/>


                                    <ListBox  x:Name="collapsedListSegments" ItemsSource="{Binding SegmentsCollectionView}" ItemTemplateSelector ="{StaticResource CollapsedGroupSegmentTemplateSelector}" Style="{StaticResource SegmentsListBox}" 
                                                  ScrollViewer.VerticalScrollBarVisibility="Visible" 
                                                  Visibility="{Binding IsFullMode, Converter={StaticResource BooleanToVisibilityInverseConverter}}" Margin=" 0 0 0 40"/>

                                        <!--<StackPanel x:Name="stackOutput"  Orientation="Horizontal" VerticalAlignment="Center"  Style="{StaticResource Level1Container}"/>-->

                                </Grid>
                            </Grid>
                        </touch:TouchDropShadowBorder>
                    </Grid>
                    <Border VerticalAlignment="Top" x:Name="borderEditDock" Background="{StaticResource TangoPrimaryBackgroundBrush}" BorderThickness="0 0 0 0" BorderBrush="{StaticResource TangoDividerBrush}" Padding="0 0 0 10" Margin="10 0 10 0"/>
                </Grid>

                <Grid Grid.Row="2">
                    <!--<Grid IsHitTestVisible="False">
                        <Grid.Background>
                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                <GradientStop Offset="0" Color="#AEFFFFFF" />
                                <GradientStop Offset="1" Color="{StaticResource TangoPrimaryBackgroundColor}" />
                            </LinearGradientBrush>
                        </Grid.Background>
                        <Rectangle Stroke="{StaticResource TangoDividerBrush}" StrokeThickness="1" VerticalAlignment="Top" />
                    </Grid>-->
                </Grid>

                <!--<touch:TouchDropShadowBorder Grid.Row="3"  Margin="10 0 10 15" CornerRadius="0" BorderThickness="0"  Padding="0" >-->
                <Border Grid.Row="3" Margin="10 0 10 15" BorderThickness="0">
                    <touch:TouchExpander x:Name="summaryExpander" IsExpanded="{Binding IsSummaryOpened, Mode=TwoWay}"  Grid.Row="3" Margin="15 0 15 0 "  FontSize="{StaticResource TangoTitleFontSize}"  BorderThickness="0" Style="{StaticResource TouchRoundedExpander}">
                        <touch:TouchExpander.Header>
                            <DockPanel >
                                <StackPanel Orientation="Horizontal" DockPanel.Dock="Right" Margin="0 0 20 0" Visibility="{Binding IsSummaryOpened, Converter={StaticResource BooleanToVisibilityConverter}, Mode=TwoWay}">
                                    <touch:TouchButton      HorizontalAlignment="Right" VerticalAlignment="Center" EnableDropShadow="False"  Background="Transparent" BorderThickness="0" Command="{Binding RepeatUnitsCommand}"  >
                                        <Border CornerRadius="20" Width="130" Height="40" BorderThickness="1" BorderBrush="{StaticResource TangoDarkForegroundBrush}">
                                            <TextBlock   VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="{StaticResource TangoDefaultFontSize}" Foreground="{StaticResource TangoDarkForegroundBrush}">Repeat All</TextBlock>
                                        </Border>
                                    </touch:TouchButton>
                                    <TextBlock Margin="20 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoTitleFontSize}" FontWeight="SemiBold" Foreground="{StaticResource TangoPrimaryAccentBrush}">
                                        <Run Text="x"></Run>
                                        <Run Text="{Binding JobModel.NumberOfUnits,Mode=OneWay}"/>
                                        </TextBlock>
                                </StackPanel>
                                <StackPanel DockPanel.Dock="Left" Orientation="Horizontal" VerticalAlignment="Center"  Style="{StaticResource Level1Container}">
                                    <Image Source="../Images/JobView/job-summary.png" Width="39" />
                                    <TextBlock FontWeight="Medium" Margin="20 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource TangoExpanderHeaderFontSize}">Job Summary</TextBlock>
                                </StackPanel>
                            </DockPanel>
                          
                        </touch:TouchExpander.Header>
                        <StackPanel Margin="40 0 40 0">
                            <TextBlock VerticalAlignment="Top" DockPanel.Dock="Top" Foreground="{StaticResource TangoDarkForegroundBrush}">
                                <Run Text="Unit: "></Run>
                                <Run Text="{Binding JobModel.Length,Mode=OneWay}"/>
                                <Run Text="m"></Run>
                            </TextBlock>
                                
                            <Grid Margin=" 0 10 0 0">
                                <!--<touch:TouchVirtualizedContentReplaceControl MinHeight="40">
                                    <DataTemplate>-->
                                <localControls:JobModelSummaryViewerControl JobModel="{Binding JobModel}" Height="20" DisplayMarkers="False" />
                                <!--</DataTemplate>
                                </touch:TouchVirtualizedContentReplaceControl>-->
                            </Grid>

                            <DockPanel Margin="0 20 0 0" LastChildFill="False">
                                
                                <StackPanel Orientation="Horizontal" DockPanel.Dock="Left" VerticalAlignment="Center">
                                    <TextBlock>
                                                    <Run Text="Total:"></Run>
                                                    <Run Text="{Binding JobModel.LengthIncludingNumberOfUnits,Mode=OneWay}"></Run>
                                                    <Run Text="m"></Run>
                                    </TextBlock>
                                    <TextBlock Foreground="{StaticResource TangoGrayTextBrush}">
                                        <TextBlock.Style>
                                            <Style TargetType="TextBlock">
                                                <Setter Property="Visibility" Value="Collapsed"></Setter>
                                                <Style.Triggers>
                                                    <DataTrigger Binding="{Binding JobModel.LengthPercentageFactor,Converter={StaticResource GreaterThanToBooleanConverter},ConverterParameter=0}" Value="True">
                                                        <Setter Property="Visibility" Value="Visible"></Setter>
                                                    </DataTrigger>
                                                </Style.Triggers>
                                            </Style>
                                        </TextBlock.Style>
                                                    <Run>(</Run><Run Text="{Binding JobModel.Length,Mode=OneWay}"></Run><Run>+</Run><Run Text="{Binding JobModel.LengthPercentageFactor,Mode=OneWay}"></Run><Run>%</Run><Run>)</Run>
                                    </TextBlock>
                                </StackPanel>

                                <StackPanel DockPanel.Dock="Right" Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0 -20 5 0">
                                    <TextBlock Margin="0 3 0 0" VerticalAlignment="Bottom">
                                                    <!--<Run Text="Factor: +"></Run>-->
                                        <Run Text="Duration: "></Run>
                                        <Run Text="{Binding JobModel.GetEstimatedDuration, Converter={StaticResource TimeSpanToMinutesConverter},FallbackValue=0, Mode=OneWay,StringFormat=0.0}"></Run>
                                        <Run Text="min"></Run>
                                    </TextBlock>

                                    <!--<touch:TouchNumericTextBox Foreground="{StaticResource TangoGrayTextBrush}" Margin="5 0 0 0" Width="50" HorizontalContentAlignment="Center" Maximum="100" Minimum="0" Value="{Binding JobModel.LengthPercentageFactor}" KeyboardContainer="{Binding ElementName=Container}" StringFormat="0" FocusSelectionMode="SelectAll" />

                                    <TextBlock VerticalAlignment="Bottom" Foreground="{StaticResource TangoGrayTextBrush}">%</TextBlock>-->
                                </StackPanel>
                            </DockPanel>
                        </StackPanel>
                    </touch:TouchExpander>
                </Border>
                <!--</touch:TouchDropShadowBorder>-->

                <!--<dragAndDrop:DraggingSurface x:Name="DraggingSurface" />-->
            </Grid>
        </touch:TouchLoadingPanel>
    </Grid>
</UserControl>