Merge branch 'master' of https://twinetfs.visualstudio.com/_git/Tango

39 files changed, 2854 insertions, 55 deletions

diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopCMYKToColorConverter.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopCMYKToColorConverter.cs
new file mode 100644
index 000000000..5bc163b18
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopCMYKToColorConverter.cs
@@ -0,0 +1,53 @@
+using ColorMine.ColorSpaces;
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Data;
+using System.Windows.Media;
+using Tango.Integration.Observables;
+
+namespace Tango.MachineStudio.Developer.Converters
+{
+    public class BrushStopCMYKToColorConverter : IMultiValueConverter
+    {
+        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
+        {
+            try
+            {
+                Cmyk cmyk = new Cmyk();
+
+                cmyk.C = System.Convert.ToDouble(values[0]) / 100d;
+                cmyk.M = System.Convert.ToDouble(values[1]) / 100d;
+                cmyk.Y = System.Convert.ToDouble(values[2]) / 100d;
+                cmyk.K = System.Convert.ToDouble(values[3]) / 100d;
+
+                IRgb rgb = cmyk.ToRgb();
+
+                return Color.FromRgb((byte)rgb.R, (byte)rgb.G, (byte)rgb.B);
+            }
+            catch
+            {
+                return null;
+            }
+        }
+
+        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
+        {
+            try
+            {
+                Color color = (Color)value;
+                Rgb rgb = new Rgb(color.R, color.G, color.B);
+                Cmyk cmyk = rgb.To<Cmyk>();
+
+                return new object[] { cmyk.C * 100, cmyk.M * 100, cmyk.Y * 100, cmyk.K * 100 };
+            }
+            catch
+            {
+                return null;
+            }
+        }
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopLabToColorConverter.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopLabToColorConverter.cs
new file mode 100644
index 000000000..f3dc07d3e
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopLabToColorConverter.cs
@@ -0,0 +1,52 @@
+using ColorMine.ColorSpaces;
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Data;
+using System.Windows.Media;
+using Tango.Integration.Observables;
+
+namespace Tango.MachineStudio.Developer.Converters
+{
+    public class BrushStopLabToColorConverter : IMultiValueConverter
+    {
+        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
+        {
+            try
+            {
+                Lab lab = new Lab();
+
+                lab.L = System.Convert.ToDouble(values[0]);
+                lab.A = System.Convert.ToDouble(values[1]);
+                lab.B = System.Convert.ToDouble(values[2]);
+
+                IRgb rgb = lab.ToRgb();
+
+                return Color.FromRgb((byte)rgb.R, (byte)rgb.G, (byte)rgb.B);
+            }
+            catch
+            {
+                return null;
+            }
+        }
+
+        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
+        {
+            try
+            {
+                Color color = (Color)value;
+                Rgb rgb = new Rgb(color.R, color.G, color.B);
+                Lab cmyk = rgb.To<Lab>();
+
+                return new object[] { cmyk.L, cmyk.A, cmyk.B };
+            }
+            catch
+            {
+                return null;
+            }
+        }
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopToColorConverter.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopToColorConverter.cs
new file mode 100644
index 000000000..33cd8cc78
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopToColorConverter.cs
@@ -0,0 +1,44 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Data;
+using System.Windows.Media;
+using Tango.Integration.Observables;
+
+namespace Tango.MachineStudio.Developer.Converters
+{
+    public class BrushStopToColorConverter : IMultiValueConverter
+    {
+        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
+        {
+            try
+            {
+                double r = System.Convert.ToDouble(values[0]);
+                double g = System.Convert.ToDouble(values[1]);
+                double b = System.Convert.ToDouble(values[2]);
+
+                return Color.FromRgb((byte)r, (byte)g, (byte)b);
+            }
+            catch
+            {
+                return null;
+            }
+        }
+
+        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
+        {
+            try
+            {
+                Color color = (Color)value;
+                return new object[] { color.R, color.G, color.B };
+            }
+            catch
+            {
+                return null;
+            }
+        }
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopToOffsetLimitConverter.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopToOffsetLimitConverter.cs
new file mode 100644
index 000000000..62d678888
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/BrushStopToOffsetLimitConverter.cs
@@ -0,0 +1,54 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Data;
+using Tango.Integration.Observables;
+
+namespace Tango.MachineStudio.Developer.Converters
+{
+    public class BrushStopToOffsetLimitConverter : IMultiValueConverter
+    {
+        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
+        {
+            try
+            {
+                BrushStop stop = values[0] as BrushStop;
+                Segment segment = values[1] as Segment;
+                String sign = parameter.ToString();
+
+                if (stop != null && segment != null)
+                {
+
+                    if (segment.BrushStops.IndexOf(stop) == segment.BrushStops.Count - 1)
+                    {
+                        return 100d;
+                    }
+                    else if (segment.BrushStops.IndexOf(stop) == 0)
+                    {
+                        return 0d;
+                    }
+                    else
+                    {
+                        return sign == "min" ? 0 : 100d;
+                    }
+                }
+                else
+                {
+                    return 100d;
+                }
+            }
+            catch
+            {
+                return 100d;
+            }
+        }
+
+        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/DbRmlViewToEntityConverter.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/DbRmlViewToEntityConverter.cs
new file mode 100644
index 000000000..1fe3e5ab0
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/DbRmlViewToEntityConverter.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Data;
+using Tango.Integration.Observables;
+using Tango.MachineStudio.Developer.ViewModels;
+
+namespace Tango.MachineStudio.Developer.Converters
+{
+    public class DbRmlViewToEntityConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            if (value != null)
+            {
+                DBViewContextWrapper<Rml> db = value as DBViewContextWrapper<Rml>;
+                return db;
+            }
+
+            return null;
+
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            if (value != null)
+            {
+                Rml entity = value as Rml;
+                return new DBViewContextWrapper<Rml>(entity);
+            }
+
+            return null;
+        }
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/InkVolumeToLiquidRmlFactor.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/InkVolumeToLiquidRmlFactor.cs
new file mode 100644
index 000000000..3b675d23e
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/InkVolumeToLiquidRmlFactor.cs
@@ -0,0 +1,34 @@
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Data;
+using Tango.Integration.Observables;
+using static Tango.Integration.Observables.BrushStop;
+
+namespace Tango.MachineStudio.Developer.Converters
+{
+    //public class InkVolumeToLiquidRmlFactor : IMultiValueConverter
+    //{
+    //    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
+    //    {
+    //        InkVolume inkVolume = values[0] as InkVolume;
+    //        Rml selectedRml = values[1] as Rml;
+
+    //        if (inkVolume != null && selectedRml != null)
+    //        {
+    //            return inkVolume.GetLiquidMaxNanoliterPerCentimeter().ToString();
+    //        }
+
+    //        return String.Empty;
+    //    }
+
+    //    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
+    //    {
+    //        throw new NotImplementedException();
+    //    }
+    //}
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/JobToColumnDefinitionsConverter.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/JobToColumnDefinitionsConverter.cs
new file mode 100644
index 000000000..ac6e53be8
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/JobToColumnDefinitionsConverter.cs
@@ -0,0 +1,37 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using Tango.Integration.Observables;
+
+namespace Tango.MachineStudio.Developer.Converters
+{
+    public class JobToColumnDefinitionsConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Job job = value as Job;
+
+            List<ColumnDefinition> columns = new List<ColumnDefinition>();
+
+            double totalLength = job.Segments.Sum(x => x.Length);
+
+            foreach (var segment in job.Segments)
+            {
+                columns.Add(new ColumnDefinition() { Width = new GridLength(segment.Length / totalLength, GridUnitType.Star) });
+            }
+
+            return columns;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/SegmentLengthToWidthConverter.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/SegmentLengthToWidthConverter.cs
new file mode 100644
index 000000000..959fb6410
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/SegmentLengthToWidthConverter.cs
@@ -0,0 +1,45 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Data;
+using Tango.Integration.Observables;
+
+namespace Tango.MachineStudio.Developer.Converters
+{
+    public class SegmentLengthToWidthConverter : IMultiValueConverter
+    {
+        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
+        {
+            try
+            {
+                if (values.Length == 4)
+                {
+                    Job job = values[0] as Job;
+                    double jobLength = System.Convert.ToDouble(values[1]);
+                    double elementWidth = System.Convert.ToDouble(values[2]);
+                    double segmentLength = System.Convert.ToDouble(values[3]);
+                    double totalLength = job.Length;
+
+                    return (segmentLength / totalLength) * elementWidth;
+                }
+                else
+                {
+                    return 0;
+                }
+            }
+            catch
+            {
+                return 0;
+            }
+        }
+
+        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/SegmentToGradientStopsConverter.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/SegmentToGradientStopsConverter.cs
new file mode 100644
index 000000000..37908c940
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/SegmentToGradientStopsConverter.cs
@@ -0,0 +1,41 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Data;
+using System.Windows.Media;
+using Tango.Integration.Observables;
+
+namespace Tango.MachineStudio.Developer.Converters
+{
+    public class SegmentToGradientStopsConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            try
+            {
+                Segment segment = value as Segment;
+
+                GradientStopCollection stops = new GradientStopCollection();
+
+                foreach (var stop in segment.BrushStops)
+                {
+                    stops.Add(new GradientStop(stop.Color, stop.OffsetPercent / 100d));
+                }
+
+                return stops;
+            }
+            catch
+            {
+                return null;
+            }
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/SegmentToGradientStopsConverterMulti.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/SegmentToGradientStopsConverterMulti.cs
new file mode 100644
index 000000000..68ff95a9c
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Converters/SegmentToGradientStopsConverterMulti.cs
@@ -0,0 +1,46 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Data;
+using System.Windows.Media;
+using Tango.Integration.Observables;
+
+namespace Tango.MachineStudio.Developer.Converters
+{
+    public class SegmentToGradientStopsConverterMulti : IMultiValueConverter
+    {
+        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
+        {
+            try
+            {
+                Segment segment = values[0] as Segment;
+
+                if (segment != null)
+                {
+                    GradientStopCollection stops = new GradientStopCollection();
+
+                    foreach (var stop in segment.BrushStops)
+                    {
+                        stops.Add(new GradientStop(stop.Color, stop.OffsetPercent / 100d));
+                    }
+
+                    return stops;
+                }
+
+                return null;
+            }
+            catch
+            {
+                return null;
+            }
+        }
+
+        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/DeveloperModule.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/DeveloperModule.cs
index 4401245a9..1a405f861 100644
--- a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/DeveloperModule.cs
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/DeveloperModule.cs
@@ -5,7 +5,7 @@ using System.Text;
 using System.Threading.Tasks;
 using System.Windows;
 using System.Windows.Media.Imaging;
-using Tango.DAL.Observables;
+using Tango.Integration.Observables;
 using Tango.MachineStudio.Common;
 using Tango.MachineStudio.Developer.Views;
 using Tango.SharedUI.Helpers;
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/calendar.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/calendar.png
new file mode 100644
index 000000000..763783514
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/calendar.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/camera.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/camera.png
new file mode 100644
index 000000000..526573632
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/camera.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/color-palette.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/color-palette.png
new file mode 100644
index 000000000..b1c58876f
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/color-palette.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/colorspace.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/colorspace.png
new file mode 100644
index 000000000..fca9f226e
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/colorspace.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/description.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/description.png
new file mode 100644
index 000000000..d6e3d76ea
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/description.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/graphs.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/graphs.png
new file mode 100644
index 000000000..6a211693d
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/graphs.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/inter-segment.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/inter-segment.png
new file mode 100644
index 000000000..e7c25faa2
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/inter-segment.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/line_graph.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/line_graph.png
new file mode 100644
index 000000000..7e21f4e97
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/line_graph.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/lubrication.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/lubrication.png
new file mode 100644
index 000000000..bba463b31
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/lubrication.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/machine-trans.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/machine-trans.png
new file mode 100644
index 000000000..a7cf65852
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/machine-trans.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/name.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/name.png
new file mode 100644
index 000000000..a25bded5c
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/name.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/no-signal.jpg b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/no-signal.jpg
new file mode 100644
index 000000000..e8b1313c9
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/no-signal.jpg
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/rgb.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/rgb.png
new file mode 100644
index 000000000..42f69513b
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/rgb.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/ruler.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/ruler.png
new file mode 100644
index 000000000..173e4c204
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/ruler.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/segment-single.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/segment-single.png
new file mode 100644
index 000000000..016666122
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/segment-single.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/segment.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/segment.png
new file mode 100644
index 000000000..d0f85b83f
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/segment.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/video-frame.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/video-frame.png
new file mode 100644
index 000000000..a052b62cf
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/video-frame.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/wind.png b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/wind.png
new file mode 100644
index 000000000..23d2e0035
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Images/wind.png
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Resources/GraphEx.xaml b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Resources/GraphEx.xaml
new file mode 100644
index 000000000..a44a8191c
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Resources/GraphEx.xaml
@@ -0,0 +1,126 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:sys="clr-namespace:System;assembly=mscorlib"
+                    xmlns:local="clr-namespace:Tango.MachineStudio.Developer.Resources">
+
+    <FontFamily x:Key="FontName">Segoe UI</FontFamily>
+    <FontFamily x:Key="NotesFont">Lucida Console</FontFamily>
+
+    <sys:Double x:Key="ExtraExtraLargeFontSize">28</sys:Double>
+    <sys:Double x:Key="ExtraLargeFontSize">26</sys:Double>
+    <sys:Double x:Key="LargeFontSize">20</sys:Double>
+    <sys:Double x:Key="MediumFontSize">16</sys:Double>
+    <sys:Double x:Key="SmallFontSize">14</sys:Double>
+    <sys:Double x:Key="MiniFontSize">12</sys:Double>
+    <sys:Double x:Key="TinyFontSize">9</sys:Double>
+
+    <!--Colors-->
+    <Color x:Key="borderColor">Silver</Color>
+    <Color x:Key="graphGridLinesColor">#FFE9E9E9</Color>
+    <Color x:Key="graphsMarkerColor">Gray</Color>
+    <Color x:Key="materialColor">#03A9F4</Color>
+    
+
+    <!--Brushes-->
+    <SolidColorBrush x:Key="borderBrush" Color="{StaticResource borderColor}"></SolidColorBrush>
+    <SolidColorBrush x:Key="graphGridLinesBrush" Color="{StaticResource graphGridLinesColor}"></SolidColorBrush>
+    <SolidColorBrush x:Key="BlackBrush" Color="#545454"></SolidColorBrush>
+
+    <SolidColorBrush x:Key="graphGridLinesLightBrush" Color="{StaticResource graphGridLinesColor}"></SolidColorBrush>
+    <SolidColorBrush x:Key="graphGridLinesDarkBrush" Color="#FF2E2E2E"></SolidColorBrush>
+
+    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"  x:Key="graphBackgroundLight">
+        <GradientStop Color="White"/>
+        <GradientStop Color="#FFE9E9E9" Offset="1"/>
+    </LinearGradientBrush>
+
+    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"  x:Key="graphBackgroundDark">
+        <GradientStop Color="Black"/>
+        <GradientStop Color="#FF333333" Offset="1"/>
+    </LinearGradientBrush>
+
+    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"  x:Key="graphBackground">
+        <GradientStop Color="White"/>
+        <GradientStop Color="#FFE9E9E9" Offset="1"/>
+    </LinearGradientBrush>
+
+    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"  x:Key="graphLabelBackground" Opacity="0.7">
+        <GradientStop Color="White"/>
+        <GradientStop Color="#FFD9D9D9" Offset="1"/>
+    </LinearGradientBrush>
+
+    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"  x:Key="graphLegendBackground" Opacity="0.7">
+        <GradientStop Color="#FFE9E9E9"/>
+        <GradientStop Color="#FFBDBDBD" Offset="1"/>
+    </LinearGradientBrush>
+
+    <SolidColorBrush Color="#FFF1F1F1" x:Key="topBarBackgroundBrush"></SolidColorBrush>
+
+    <!--Navigation Link Button-->
+    <Style x:Key="LinkButton" TargetType="Button">
+        <Setter Property="Stylus.IsPressAndHoldEnabled" Value="False"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="Button">
+                    <TextBlock FontSize="{TemplateBinding FontSize}" FontFamily="{TemplateBinding FontFamily}">
+                <ContentPresenter /></TextBlock>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+        <Setter Property="Foreground" Value="{StaticResource BlackBrush}" />
+        <Style.Triggers>
+            <Trigger Property="IsEnabled" Value="False">
+                <Setter Property="Opacity" Value="0.5"></Setter>
+            </Trigger>
+            <Trigger Property="IsMouseOver" Value="true">
+                <Setter Property="Foreground" Value="{StaticResource AccentColorBrush}" />
+            </Trigger>
+            <EventTrigger RoutedEvent="TouchUp">
+                <BeginStoryboard>
+                    <Storyboard>
+                        <ColorAnimation Storyboard.TargetProperty="Foreground.Color" Duration="0" To="{StaticResource BlackColor}"></ColorAnimation>
+                    </Storyboard>
+                </BeginStoryboard>
+            </EventTrigger>
+        </Style.Triggers>
+    </Style>
+    <!--Navigation Link Button-->
+
+
+    <!--Graph Label-->
+    <Style x:Key="graphLabel" TargetType="Label">
+        <Style.Setters>
+            <Setter Property="IsHitTestVisible" Value="False"></Setter>
+            <Setter Property="Margin" Value="-1 -1 0 0"></Setter>
+            <Setter Property="HorizontalAlignment" Value="Left"></Setter>
+            <Setter Property="VerticalAlignment" Value="Top"></Setter>
+            <Setter Property="Padding" Value="0"></Setter>
+            <Setter Property="ContentTemplate">
+                <Setter.Value>
+                    <DataTemplate>
+                        <Border Width="Auto" Padding="0 0 20 0" Height="25" BorderBrush="{StaticResource AccentColorBrush}" BorderThickness="1" CornerRadius="0 0 30 0" Background="{StaticResource graphLabelBackground}" >
+                            <TextBlock Margin="5 0 0 0" HorizontalAlignment="Left" VerticalAlignment="Center" FontSize="{StaticResource TinyFontSize}" Text="{Binding}"></TextBlock>
+                        </Border>
+                    </DataTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style.Setters>
+    </Style>
+    <!--Graph Label-->
+
+
+    <!--Graph Ticks Template-->
+    <DataTemplate x:Key="graphTicksTemplate">
+        <Ellipse Width="3" Height="3" Margin="0 0 0 0" Fill="{StaticResource AccentColorBrush}"></Ellipse>
+    </DataTemplate>
+    <!--Graph Ticks Template-->
+
+    <DataTemplate x:Key="graphTooltipTemplate">
+        <Border CornerRadius="5" BorderThickness="1" BorderBrush="White" Padding="8" MinWidth="50" Margin="20 0 20 0">
+            <Border.Background>
+                <SolidColorBrush Color="Black" Opacity="0.5"></SolidColorBrush>
+            </Border.Background>
+            <TextBlock Foreground="White" FontSize="10" HorizontalAlignment="Center" TextAlignment="Center" Text="{Binding StringFormat='0.000'}"></TextBlock>
+        </Border>
+    </DataTemplate>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Tango.MachineStudio.Developer.csproj b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Tango.MachineStudio.Developer.csproj
index 44b50b443..7d6712318 100644
--- a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Tango.MachineStudio.Developer.csproj
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Tango.MachineStudio.Developer.csproj
@@ -31,8 +31,32 @@
     <WarningLevel>4</WarningLevel>
   </PropertyGroup>
   <ItemGroup>
+    <Reference Include="GalaSoft.MvvmLight, Version=5.3.0.19026, Culture=neutral, PublicKeyToken=e7570ab207bcb616, processorArchitecture=MSIL">
+      <HintPath>..\..\..\packages\MvvmLightLibs.5.3.0.0\lib\net45\GalaSoft.MvvmLight.dll</HintPath>
+    </Reference>
+    <Reference Include="GalaSoft.MvvmLight.Extras, Version=5.3.0.19032, Culture=neutral, PublicKeyToken=669f0b5e8f868abf, processorArchitecture=MSIL">
+      <HintPath>..\..\..\packages\MvvmLightLibs.5.3.0.0\lib\net45\GalaSoft.MvvmLight.Extras.dll</HintPath>
+    </Reference>
+    <Reference Include="GalaSoft.MvvmLight.Platform, Version=5.3.0.19032, Culture=neutral, PublicKeyToken=5f873c45e98af8a1, processorArchitecture=MSIL">
+      <HintPath>..\..\..\packages\MvvmLightLibs.5.3.0.0\lib\net45\GalaSoft.MvvmLight.Platform.dll</HintPath>
+    </Reference>
+    <Reference Include="MahApps.Metro, Version=1.5.0.23, Culture=neutral, PublicKeyToken=f4fb5a3c4d1e5b4f, processorArchitecture=MSIL">
+      <HintPath>..\..\..\packages\MahApps.Metro.1.5.0\lib\net45\MahApps.Metro.dll</HintPath>
+    </Reference>
+    <Reference Include="MaterialDesignColors, Version=1.1.2.0, Culture=neutral, processorArchitecture=MSIL">
+      <HintPath>..\..\..\packages\MaterialDesignColors.1.1.2\lib\net45\MaterialDesignColors.dll</HintPath>
+    </Reference>
+    <Reference Include="MaterialDesignThemes.Wpf, Version=2.3.1.953, Culture=neutral, processorArchitecture=MSIL">
+      <HintPath>..\..\..\packages\MaterialDesignThemes.2.3.1.953\lib\net45\MaterialDesignThemes.Wpf.dll</HintPath>
+    </Reference>
+    <Reference Include="Microsoft.Practices.ServiceLocation, Version=1.3.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35, processorArchitecture=MSIL">
+      <HintPath>..\..\..\packages\CommonServiceLocator.1.3\lib\portable-net4+sl5+netcore45+wpa81+wp8\Microsoft.Practices.ServiceLocation.dll</HintPath>
+    </Reference>
     <Reference Include="System" />
     <Reference Include="System.Data" />
+    <Reference Include="System.Windows.Interactivity, Version=4.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35, processorArchitecture=MSIL">
+      <HintPath>..\..\..\packages\MvvmLightLibs.5.3.0.0\lib\net45\System.Windows.Interactivity.dll</HintPath>
+    </Reference>
     <Reference Include="System.Xml" />
     <Reference Include="Microsoft.CSharp" />
     <Reference Include="System.Core" />
@@ -47,21 +71,30 @@
     <Reference Include="PresentationFramework" />
   </ItemGroup>
   <ItemGroup>
+    <Compile Include="Converters\BrushStopLabToColorConverter.cs" />
+    <Compile Include="Converters\BrushStopCMYKToColorConverter.cs" />
+    <Compile Include="Converters\BrushStopToColorConverter.cs" />
+    <Compile Include="Converters\BrushStopToOffsetLimitConverter.cs" />
+    <Compile Include="Converters\DbRmlViewToEntityConverter.cs" />
+    <Compile Include="Converters\InkVolumeToLiquidRmlFactor.cs" />
+    <Compile Include="Converters\JobToColumnDefinitionsConverter.cs" />
+    <Compile Include="Converters\SegmentLengthToWidthConverter.cs" />
+    <Compile Include="Converters\SegmentToGradientStopsConverterMulti.cs" />
+    <Compile Include="Converters\SegmentToGradientStopsConverter.cs" />
     <Compile Include="DeveloperModule.cs" />
+    <Compile Include="ViewModelLocator.cs" />
+    <Compile Include="ViewModels\DBViewContextWrapper.cs" />
+    <Compile Include="ViewModels\MainViewVM.cs" />
     <Compile Include="Views\MainView.xaml.cs">
       <DependentUpon>MainView.xaml</DependentUpon>
     </Compile>
-    <Page Include="UserControl1.xaml">
-      <Generator>MSBuild:Compile</Generator>
-      <SubType>Designer</SubType>
-    </Page>
     <Compile Include="..\..\..\Versioning\GlobalVersionInfo.cs">
       <Link>GlobalVersionInfo.cs</Link>
     </Compile>
-    <Compile Include="UserControl1.xaml.cs">
-      <DependentUpon>UserControl1.xaml</DependentUpon>
-      <SubType>Code</SubType>
-    </Compile>
+    <Page Include="Resources\GraphEx.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
     <Page Include="Views\MainView.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -86,19 +119,40 @@
       <LastGenOutput>Resources.Designer.cs</LastGenOutput>
     </EmbeddedResource>
     <None Include="app.config" />
+    <None Include="packages.config" />
     <None Include="Properties\Settings.settings">
       <Generator>SettingsSingleFileGenerator</Generator>
       <LastGenOutput>Settings.Designer.cs</LastGenOutput>
     </None>
   </ItemGroup>
   <ItemGroup>
+    <ProjectReference Include="..\..\..\SideChains\ColorMine\ColorMine.csproj">
+      <Project>{37e4ceab-b54b-451f-b535-04cf7da9c459}</Project>
+      <Name>ColorMine</Name>
+    </ProjectReference>
+    <ProjectReference Include="..\..\..\SideChains\RealTimeGraphEx\RealTimeGraphEx.csproj">
+      <Project>{b9ae25d6-be35-492f-9079-21a7f3e6f7cc}</Project>
+      <Name>RealTimeGraphEx</Name>
+    </ProjectReference>
+    <ProjectReference Include="..\..\..\Tango.ColorPicker\Tango.ColorPicker.csproj">
+      <Project>{a2f5af44-29ff-45d6-9d25-ecda5cce88b5}</Project>
+      <Name>Tango.ColorPicker</Name>
+    </ProjectReference>
     <ProjectReference Include="..\..\..\Tango.Core\Tango.Core.csproj">
       <Project>{a34ee0f0-649d-41c8-8489-b6f1cc6924ee}</Project>
       <Name>Tango.Core</Name>
     </ProjectReference>
-    <ProjectReference Include="..\..\..\Tango.DAL.Observables\Tango.DAL.Observables.csproj">
-      <Project>{0ecd6da8-7aa6-48d9-8b65-279d176ad9af}</Project>
-      <Name>Tango.DAL.Observables</Name>
+    <ProjectReference Include="..\..\..\Tango.DAL.Remote\Tango.DAL.Remote.csproj">
+      <Project>{38197109-8610-4d3f-92b9-16d48df94d7c}</Project>
+      <Name>Tango.DAL.Remote</Name>
+    </ProjectReference>
+    <ProjectReference Include="..\..\..\Tango.DragAndDrop\Tango.DragAndDrop.csproj">
+      <Project>{b112d89a-a106-41ae-a0c1-4abc84c477f5}</Project>
+      <Name>Tango.DragAndDrop</Name>
+    </ProjectReference>
+    <ProjectReference Include="..\..\..\Tango.Integration\Tango.Integration.csproj">
+      <Project>{4206ac58-3b57-4699-8835-90bf6db01a61}</Project>
+      <Name>Tango.Integration</Name>
     </ProjectReference>
     <ProjectReference Include="..\..\..\Tango.SharedUI\Tango.SharedUI.csproj">
       <Project>{8491d07b-c1f6-4b62-a412-41b9fd2d6538}</Project>
@@ -108,10 +162,63 @@
       <Project>{cb0b0aa2-bb24-4bca-a720-45e397684e12}</Project>
       <Name>Tango.MachineStudio.Common</Name>
     </ProjectReference>
+    <ProjectReference Include="..\Tango.MachineStudio.DB\Tango.MachineStudio.DB.csproj">
+      <Project>{94f7acf8-55e1-4a02-b9bc-a818413fdbbf}</Project>
+      <Name>Tango.MachineStudio.DB</Name>
+    </ProjectReference>
+    <ProjectReference Include="..\Tango.MachineStudio.MachineDesigner\Tango.MachineStudio.MachineDesigner.csproj">
+      <Project>{d0ce8122-077d-42a2-9490-028ae4769b52}</Project>
+      <Name>Tango.MachineStudio.MachineDesigner</Name>
+    </ProjectReference>
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\rgb.png" />
   </ItemGroup>
-  <ItemGroup />
   <ItemGroup>
     <Resource Include="Images\developer.jpg" />
   </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\description.png" />
+    <Resource Include="Images\inter-segment.png" />
+    <Resource Include="Images\lubrication.png" />
+    <Resource Include="Images\name.png" />
+    <Resource Include="Images\wind.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\calendar.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\machine-trans.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\graphs.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\line_graph.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\no-signal.jpg" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\camera.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\video-frame.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\segment.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\segment-single.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\ruler.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\color-palette.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Resource Include="Images\colorspace.png" />
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
 </Project>
\ No newline at end of file
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/UserControl1.xaml b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/UserControl1.xaml
deleted file mode 100644
index 95416b906..000000000
--- a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/UserControl1.xaml
+++ /dev/null
@@ -1,12 +0,0 @@
-<UserControl x:Class="Tango.MachineStudio.Developer.UserControl1"
-             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:local="clr-namespace:Tango.MachineStudio.Developer"
-             mc:Ignorable="d" 
-             d:DesignHeight="300" d:DesignWidth="300">
-    <Grid>
-            
-    </Grid>
-</UserControl>
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/UserControl1.xaml.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/UserControl1.xaml.cs
deleted file mode 100644
index e5519cb7e..000000000
--- a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/UserControl1.xaml.cs
+++ /dev/null
@@ -1,28 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-using System.Windows;
-using System.Windows.Controls;
-using System.Windows.Data;
-using System.Windows.Documents;
-using System.Windows.Input;
-using System.Windows.Media;
-using System.Windows.Media.Imaging;
-using System.Windows.Navigation;
-using System.Windows.Shapes;
-
-namespace Tango.MachineStudio.Developer
-{
-    /// <summary>
-    /// Interaction logic for UserControl1.xaml
-    /// </summary>
-    public partial class UserControl1 : UserControl
-    {
-        public UserControl1()
-        {
-            InitializeComponent();
-        }
-    }
-}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/ViewModelLocator.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/ViewModelLocator.cs
new file mode 100644
index 000000000..f11cee8d0
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/ViewModelLocator.cs
@@ -0,0 +1,31 @@
+using GalaSoft.MvvmLight;
+using GalaSoft.MvvmLight.Ioc;
+using Microsoft.Practices.ServiceLocation;
+using Tango.MachineStudio.Developer.ViewModels;
+
+namespace Tango.MachineStudio.Developer
+{
+    /// <summary>
+    /// This class contains static references to all the view models in the
+    /// application and provides an entry point for the bindings.
+    /// </summary>
+    public static class ViewModelLocator
+    {
+        /// <summary>
+        /// Initializes a new instance of the ViewModelLocator class.
+        /// </summary>
+        static ViewModelLocator()
+        {
+            ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);
+            SimpleIoc.Default.Register<MainViewVM>();
+        }
+
+        public static MainViewVM MainViewVM
+        {
+            get
+            {
+                return ServiceLocator.Current.GetInstance<MainViewVM>();
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/ViewModels/DBViewContextWrapper.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/ViewModels/DBViewContextWrapper.cs
new file mode 100644
index 000000000..21611a493
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/ViewModels/DBViewContextWrapper.cs
@@ -0,0 +1,36 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Tango.Integration.Observables;
+
+namespace Tango.MachineStudio.Developer.ViewModels
+{
+    public class DBViewContextWrapper<T> where T : class, IObservableEntity
+    {
+        public T EditEntity { get; set; }
+
+        public ObservablesEntitiesAdapter Adapter { get; set; }
+
+        public DBViewContextWrapper()
+        {
+            Adapter = ObservablesEntitiesAdapter.Instance;
+        }
+
+        public DBViewContextWrapper(T entity) : this()
+        {
+            EditEntity = entity;
+        }
+
+        public static implicit operator DBViewContextWrapper<T>(T entity)
+        {
+            return new DBViewContextWrapper<T>(entity);
+        }
+
+        public static implicit operator T(DBViewContextWrapper<T> instance)
+        {
+            return instance.EditEntity;
+        }
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/ViewModels/MainViewVM.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/ViewModels/MainViewVM.cs
new file mode 100644
index 000000000..f6ddc9d19
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/ViewModels/MainViewVM.cs
@@ -0,0 +1,615 @@
+using GalaSoft.MvvmLight.Ioc;
+using RealTimeGraphEx.Controllers;
+using RealTimeGraphEx.DataSeries;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Media;
+using Tango.Core.Commands;
+using Tango.Integration.Observables;
+using Tango.MachineStudio.Common.Controls;
+using Tango.MachineStudio.Common.Notifications;
+using Tango.MachineStudio.Common.StudioApplication;
+using Tango.SharedUI;
+
+namespace Tango.MachineStudio.Developer.ViewModels
+{
+    /// <summary>
+    /// Represents the developer module main view, view model.
+    /// </summary>
+    /// <seealso cref="Tango.SharedUI.ViewModel" />
+    public class MainViewVM : ViewModel
+    {
+        private INotificationProvider _notification;
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the application manager.
+        /// </summary>
+        public IStudioApplicationManager ApplicationManager { get; set; }
+
+        /// <summary>
+        /// Gets or sets observable entites database the adapter.
+        /// </summary>
+        public ObservablesEntitiesAdapter Adapter { get; set; }
+
+        protected Machine _selectedMachine;
+        /// <summary>
+        /// Gets or sets the selected machine.
+        /// </summary>
+        public Machine SelectedMachine
+        {
+            get { return _selectedMachine; }
+            set
+            {
+                _selectedMachine = value;
+                OnMachineChanged();
+                RaisePropertyChangedAuto();
+                InvalidateRelayCommands();
+
+                if (_selectedMachine != null)
+                {
+                    _selectedMachine.Saved -= SelectedMachine_Saved;
+                    _selectedMachine.Saved += SelectedMachine_Saved;
+                }
+            }
+        }
+
+        private List<LiquidTypesRml> _liquidTypesRmls;
+        /// <summary>
+        /// Gets or sets the liquid types RMLS.
+        /// </summary>
+        public List<LiquidTypesRml> LiquidTypesRmls
+        {
+            get { return _liquidTypesRmls; }
+            set { _liquidTypesRmls = value; RaisePropertyChangedAuto(); }
+        }
+
+        private ProcessParametersTablesGroup _rmlProcessParametersTablesGroup;
+        /// <summary>
+        /// Gets or sets the RML process parameters table group (cloned).
+        /// </summary>
+        public ProcessParametersTablesGroup RmlProcessParametersTableGroup
+        {
+            get { return _rmlProcessParametersTablesGroup; }
+            set { _rmlProcessParametersTablesGroup = value; RaisePropertyChangedAuto(); }
+        }
+
+        private ObservableCollection<ProcessParametersTablesGroup> _groupsHistory;
+        /// <summary>
+        /// Gets or sets the RML process parameters groups history.
+        /// </summary>
+        public ObservableCollection<ProcessParametersTablesGroup> GroupsHistory
+        {
+            get { return _groupsHistory; }
+            set { _groupsHistory = value; RaisePropertyChangedAuto(); }
+        }
+
+        private ProcessParametersTablesGroup _selectedGroupHistory;
+
+        /// <summary>
+        /// Gets or sets the selected process parameters tables group history.
+        /// </summary>
+        public ProcessParametersTablesGroup SelectedGroupHistory
+        {
+            get { return _selectedGroupHistory; }
+            set { _selectedGroupHistory = value; RaisePropertyChangedAuto(); OnSelectedGroupHistoryChanged(); }
+        }
+
+        private Job _selectedJob;
+        /// <summary>
+        /// Gets or sets the selected machine job.
+        /// </summary>
+        public Job SelectedJob
+        {
+            get { return _selectedJob; }
+            set
+            {
+                _selectedJob = value;
+                RaisePropertyChangedAuto();
+                OnSelectedJobChanged();
+            }
+        }
+
+        private Segment _selectedSegment;
+        /// <summary>
+        /// Gets or sets the job selected segment.
+        /// </summary>
+        public Segment SelectedSegment
+        {
+            get { return _selectedSegment; }
+            set { _selectedSegment = value; RaisePropertyChangedAuto(); OnSelectedSegmentChanged(); }
+        }
+
+        private BrushStop _selectedBrushStop;
+        /// <summary>
+        /// Gets or sets the selected segment selected brush stop.
+        /// </summary>
+        public BrushStop SelectedBrushStop
+        {
+            get { return _selectedBrushStop; }
+            set { _selectedBrushStop = value; RaisePropertyChangedAuto(); }
+        }
+
+        private Rml _selectedRML;
+        /// <summary>
+        /// Gets or sets the selected RML.
+        /// </summary>
+        public Rml SelectedRML
+        {
+            get { return _selectedRML; }
+            set
+            {
+                _selectedRML = value;
+                InvalidateLiquidFactorsAndProcessTables();
+                RaisePropertyChangedAuto();
+                InvalidateRelayCommands();
+            }
+        }
+
+        private bool _isSideBarOpened;
+        /// <summary>
+        /// Gets or sets a value indicating whether the configuration panels are opened.
+        /// </summary>
+        public bool IsSideBarOpened
+        {
+            get { return _isSideBarOpened; }
+            set { _isSideBarOpened = value; RaisePropertyChangedAuto(); }
+        }
+
+        private ObservableCollection<Sensor> _availableSensors;
+        /// <summary>
+        /// Gets or sets the available sensors.
+        /// </summary>
+        public ObservableCollection<Sensor> AvailableSensors
+        {
+            get { return _availableSensors; }
+            set { _availableSensors = value; RaisePropertyChangedAuto(); }
+        }
+
+        private ObservableCollection<IRealTimeGraph> _graphs;
+        /// <summary>
+        /// Gets or sets the collection of displayed graph controls.
+        /// </summary>
+        public ObservableCollection<IRealTimeGraph> Graphs
+        {
+            get { return _graphs; }
+            set { _graphs = value; RaisePropertyChangedAuto(); }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets or sets the edit machine command.
+        /// </summary>
+        public RelayCommand EditMachineCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the edit RML command.
+        /// </summary>
+        public RelayCommand EditRMLCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the toggle side bar command.
+        /// </summary>
+        public RelayCommand ToggleSideBarCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the save process parameters command.
+        /// </summary>
+        public RelayCommand SaveProcessParametersCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the save liquid factors command.
+        /// </summary>
+        public RelayCommand SaveLiquidFactorsCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the add segment command.
+        /// </summary>
+        public RelayCommand AddSegmentCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the remove segment command.
+        /// </summary>
+        public RelayCommand RemoveSegmentCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the add job command.
+        /// </summary>
+        public RelayCommand AddJobCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the remove job command.
+        /// </summary>
+        public RelayCommand RemoveJobCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the add brush stop command.
+        /// </summary>
+        public RelayCommand AddBrushStopCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the remove brush stop command.
+        /// </summary>
+        public RelayCommand RemoveBrushStopCommand { get; set; }
+
+        #endregion
+
+        #region Constructors
+
+        /// <summary>
+        /// Initializes a new instance of the <see cref="MainViewVM"/> class.
+        /// </summary>
+        public MainViewVM()
+        {
+            IsSideBarOpened = true;
+
+            if (!this.DesignMode)
+            {
+                Adapter = ObservablesEntitiesAdapter.Instance;
+                AvailableSensors = Adapter.Sensors.ToObservableCollection();
+            }
+
+            Graphs = new ObservableCollection<IRealTimeGraph>();
+        }
+
+        /// <summary>
+        /// Initializes a new instance of the <see cref="MainViewVM"/> class.
+        /// </summary>
+        /// <param name="applicationManager">The application manager.</param>
+        /// <param name="notificationProvider">The notification provider.</param>
+        [PreferredConstructor]
+        public MainViewVM(IStudioApplicationManager applicationManager, INotificationProvider notificationProvider) : this()
+        {
+            _notification = notificationProvider;
+            EditMachineCommand = new RelayCommand(EditMachine, (x) => SelectedMachine != null);
+            ApplicationManager = applicationManager;
+            EditRMLCommand = new RelayCommand(EditRML, (x) => SelectedRML != null);
+            ToggleSideBarCommand = new RelayCommand(() => IsSideBarOpened = !IsSideBarOpened);
+            SaveProcessParametersCommand = new RelayCommand(SaveProcessParameters);
+            SaveLiquidFactorsCommand = new RelayCommand(SaveLiquidFactors);
+            AddSegmentCommand = new RelayCommand(AddSegment);
+            RemoveSegmentCommand = new RelayCommand(RemoveSegment);
+            AddJobCommand = new RelayCommand(AddJob);
+            RemoveJobCommand = new RelayCommand(RemoveJob);
+            AddBrushStopCommand = new RelayCommand(AddBrushStop);
+            RemoveBrushStopCommand = new RelayCommand(RemoveBrushStop);
+        }
+
+        #endregion
+
+        #region Event Handlers
+
+        /// <summary>
+        /// Handles the Saved event of the SelectedMachine.
+        /// </summary>
+        /// <param name="sender">The source of the event.</param>
+        /// <param name="e">The <see cref="EventArgs"/> instance containing the event data.</param>
+        private void SelectedMachine_Saved(object sender, EventArgs e)
+        {
+            InvalidateLiquidFactorsAndProcessTables();
+        }
+
+        #endregion
+
+        #region Virtual Methods
+
+        /// <summary>
+        /// Called when the selected segment has been changed
+        /// </summary>
+        protected virtual void OnSelectedSegmentChanged()
+        {
+            if (SelectedSegment != null)
+            {
+                SetSegmentBrushStopsLiquidVolumes(SelectedSegment);
+                SelectedBrushStop = SelectedSegment.BrushStops.FirstOrDefault();
+            }
+        }
+
+        /// <summary>
+        /// Called when the selected job has been changed.
+        /// </summary>
+        protected virtual void OnSelectedJobChanged()
+        {
+            if (SelectedJob != null)
+            {
+                SelectedSegment = SelectedJob.Segments.FirstOrDefault();
+            }
+        }
+
+        /// <summary>
+        /// Called when the selected group history has been changed
+        /// </summary>
+        protected virtual void OnSelectedGroupHistoryChanged()
+        {
+            if (SelectedGroupHistory != null)
+            {
+                RmlProcessParametersTableGroup = SelectedGroupHistory.CloneGroup();
+            }
+        }
+
+        /// <summary>
+        /// Called when the machine has been changed
+        /// </summary>
+        protected virtual void OnMachineChanged()
+        {
+            InvalidateLiquidFactorsAndProcessTables();
+        }
+
+        #endregion
+
+        #region Private Methods
+
+        private void SetSegmentBrushStopsLiquidVolumes(Segment segment)
+        {
+            if (!DesignMode)
+            {
+                foreach (var stop in segment.BrushStops)
+                {
+                    stop.SetLiquidVolumes(SelectedMachine.Configuration, SelectedRML);
+                }
+            }
+        }
+
+        /// <summary>
+        /// Saves the liquid factors.
+        /// </summary>
+        private async void SaveLiquidFactors()
+        {
+            if (SelectedRML != null)
+            {
+                using (_notification.PushTaskItem("Saving Liquid Factors..."))
+                {
+                    await SelectedRML.SaveAsync();
+                    InvalidateLiquidFactorsAndProcessTables();
+                }
+            }
+        }
+
+        /// <summary>
+        /// Navigates to the DB Module in order to edit the selected RML.
+        /// </summary>
+        private void EditRML()
+        {
+            ApplicationManager.RequestModule("Data Base", SelectedRML);
+        }
+
+        /// <summary>
+        /// Navigates to the Machine Designer Module in order to edit the selected machine.
+        /// </summary>
+        private void EditMachine()
+        {
+            ApplicationManager.RequestModule("Machine Designer", SelectedMachine);
+        }
+
+        /// <summary>
+        /// Saves the process parameters group.
+        /// </summary>
+        private async void SaveProcessParameters()
+        {
+            var response = _notification.ShowTextInput("Enter Group Name", "Group Name");
+
+            if (response == null) return;
+
+            using (_notification.PushTaskItem("Saving Parameters Group..."))
+            {
+                ProcessParametersTablesGroup group = new ProcessParametersTablesGroup();
+
+                List<ProcessParametersTable> tables = new List<ProcessParametersTable>();
+                foreach (var table in RmlProcessParametersTableGroup.ProcessParametersTables)
+                {
+                    var newTable = table.CloneEntity();
+                    newTable.ProcessParametersTablesGroup = group;
+                    tables.Add(newTable);
+                }
+
+                group.Active = true;
+                group.ProcessParametersTables = tables.ToObservableCollection();
+                group.Rml = SelectedRML;
+                group.Name = response;
+                group.SaveDate = DateTime.UtcNow;
+
+                foreach (var g in SelectedRML.ProcessParametersTablesGroups)
+                {
+                    g.Active = false;
+                }
+
+                //String machineGuid = SelectedMachine.Guid;
+                //String rmlGuid = SelectedRML.Guid;
+
+                SelectedRML.ProcessParametersTablesGroups.Add(group);
+                await SelectedRML.SaveAsync();
+
+                //SelectedMachine = Adapter.Machines.SingleOrDefault(x => x.Guid == machineGuid);
+                //SelectedRML = Adapter.Rmls.SingleOrDefault(x => x.Guid == rmlGuid);
+
+                InvalidateLiquidFactorsAndProcessTables();
+            }
+        }
+
+        /// <summary>
+        /// Invalidates the liquid factors and process parameters tables.
+        /// </summary>
+        private void InvalidateLiquidFactorsAndProcessTables()
+        {
+            if (SelectedRML != null && SelectedMachine != null)
+            {
+                LiquidTypesRmls = SelectedMachine.Configuration.IdsPacks.OrderBy(x => x.PackIndex).Select(x => x.LiquidType).SelectMany(x => x.LiquidTypesRmls).Where(x => x.Rml.Guid == SelectedRML.Guid).ToList();
+                RmlProcessParametersTableGroup = SelectedRML.ProcessParametersTablesGroups.SingleOrDefault(x => x.Active);
+
+                if (RmlProcessParametersTableGroup != null)
+                {
+                    RmlProcessParametersTableGroup = RmlProcessParametersTableGroup.CloneGroup();
+                    RmlProcessParametersTableGroup.ProcessParametersTables = RmlProcessParametersTableGroup.ProcessParametersTables.OrderBy(x => x.TableIndex).ToObservableCollection();
+                }
+
+                GroupsHistory = SelectedRML.ProcessParametersTablesGroups.OrderByDescending(x => x.SaveDate).OrderBy(x => !x.Active).ToObservableCollection();
+            }
+        }
+
+        /// <summary>
+        /// Removes the selected segment.
+        /// </summary>
+        private void RemoveSegment()
+        {
+            if (SelectedJob != null && SelectedSegment != null)
+            {
+                SelectedSegment.DefferedDelete();
+                SelectedJob.Segments.Remove(SelectedSegment);
+            }
+        }
+
+        /// <summary>
+        /// Adds a new segment.
+        /// </summary>
+        private void AddSegment()
+        {
+            if (SelectedJob != null)
+            {
+                Segment seg = new Segment();
+                seg.Name = "Untitled Segment";
+                SelectedJob.Segments.Add(seg);
+            }
+        }
+
+        /// <summary>
+        /// Removes the selected job.
+        /// </summary>
+        private void RemoveJob()
+        {
+            if (SelectedMachine != null && SelectedJob != null)
+            {
+                SelectedJob.Delete();
+                SelectedMachine.Jobs.Remove(SelectedJob);
+            }
+        }
+
+        /// <summary>
+        /// Adds a new job to the selected machine.
+        /// </summary>
+        private void AddJob()
+        {
+            if (SelectedMachine != null)
+            {
+                SelectedMachine.Jobs.Add(new Job()
+                {
+                    Name = "Untitled Job",
+                    CreationDate = DateTime.UtcNow,
+                });
+            }
+        }
+
+        /// <summary>
+        /// Removes the selected brush stop.
+        /// </summary>
+        private void RemoveBrushStop()
+        {
+            if (SelectedBrushStop != null && SelectedSegment != null)
+            {
+                SelectedSegment.BrushStops.Remove(SelectedBrushStop);
+            }
+        }
+
+        /// <summary>
+        /// Adds a new brush stop to the selected segment.
+        /// </summary>
+        private void AddBrushStop()
+        {
+            if (SelectedSegment != null)
+            {
+                var stop = new BrushStop();
+                stop.ColorSpace = Adapter.ColorSpaces.FirstOrDefault();
+                stop.SetLiquidVolumes(SelectedMachine.Configuration, SelectedRML);
+                SelectedSegment.BrushStops.Add(stop);
+            }
+        }
+
+        #endregion
+
+        #region Public Events
+
+        /// <summary>
+        /// Add sensor graph from available sensors to displayed graphs.
+        /// </summary>
+        /// <param name="sensor">The sensor.</param>
+        public void OnDropAvailableSensor(Sensor sensor)
+        {
+            if (Graphs.Count < 8)
+            {
+                IRealTimeGraph graphControl = null;
+
+                if (!sensor.MultiChannel)
+                {
+                    graphControl = new RealTimeGraphControl();
+                }
+                else
+                {
+                    graphControl = new RealTimeGraphMultiControl();
+                    GraphMultiController controller = new GraphMultiController();
+
+                    for (int i = 0; i < sensor.ChannelCount; i++)
+                    {
+                        controller.AddSeries(new DataYSeries()
+                        {
+                            Name = sensor.Description.First().ToString() + (i + 1),
+                            UseFillAndStroke = true,
+                            Stroke = new SolidColorBrush(Core.Helpers.ColorHelper.GetRandomColor())
+                        });
+                    }
+
+                    graphControl.Controller = controller;
+                }
+
+                graphControl.Tag = sensor;
+                graphControl.SensorName = sensor.Description;
+                graphControl.SensorUnits = sensor.Units;
+                graphControl.InnerGraph.Minimum = sensor.Min;
+                graphControl.InnerGraph.Maximum = sensor.Max;
+                graphControl.InnerGraph.MaxPoints = Common.Helpers.GraphsHelper.GetMaxPoints(sensor.PointsPerFrame);
+                graphControl.GraphRemoveButtonPressed += (sender, __) =>
+                {
+                    RemoveGraph(sender as IRealTimeGraph);
+                };
+                Graphs.Add(graphControl);
+                AvailableSensors.Remove(sensor);
+            }
+            else
+            {
+                _notification.ShowInfo("The maximum number of real-time graphs is eight. Please remove a graph to add another.");
+            }
+        }
+
+        /// <summary>
+        /// Switch the brush stop position in the segment.
+        /// </summary>
+        /// <param name="draggedStop">The dragged stop.</param>
+        /// <param name="droppedStop">The dropped stop.</param>
+        public void OnDropBrushStop(BrushStop draggedStop, BrushStop droppedStop)
+        {
+            int tmpIndex = draggedStop.StopIndex;
+            draggedStop.StopIndex = droppedStop.StopIndex;
+            droppedStop.StopIndex = tmpIndex;
+
+            SelectedSegment.BrushStops.Swap(draggedStop, droppedStop);
+        }
+
+        /// <summary>
+        /// Removes the graph.
+        /// </summary>
+        /// <param name="graph">The graph.</param>
+        public void RemoveGraph(IRealTimeGraph graph)
+        {
+            Graphs.Remove(graph);
+            AvailableSensors.Insert(0, graph.Tag as Sensor);
+        }
+
+        #endregion
+    }
+}
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Views/MainView.xaml b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Views/MainView.xaml
index cd91b007f..e0786a1ba 100644
--- a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Views/MainView.xaml
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Views/MainView.xaml
@@ -3,10 +3,1413 @@
              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:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
+             xmlns:global="clr-namespace:Tango.MachineStudio.Developer"
+             xmlns:dragAndDrop="clr-namespace:Tango.DragAndDrop;assembly=Tango.DragAndDrop"
+             xmlns:mahapps="http://metro.mahapps.com/winfx/xaml/controls"
+             xmlns:colorPicker="clr-namespace:Tango;assembly=Tango.ColorPicker"
+             xmlns:db="clr-namespace:Tango.MachineStudio.DB.Views.DBViews;assembly=Tango.MachineStudio.DB"
+             xmlns:commonControls="clr-namespace:Tango.MachineStudio.Common.Controls;assembly=Tango.MachineStudio.Common"
+             xmlns:designer="clr-namespace:Tango.MachineStudio.MachineDesigner.Views;assembly=Tango.MachineStudio.MachineDesigner"
+             xmlns:vm="clr-namespace:Tango.MachineStudio.Developer.ViewModels"
+             xmlns:localConverters="clr-namespace:Tango.MachineStudio.Developer.Converters"
+             xmlns:converters="clr-namespace:Tango.SharedUI.Converters;assembly=Tango.SharedUI"
+             xmlns:observables="clr-namespace:Tango.Integration.Observables;assembly=Tango.Integration"
+             xmlns:editors="clr-namespace:Tango.SharedUI.Editors;assembly=Tango.SharedUI"
+             xmlns:shapes="clr-namespace:Tango.SharedUI.Shapes;assembly=Tango.SharedUI"
              xmlns:local="clr-namespace:Tango.MachineStudio.Developer.Views"
              mc:Ignorable="d" 
-             d:DesignHeight="300" d:DesignWidth="300" Background="#CBCBCB">
+             d:DesignHeight="1080" d:DesignWidth="1920" Background="White" d:DataContext="{d:DesignInstance Type=vm:MainViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.MainViewVM}">
+
+    <UserControl.Resources>
+        <Style TargetType="{x:Type TabItem}" BasedOn="{StaticResource {x:Type TabItem}}">
+            <Setter Property="mahapps:ControlsHelper.HeaderFontSize" Value="14" />
+            <Setter Property="Margin" Value="2" />
+        </Style>
+
+        <converters:ColorToIntegerConverter x:Key="ColorToIntegerConverter"></converters:ColorToIntegerConverter>
+        <localConverters:DbRmlViewToEntityConverter x:Key="DbRmlViewToEntityConverter"></localConverters:DbRmlViewToEntityConverter>
+        <converters:NullObjectToBooleanConverter x:Key="NullObjectToBooleanConverter"></converters:NullObjectToBooleanConverter>
+        <converters:GreaterThanToBooleanConverter x:Key="GreaterThanToBooleanConverter"></converters:GreaterThanToBooleanConverter>
+        <converters:SmallerThanToBooleanConverter x:Key="SmallerThanToBooleanConverter"></converters:SmallerThanToBooleanConverter>
+        <localConverters:BrushStopToColorConverter x:Key="BrushStopToColorConverter" />
+        <localConverters:BrushStopCMYKToColorConverter x:Key="BrushStopCMYKToColorConverter" />
+        <localConverters:BrushStopLabToColorConverter x:Key="BrushStopLabToColorConverter" />
+        <localConverters:SegmentToGradientStopsConverter x:Key="SegmentToGradientStopsConverter" />
+        <localConverters:BrushStopToOffsetLimitConverter x:Key="BrushStopToOffsetLimitConverter" />
+        <localConverters:JobToColumnDefinitionsConverter x:Key="JobToColumnDefinitionsConverter" />
+        <localConverters:SegmentLengthToWidthConverter x:Key="SegmentLengthToWidthConverter" />
+        <localConverters:SegmentToGradientStopsConverterMulti x:Key="SegmentToGradientStopsConverterMulti" />
+
+        <SolidColorBrush x:Key="SideBarBackground" Color="#F9F9F9">
+
+        </SolidColorBrush>
+
+        <Color x:Key="dummyColor">Transparent</Color>
+
+        <Style x:Key="droppableGrid" TargetType="Grid">
+            <Setter Property="RenderTransform">
+                <Setter.Value>
+                    <ScaleTransform ScaleX="1" ScaleY="1"></ScaleTransform>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="RenderTransformOrigin" Value="0.5,0.5"></Setter>
+            <Setter Property="Background" Value="Transparent"></Setter>
+            <Setter Property="dragAndDrop:DragAndDropService.Droppable" Value="True"></Setter>
+            <Setter Property="dragAndDrop:DragAndDropService.DraggingSurface" Value="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DraggingSurface}"></Setter>
+            <Style.Triggers>
+                <Trigger Property="dragAndDrop:DragAndDropService.IsDraggableOver" Value="True">
+                    <Setter Property="Opacity" Value="0.5"></Setter>
+                    <Trigger.EnterActions>
+                        <BeginStoryboard>
+                            <Storyboard>
+                                <DoubleAnimation To="0.95" Duration="00:00:0.2" Storyboard.TargetProperty="RenderTransform.ScaleX"></DoubleAnimation>
+                                <DoubleAnimation To="0.95" Duration="00:00:0.2" Storyboard.TargetProperty="RenderTransform.ScaleY"></DoubleAnimation>
+                            </Storyboard>
+                        </BeginStoryboard>
+                    </Trigger.EnterActions>
+                    <Trigger.ExitActions>
+                        <BeginStoryboard>
+                            <Storyboard>
+                                <DoubleAnimation To="1" Duration="00:00:0.2" Storyboard.TargetProperty="RenderTransform.ScaleX"></DoubleAnimation>
+                                <DoubleAnimation To="1" Duration="00:00:0.2" Storyboard.TargetProperty="RenderTransform.ScaleY"></DoubleAnimation>
+                            </Storyboard>
+                        </BeginStoryboard>
+                    </Trigger.ExitActions>
+                </Trigger>
+            </Style.Triggers>
+        </Style>
+
+        <Style x:Key="brushStopBorder" TargetType="Border">
+            <Setter Property="RenderTransform">
+                <Setter.Value>
+                    <ScaleTransform ScaleX="1" ScaleY="1"></ScaleTransform>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="RenderTransformOrigin" Value="0.5,0.5"></Setter>
+            <Setter Property="Background" Value="Transparent"></Setter>
+            <Setter Property="dragAndDrop:DragAndDropService.Droppable" Value="True"></Setter>
+            <Setter Property="dragAndDrop:DragAndDropService.Draggable" Value="True"></Setter>
+            <Setter Property="dragAndDrop:DragAndDropService.DraggingSurface" Value="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DraggingSurface}"></Setter>
+            <Style.Triggers>
+                <Trigger Property="dragAndDrop:DragAndDropService.IsDraggableOver" Value="True">
+                    <Setter Property="Opacity" Value="0.5"></Setter>
+                    <Trigger.EnterActions>
+                        <BeginStoryboard>
+                            <Storyboard>
+                                <DoubleAnimation To="0.95" Duration="00:00:0.2" Storyboard.TargetProperty="RenderTransform.ScaleX"></DoubleAnimation>
+                                <DoubleAnimation To="0.95" Duration="00:00:0.2" Storyboard.TargetProperty="RenderTransform.ScaleY"></DoubleAnimation>
+                            </Storyboard>
+                        </BeginStoryboard>
+                    </Trigger.EnterActions>
+                    <Trigger.ExitActions>
+                        <BeginStoryboard>
+                            <Storyboard>
+                                <DoubleAnimation To="1" Duration="00:00:0.2" Storyboard.TargetProperty="RenderTransform.ScaleX"></DoubleAnimation>
+                                <DoubleAnimation To="1" Duration="00:00:0.2" Storyboard.TargetProperty="RenderTransform.ScaleY"></DoubleAnimation>
+                            </Storyboard>
+                        </BeginStoryboard>
+                    </Trigger.ExitActions>
+                </Trigger>
+            </Style.Triggers>
+        </Style>
+
+        <Style x:Key="draggableGrid" TargetType="Grid">
+            <Setter Property="RenderTransform">
+                <Setter.Value>
+                    <ScaleTransform ScaleX="1" ScaleY="1"></ScaleTransform>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="RenderTransformOrigin" Value="0.5,0.5"></Setter>
+            <Setter Property="Background" Value="Transparent"></Setter>
+            <Setter Property="dragAndDrop:DragAndDropService.Draggable" Value="True"></Setter>
+            <Setter Property="dragAndDrop:DragAndDropService.DraggingSurface" Value="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DraggingSurface}"></Setter>
+        </Style>
+
+        <Style TargetType="Border" x:Key="JobFieldBorder">
+            <Setter Property="BorderBrush" Value="{StaticResource SideBarBackground}"></Setter>
+            <Setter Property="BorderThickness" Value="1"></Setter>
+            <Setter Property="CornerRadius" Value="100 10 100 0"></Setter>
+            <Setter Property="Padding" Value="10 5"></Setter>
+            <Setter Property="Margin" Value="0 0 10 0"></Setter>
+            <Setter Property="Background">
+                <Setter.Value>
+                    <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
+                        <GradientStop Color="#73F4F4F4"/>
+                        <GradientStop Color="White" Offset="1"/>
+                    </LinearGradientBrush>
+                </Setter.Value>
+            </Setter>
+        </Style>
+
+        <Style TargetType="ContentControl" x:Key="colorPicker">
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate>
+                        <colorPicker:ColorPickerCombo SelectedColorChanged="ColorPickerCombo_SelectedColorChanged" SelectedColor="{Binding Color,Mode=TwoWay}" Margin="30 0 0 0" VerticalAlignment="Center" Width="100" BorderBrush="{StaticResource AccentColorBrush}" Background="White">
+
+                        </colorPicker:ColorPickerCombo>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
+    </UserControl.Resources>
+
     <Grid>
-        <TextBlock FontSize="30" HorizontalAlignment="Center" VerticalAlignment="Center">DEVLOPER MODULE</TextBlock>
+
+        <Grid>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto"/>
+                <ColumnDefinition Width="1*"/>
+            </Grid.ColumnDefinitions>
+
+            <Grid Grid.Column="1">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto"/>
+                    <RowDefinition Height="1*"/>
+                </Grid.RowDefinitions>
+
+                <Grid Background="{StaticResource SideBarBackground}">
+                    <Grid.Style>
+                        <Style TargetType="Grid">
+                            <Setter Property="Height" Value="350"></Setter>
+                            <Setter Property="LayoutTransform">
+                                <Setter.Value>
+                                    <ScaleTransform ScaleX="1" ScaleY="0"></ScaleTransform>
+                                </Setter.Value>
+                            </Setter>
+                            <Style.Triggers>
+                                <DataTrigger Binding="{Binding IsSideBarOpened}" Value="True">
+                                    <DataTrigger.EnterActions>
+                                        <BeginStoryboard>
+                                            <Storyboard>
+                                                <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY" To="1" Duration="00:00:0.2"></DoubleAnimation>
+                                            </Storyboard>
+                                        </BeginStoryboard>
+                                    </DataTrigger.EnterActions>
+                                    <DataTrigger.ExitActions>
+                                        <BeginStoryboard>
+                                            <Storyboard>
+                                                <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY" To="0" Duration="00:00:0.2"></DoubleAnimation>
+                                            </Storyboard>
+                                        </BeginStoryboard>
+                                    </DataTrigger.ExitActions>
+                                </DataTrigger>
+                            </Style.Triggers>
+                        </Style>
+                    </Grid.Style>
+
+                    <ScrollViewer VerticalScrollBarVisibility="Auto">
+                        <StackPanel>
+                            <Expander Header="PROCESS PARAMETERS" IsExpanded="True">
+                                <Grid>
+                                    <Grid Height="250">
+                                        <StackPanel Orientation="Horizontal" Margin="25 0 0 0">
+
+                                            <Border Width="140" Margin="0 0 10 0" Padding="5" CornerRadius="5" BorderThickness="1" BorderBrush="Silver">
+                                                <DockPanel>
+                                                    <TextBlock DockPanel.Dock="Top" VerticalAlignment="Center" Padding="2">HISTORY</TextBlock>
+                                                    <ListBox Margin="0 10 0 0" ItemsSource="{Binding GroupsHistory}" SelectedItem="{Binding SelectedGroupHistory}">
+                                                        <ListBox.ItemTemplate>
+                                                            <DataTemplate>
+                                                                <StackPanel>
+                                                                    <TextBlock Text="{Binding Name}" FontSize="11" FontWeight="Bold">
+                                                                        <TextBlock.Style>
+                                                                            <Style TargetType="TextBlock">
+                                                                                <Style.Triggers>
+                                                                                    <DataTrigger Binding="{Binding Active}" Value="True">
+                                                                                        <Setter Property="Foreground" Value="#FF5F5F"></Setter>
+                                                                                        <Setter Property="FontStyle" Value="Italic"></Setter>
+                                                                                    </DataTrigger>
+                                                                                </Style.Triggers>
+                                                                            </Style>
+                                                                        </TextBlock.Style>
+                                                                    </TextBlock>
+                                                                    <TextBlock Text="{Binding SaveDate}" FontStyle="Italic" Foreground="Gray" FontSize="10"></TextBlock>
+                                                                </StackPanel>
+                                                            </DataTemplate>
+                                                        </ListBox.ItemTemplate>
+                                                    </ListBox>
+                                                </DockPanel>
+                                            </Border>
+                                            <ItemsControl ItemsSource="{Binding RmlProcessParametersTableGroup.ProcessParametersTables}" IsEnabled="{Binding RmlProcessParametersTableGroup.Active}">
+                                                <ItemsControl.ItemsPanel>
+                                                    <ItemsPanelTemplate>
+                                                        <WrapPanel IsItemsHost="True"></WrapPanel>
+                                                    </ItemsPanelTemplate>
+                                                </ItemsControl.ItemsPanel>
+                                                <ItemsControl.ItemTemplate>
+                                                    <DataTemplate DataType="{x:Type observables:ProcessParametersTable}">
+                                                        <Border Padding="5" CornerRadius="5" BorderThickness="1" BorderBrush="Silver" Height="250" Margin="0 0 10 0">
+                                                            <DockPanel>
+                                                                <TextBox materialDesign:HintAssist.Hint="Table Name" DockPanel.Dock="Top" Text="{Binding Name}"></TextBox>
+                                                                <WrapPanel Orientation="Vertical" Margin="0 5 0 0">
+                                                                    <WrapPanel.Resources>
+                                                                        <Style TargetType="TextBlock" BasedOn="{StaticResource {x:Type TextBlock}}">
+                                                                            <Setter Property="FontSize" Value="10"></Setter>
+                                                                            <Setter Property="Foreground" Value="#7A7A7A"></Setter>
+                                                                            <Setter Property="Margin" Value="0 5 0 5"></Setter>
+                                                                            <Setter Property="MinWidth" Value="80"></Setter>
+                                                                        </Style>
+
+                                                                        <Style TargetType="mahapps:NumericUpDown">
+                                                                            <Setter Property="FontFamily" Value="digital-7"></Setter>
+                                                                        </Style>
+
+                                                                        <Style TargetType="ContentControl">
+                                                                            <Setter Property="FontFamily" Value="digital-7"></Setter>
+                                                                            <Setter Property="Template">
+                                                                                <Setter.Value>
+                                                                                    <ControlTemplate TargetType="ContentControl">
+                                                                                        <Grid>
+                                                                                            <Border>
+                                                                                                <Border.Style>
+                                                                                                    <Style TargetType="Border">
+                                                                                                        <Setter Property="BorderBrush" Value="Gainsboro"></Setter>
+                                                                                                        <Setter Property="BorderThickness" Value="1"></Setter>
+                                                                                                        <Setter Property="Padding" Value="2"></Setter>
+                                                                                                        <Setter Property="Margin" Value="5"></Setter>
+                                                                                                        <Setter Property="CornerRadius" Value="3"></Setter>
+                                                                                                    </Style>
+                                                                                                </Border.Style>
+                                                                                                <ContentPresenter Content="{TemplateBinding Content}"></ContentPresenter>
+                                                                                            </Border>
+
+                                                                                            <materialDesign:PackIcon HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0 0 0 0" Width="12" Height="12" Kind="Settings"></materialDesign:PackIcon>
+                                                                                        </Grid>
+                                                                                    </ControlTemplate>
+                                                                                </Setter.Value>
+                                                                            </Setter>
+                                                                        </Style>
+
+
+                                                                    </WrapPanel.Resources>
+                                                                    <editors:ParameterizedEditor ParameterizedObject="{Binding}">
+                                                                        <editors:ParameterizedEditor.ItemsPanel>
+                                                                            <ItemsPanelTemplate>
+                                                                                <WrapPanel IsItemsHost="True" Orientation="Vertical" />
+                                                                            </ItemsPanelTemplate>
+                                                                        </editors:ParameterizedEditor.ItemsPanel>
+                                                                        <editors:ParameterizedEditor.DoubleTemplate>
+                                                                            <DataTemplate>
+                                                                                <ContentControl>
+                                                                                    <StackPanel>
+                                                                                        <TextBlock Text="{Binding Name}"></TextBlock>
+                                                                                        <mahapps:NumericUpDown Minimum="0" Maximum="10000" StringFormat="0.0" InterceptArrowKeys="True" Background="Transparent" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Left" Value="{Binding Value,Mode=TwoWay}"></mahapps:NumericUpDown>
+                                                                                    </StackPanel>
+                                                                                </ContentControl>
+                                                                            </DataTemplate>
+                                                                        </editors:ParameterizedEditor.DoubleTemplate>
+                                                                    </editors:ParameterizedEditor>
+                                                                </WrapPanel>
+                                                            </DockPanel>
+                                                        </Border>
+                                                    </DataTemplate>
+                                                </ItemsControl.ItemTemplate>
+                                            </ItemsControl>
+
+                                            <StackPanel Margin="5 0 0 10" VerticalAlignment="Bottom">
+                                                <Button Command="{Binding SaveProcessParametersCommand}">SAVE GROUP</Button>
+                                            </StackPanel>
+                                        </StackPanel>
+                                    </Grid>
+
+                                    <Grid Background="White">
+                                        <Grid.Style>
+                                            <Style TargetType="Grid">
+                                                <Setter Property="Visibility" Value="Visible"></Setter>
+                                                <Style.Triggers>
+                                                    <MultiDataTrigger>
+                                                        <MultiDataTrigger.Conditions>
+                                                            <Condition Binding="{Binding SelectedMachine,Converter={StaticResource NullObjectToBooleanConverter}}" Value="True"></Condition>
+                                                            <Condition Binding="{Binding SelectedRML,Converter={StaticResource NullObjectToBooleanConverter}}" Value="True"></Condition>
+                                                        </MultiDataTrigger.Conditions>
+                                                        <Setter Property="Visibility" Value="Collapsed"></Setter>
+                                                    </MultiDataTrigger>
+                                                </Style.Triggers>
+                                            </Style>
+                                        </Grid.Style>
+                                        <TextBlock Foreground="#FA9292" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="24">SELECT MACHINE &amp; MEDIA</TextBlock>
+                                    </Grid>
+                                </Grid>
+                            </Expander>
+                            <Expander Header="CONTROL PARAMETERS" IsExpanded="False">
+
+                            </Expander>
+                        </StackPanel>
+                    </ScrollViewer>
+
+                    <Rectangle VerticalAlignment="Bottom" Stroke="#CECECE" StrokeThickness="1"></Rectangle>
+                </Grid>
+
+                <Grid Grid.Row="1">
+                    <Grid>
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="234*"/>
+                            <RowDefinition x:Name="graphRowDefinition" Height="440"/>
+                        </Grid.RowDefinitions>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="350"/>
+                            <ColumnDefinition Width="1*"/>
+                        </Grid.ColumnDefinitions>
+
+
+                        <Grid>
+                            <Rectangle HorizontalAlignment="Right" StrokeDashArray="5" StrokeThickness="1" Stroke="Silver" Margin="0 40 0 40"></Rectangle>
+                            <DockPanel Margin="10">
+                                <StackPanel DockPanel.Dock="Top" >
+                                    <StackPanel Orientation="Horizontal">
+                                        <Image Source="../Images/machine-trans.png" RenderOptions.BitmapScalingMode="Fant" Width="70"></Image>
+                                        <TextBlock VerticalAlignment="Center" FontWeight="SemiBold" Margin="10 0 0 0" FontSize="30">MACHINE JOBS</TextBlock>
+                                    </StackPanel>
+
+                                    <Rectangle VerticalAlignment="Bottom" StrokeDashArray="7" StrokeThickness="1" Stroke="Silver" Margin="0 8 0 0"></Rectangle>
+                                </StackPanel>
+                                <Border DockPanel.Dock="Bottom" Background="{StaticResource SideBarBackground}">
+                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
+                                        <Button Command="{Binding RemoveJobCommand}" Margin="5" Style="{StaticResource MaterialDesignFlatButton}" Padding="0" ToolTip="Remove Job">
+                                            <materialDesign:PackIcon Kind="MinusCircleOutline" Width="24" Height="24"></materialDesign:PackIcon>
+                                        </Button>
+                                        <Button Command="{Binding AddJobCommand}" Margin="5" Style="{StaticResource MaterialDesignFlatButton}" Padding="0" ToolTip="Add Job">
+                                            <materialDesign:PackIcon Kind="PlusCircleOutline" Width="24" Height="24"></materialDesign:PackIcon>
+                                        </Button>
+                                    </StackPanel>
+                                </Border>
+                                <ListBox ItemsSource="{Binding SelectedMachine.Jobs}" SelectedItem="{Binding SelectedJob}" Margin="0 10 0 0">
+                                    <ListBox.ItemTemplate>
+                                        <DataTemplate>
+                                            <Grid>
+                                                <StackPanel Orientation="Horizontal">
+                                                    <Image Source="../Images/rgb.png" Width="32"></Image>
+
+                                                    <StackPanel VerticalAlignment="Center" Margin="10 0 0 0">
+                                                        <TextBlock FontWeight="Bold" Text="{Binding Name}"></TextBlock>
+                                                        <TextBlock Foreground="Gray" FontStyle="Italic" FontSize="10" Text="{Binding CreationDate}"></TextBlock>
+                                                    </StackPanel>
+
+
+                                                </StackPanel>
+                                            </Grid>
+                                        </DataTemplate>
+                                    </ListBox.ItemTemplate>
+                                </ListBox>
+                            </DockPanel>
+                        </Grid>
+
+                        <Grid Grid.Column="1" Margin="10 10 10 0">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition/>
+                                <ColumnDefinition Width="Auto"/>
+                            </Grid.ColumnDefinitions>
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="1*"/>
+                                </Grid.RowDefinitions>
+                                <StackPanel>
+                                    <Grid>
+                                        <StackPanel Orientation="Horizontal" Margin="0 5 0 0">
+                                            <Image Source="../Images/rgb.png" Width="24"></Image>
+                                            <TextBlock Margin="5 0 0 0" Text="{Binding SelectedJob.Name,FallbackValue='UNSET'}" FontSize="16" FontWeight="SemiBold" VerticalAlignment="Center"></TextBlock>
+                                        </StackPanel>
+
+                                        <StackPanel Orientation="Horizontal" Margin="0 5 0 0" HorizontalAlignment="Right">
+                                            <TextBlock Margin="0 0 5 0" Text="{Binding SelectedJob.CreationDate,FallbackValue='UNSET'}" FontSize="12" Foreground="Gray" FontStyle="Italic" VerticalAlignment="Center"></TextBlock>
+                                            <Image Source="../Images/calendar.png" Width="16"></Image>
+                                        </StackPanel>
+                                    </Grid>
+
+                                    <StackPanel Orientation="Horizontal" Margin="0 20 0 0" MaxWidth="940" HorizontalAlignment="Left">
+                                        <Border Style="{StaticResource JobFieldBorder}">
+                                            <StackPanel Margin="5" Width="140">
+                                                <StackPanel Orientation="Horizontal">
+                                                    <Image Source="../Images/name.png" Width="32"></Image>
+                                                    <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontSize="10">Name</TextBlock>
+                                                </StackPanel>
+                                                <TextBox Margin="0 3 0 0" Text="{Binding SelectedJob.Name,UpdateSourceTrigger=PropertyChanged}"></TextBox>
+                                            </StackPanel>
+                                        </Border>
+
+                                        <Border Style="{StaticResource JobFieldBorder}">
+                                            <StackPanel Margin="10 5 5 5" Width="140">
+                                                <StackPanel Orientation="Horizontal">
+                                                    <Image Source="../Images/wind.png" Width="32"></Image>
+                                                    <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontSize="10">Winding Method</TextBlock>
+                                                </StackPanel>
+                                                <ComboBox ItemsSource="{Binding Adapter.WindingMethods}" SelectedItem="{Binding SelectedJob.WindingMethod}" DisplayMemberPath="Name" ></ComboBox>
+                                            </StackPanel>
+                                        </Border>
+
+                                        <Border Style="{StaticResource JobFieldBorder}">
+                                            <StackPanel Margin="20 5 5 5"  Width="140">
+                                                <StackPanel Orientation="Horizontal">
+                                                    <Image Source="../Images/inter-segment.png" Width="32"></Image>
+                                                    <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontSize="10">Inter Segment</TextBlock>
+                                                </StackPanel>
+                                                <DockPanel LastChildFill="True">
+                                                    <ToggleButton Margin="10 0 0 0" DockPanel.Dock="Right" VerticalAlignment="Bottom" HorizontalAlignment="Right" IsChecked="{Binding SelectedJob.EnableInterSegment}"></ToggleButton>
+                                                    <mahapps:NumericUpDown IsEnabled="{Binding SelectedJob.EnableInterSegment}" Margin="0 2 0 0" HideUpDownButtons="True" Minimum="0" Maximum="10000" InterceptArrowKeys="True" Background="Transparent" BorderThickness="0 0 0 1" BorderBrush="DimGray" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Left" Value="{Binding SelectedJob.InterSegmentLength,Mode=TwoWay}"></mahapps:NumericUpDown>
+                                                </DockPanel>
+                                            </StackPanel>
+                                        </Border>
+
+                                        <Border Style="{StaticResource JobFieldBorder}">
+                                            <StackPanel Margin="20 5 5 5"  Width="140">
+                                                <StackPanel Orientation="Horizontal">
+                                                    <Image Source="../Images/lubrication.png" Width="32"></Image>
+                                                    <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontSize="10">Lubrication</TextBlock>
+                                                </StackPanel>
+                                                <DockPanel LastChildFill="True" Margin="0 10 0 0">
+                                                    <ToggleButton DockPanel.Dock="Right" VerticalAlignment="Center" HorizontalAlignment="Center" IsChecked="{Binding SelectedJob.EnableLubrication}"></ToggleButton>
+                                                </DockPanel>
+                                            </StackPanel>
+                                        </Border>
+
+                                        <Border Style="{StaticResource JobFieldBorder}" Height="90">
+                                            <StackPanel Width="200">
+                                                <StackPanel Orientation="Horizontal" Margin="10 0 0 0">
+                                                    <Image Source="../Images/description.png" Width="32"></Image>
+                                                    <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontSize="10">Description</TextBlock>
+                                                </StackPanel>
+
+                                                <Border BorderThickness="0" BorderBrush="Silver" CornerRadius="5" Margin="0 0 5 5">
+                                                    <TextBox Padding="5 0 0 0" FontStyle="Italic" Background="Transparent" Style="{x:Null}" BorderThickness="0" Margin="5" Height="40" Text="{Binding SelectedJob.Description}" VerticalAlignment="Stretch" materialDesign:HintAssist.Hint="Enter description" AcceptsReturn="True" TextWrapping="Wrap" VerticalScrollBarVisibility="Auto"></TextBox>
+                                                </Border>
+                                            </StackPanel>
+                                        </Border>
+                                    </StackPanel>
+
+
+                                </StackPanel>
+
+                                <Grid Grid.Row="1" Margin="0 20 0 0">
+                                    <Grid.RowDefinitions>
+                                        <RowDefinition Height="1*" />
+                                        <RowDefinition Height="Auto" />
+                                    </Grid.RowDefinitions>
+                                    <Grid>
+                                        <Grid.ColumnDefinitions>
+                                            <ColumnDefinition Width="200"/>
+                                            <ColumnDefinition Width="1*"/>
+                                        </Grid.ColumnDefinitions>
+
+                                        <DockPanel>
+                                            <StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
+                                                <Image Source="../Images/segment.png" Width="42"></Image>
+                                                <TextBlock VerticalAlignment="Center" Margin="10 0 0 0" Foreground="DimGray" FontSize="16" FontWeight="SemiBold">SEGMENTS</TextBlock>
+                                            </StackPanel>
+
+                                            <Border DockPanel.Dock="Bottom" Background="{StaticResource SideBarBackground}">
+                                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
+                                                    <Button Command="{Binding RemoveSegmentCommand}" Margin="5" Style="{StaticResource MaterialDesignFlatButton}" Padding="0" ToolTip="Remove Segment">
+                                                        <materialDesign:PackIcon Kind="MinusCircleOutline" Width="24" Height="24"></materialDesign:PackIcon>
+                                                    </Button>
+                                                    <Button Command="{Binding AddSegmentCommand}" Margin="5" Style="{StaticResource MaterialDesignFlatButton}" Padding="0" ToolTip="Add Segment">
+                                                        <materialDesign:PackIcon Kind="PlusCircleOutline" Width="24" Height="24"></materialDesign:PackIcon>
+                                                    </Button>
+                                                </StackPanel>
+                                            </Border>
+
+                                            <ListBox SelectionChanged="ListBox_SelectionChanged" ItemsSource="{Binding SelectedJob.Segments}" SelectedItem="{Binding SelectedSegment}">
+                                                <ListBox.ItemTemplate>
+                                                    <DataTemplate>
+                                                        <StackPanel Orientation="Horizontal" Margin="0 5 0 0">
+                                                            <Image Source="../Images/segment-single.png" Width="24"></Image>
+                                                            <TextBlock Margin="5 0 0 0" Text="{Binding Name}" FontSize="12" FontWeight="SemiBold" VerticalAlignment="Center"></TextBlock>
+                                                        </StackPanel>
+                                                    </DataTemplate>
+                                                </ListBox.ItemTemplate>
+                                            </ListBox>
+                                        </DockPanel>
+
+                                        <Grid Grid.Column="1" Margin="10 5 0 0">
+                                            <DockPanel>
+                                                <StackPanel Orientation="Horizontal" DockPanel.Dock="Top">
+                                                    <Image Source="../Images/segment-single.png" Width="24"></Image>
+                                                    <TextBlock Margin="5 0 0 0" Text="{Binding SelectedSegment.Name,FallbackValue=''}" FontSize="16" FontWeight="SemiBold" VerticalAlignment="Center"></TextBlock>
+                                                </StackPanel>
+
+                                                <Grid Margin="0 10 0 0">
+                                                    <DockPanel>
+                                                        <Grid DockPanel.Dock="Top">
+                                                            <Grid>
+                                                                <StackPanel Orientation="Horizontal">
+                                                                    <Border Style="{StaticResource JobFieldBorder}">
+                                                                        <StackPanel Margin="5" Width="140">
+                                                                            <StackPanel Orientation="Horizontal">
+                                                                                <Image Source="../Images/name.png" Width="32"></Image>
+                                                                                <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontSize="10">Name</TextBlock>
+                                                                            </StackPanel>
+                                                                            <TextBox Margin="0 3 0 0" Text="{Binding SelectedSegment.Name,UpdateSourceTrigger=PropertyChanged}"></TextBox>
+                                                                        </StackPanel>
+                                                                    </Border>
+                                                                    <Border Style="{StaticResource JobFieldBorder}">
+                                                                        <StackPanel Margin="5" Width="140">
+                                                                            <StackPanel Orientation="Horizontal">
+                                                                                <Image Source="../Images/ruler.png" Width="32"></Image>
+                                                                                <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontSize="10">Length</TextBlock>
+                                                                            </StackPanel>
+                                                                            <mahapps:NumericUpDown IsEnabled="{Binding SelectedJob.EnableInterSegment}" Margin="0 2 0 0" Minimum="1" Maximum="10000" InterceptArrowKeys="True" Background="Transparent" BorderThickness="0 0 0 1" BorderBrush="DimGray" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Left" Value="{Binding SelectedSegment.Length,Mode=TwoWay}"></mahapps:NumericUpDown>
+                                                                        </StackPanel>
+                                                                    </Border>
+                                                                </StackPanel>
+
+                                                                <Grid HorizontalAlignment="Right">
+                                                                    <StackPanel Orientation="Horizontal">
+
+                                                                    </StackPanel>
+                                                                </Grid>
+                                                            </Grid>
+                                                        </Grid>
+
+                                                        <Border DockPanel.Dock="Bottom" Background="{StaticResource SideBarBackground}">
+                                                            <StackPanel Orientation="Horizontal" DockPanel.Dock="Bottom" HorizontalAlignment="Right">
+                                                                <Button Command="{Binding RemoveBrushStopCommand}" Margin="5" Style="{StaticResource MaterialDesignFlatButton}" Padding="0" ToolTip="Remove Color">
+                                                                    <materialDesign:PackIcon Kind="MinusCircleOutline" Width="24" Height="24"></materialDesign:PackIcon>
+                                                                </Button>
+                                                                <Button Command="{Binding AddBrushStopCommand}" Margin="5" Style="{StaticResource MaterialDesignFlatButton}" Padding="0" ToolTip="Add Color">
+                                                                    <materialDesign:PackIcon Kind="PlusCircleOutline" Width="24" Height="24"></materialDesign:PackIcon>
+                                                                </Button>
+                                                            </StackPanel>
+                                                        </Border>
+
+                                                        <Grid Margin="0 20 0 0">
+                                                            <DockPanel>
+                                                                <Grid DockPanel.Dock="Top">
+                                                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
+                                                                        <Image Source="../Images/color-palette.png" Width="42"></Image>
+                                                                        <TextBlock VerticalAlignment="Center" Margin="10 0 0 0" Foreground="DimGray" FontSize="16" FontWeight="SemiBold">SEGMENT BRUSH</TextBlock>
+                                                                    </StackPanel>
+
+                                                                    <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Center" Height="8" Margin="200 0 80 0" StrokeThickness="1" Stroke="Gainsboro">
+                                                                        <Rectangle.Fill>
+                                                                            <LinearGradientBrush StartPoint="0,0" EndPoint="1,0" x:Name="gradientBrush"></LinearGradientBrush>
+                                                                        </Rectangle.Fill>
+                                                                    </Rectangle>
+                                                                </Grid>
+                                                                <Grid Margin="0 10 0 0">
+                                                                    <ListBox Style="{x:Null}" ScrollViewer.CanContentScroll="False" BorderThickness="0" ItemsSource="{Binding SelectedSegment.BrushStops}" SelectedItem="{Binding SelectedBrushStop}" HorizontalContentAlignment="Stretch">
+                                                                        <ListBox.ItemContainerStyle>
+                                                                            <Style TargetType="ListBoxItem" BasedOn="{StaticResource basicListBoxItem}">
+
+                                                                            </Style>
+                                                                        </ListBox.ItemContainerStyle>
+                                                                        <ItemsControl.ItemTemplate>
+                                                                            <DataTemplate DataType="{x:Type observables:BrushStop}">
+
+                                                                                <StackPanel Margin="0 0 0 5">
+                                                                                    <Border BorderThickness="1" CornerRadius="5" Padding="10" Background="Transparent" dragAndDrop:DragAndDropService.Drop="OnBrushStopBorderDrop">
+                                                                                        <Border.Style>
+                                                                                            <Style TargetType="Border" BasedOn="{StaticResource brushStopBorder}">
+                                                                                                <Setter Property="BorderBrush" Value="{StaticResource SideBarBackground}"></Setter>
+                                                                                                <Setter Property="Background" Value="White"></Setter>
+                                                                                                <Style.Triggers>
+                                                                                                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem},Path=IsSelected,FallbackValue=False}" Value="True">
+                                                                                                        <Setter Property="BorderBrush" Value="Gainsboro"></Setter>
+                                                                                                        <Setter Property="Background" Value="{StaticResource SideBarBackground}"></Setter>
+                                                                                                    </DataTrigger>
+                                                                                                </Style.Triggers>
+                                                                                            </Style>
+                                                                                        </Border.Style>
+                                                                                        <Grid>
+                                                                                            <DockPanel>
+                                                                                                <ContentControl DockPanel.Dock="Left">
+                                                                                                    <ContentControl.Style>
+                                                                                                        <Style TargetType="ContentControl">
+                                                                                                            <Setter Property="Content">
+                                                                                                                <Setter.Value>
+                                                                                                                    <Rectangle/>
+                                                                                                                </Setter.Value>
+                                                                                                            </Setter>
+                                                                                                            <Style.Triggers>
+                                                                                                                <DataTrigger Binding="{Binding ColorSpace.Name}" Value="Volume">
+                                                                                                                    <Setter Property="Content">
+                                                                                                                        <Setter.Value>
+                                                                                                                            <StackPanel VerticalAlignment="Center">
+                                                                                                                                <ItemsControl ItemsSource="{Binding LiquidVolumes}" VerticalAlignment="Center">
+                                                                                                                                    <ItemsControl.ItemsPanel>
+                                                                                                                                        <ItemsPanelTemplate>
+                                                                                                                                            <StackPanel VerticalAlignment="Center" Orientation="Horizontal" IsItemsHost="True"></StackPanel>
+                                                                                                                                        </ItemsPanelTemplate>
+                                                                                                                                    </ItemsControl.ItemsPanel>
+                                                                                                                                    <ItemsControl.ItemTemplate>
+                                                                                                                                        <DataTemplate>
+                                                                                                                                            <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0">
+                                                                                                                                                <Border.BorderBrush>
+                                                                                                                                                    <SolidColorBrush Color="{Binding IdsPack.LiquidType.Color,Converter={StaticResource ColorToIntegerConverter}}"></SolidColorBrush>
+                                                                                                                                                </Border.BorderBrush>
+                                                                                                                                                <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding Volume, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0.0" HideUpDownButtons="True" Minimum="0" Maximum="1000" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Center">
+                                                                                                                                                    <mahapps:NumericUpDown.Resources>
+                                                                                                                                                        <Style TargetType="TextBox"/>
+                                                                                                                                                    </mahapps:NumericUpDown.Resources>
+                                                                                                                                                </mahapps:NumericUpDown>
+                                                                                                                                            </Border>
+                                                                                                                                        </DataTemplate>
+                                                                                                                                    </ItemsControl.ItemTemplate>
+                                                                                                                                </ItemsControl>
+                                                                                                                            </StackPanel>
+                                                                                                                        </Setter.Value>
+                                                                                                                    </Setter>
+                                                                                                                </DataTrigger>
+                                                                                                                <DataTrigger Binding="{Binding ColorSpace.Name}" Value="RGB">
+                                                                                                                    <Setter Property="Content">
+                                                                                                                        <Setter.Value>
+                                                                                                                            <StackPanel Orientation="Horizontal">
+                                                                                                                                <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0" BorderBrush="#FF6F6F">
+                                                                                                                                    <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding Red, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0" HideUpDownButtons="True" Minimum="0" Maximum="255" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="False" HorizontalContentAlignment="Center">
+                                                                                                                                        <mahapps:NumericUpDown.Resources>
+                                                                                                                                            <Style TargetType="TextBox"/>
+                                                                                                                                        </mahapps:NumericUpDown.Resources>
+                                                                                                                                    </mahapps:NumericUpDown>
+                                                                                                                                </Border>
+
+                                                                                                                                <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0" BorderBrush="#92FF92">
+                                                                                                                                    <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding Green, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0" HideUpDownButtons="True" Minimum="0" Maximum="255" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="False" HorizontalContentAlignment="Center">
+                                                                                                                                        <mahapps:NumericUpDown.Resources>
+                                                                                                                                            <Style TargetType="TextBox"/>
+                                                                                                                                        </mahapps:NumericUpDown.Resources>
+                                                                                                                                    </mahapps:NumericUpDown>
+                                                                                                                                </Border>
+
+                                                                                                                                <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0" BorderBrush="#3C7EF4">
+                                                                                                                                    <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding Blue, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0" HideUpDownButtons="True" Minimum="0" Maximum="255" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="False" HorizontalContentAlignment="Center">
+                                                                                                                                        <mahapps:NumericUpDown.Resources>
+                                                                                                                                            <Style TargetType="TextBox"/>
+                                                                                                                                        </mahapps:NumericUpDown.Resources>
+                                                                                                                                    </mahapps:NumericUpDown>
+                                                                                                                                </Border>
+
+                                                                                                                                <ContentControl Style="{StaticResource colorPicker}"></ContentControl>
+                                                                                                                            </StackPanel>
+                                                                                                                        </Setter.Value>
+                                                                                                                    </Setter>
+                                                                                                                </DataTrigger>
+                                                                                                                <DataTrigger Binding="{Binding ColorSpace.Name}" Value="CMYK">
+                                                                                                                    <Setter Property="Content">
+                                                                                                                        <Setter.Value>
+                                                                                                                            <StackPanel Orientation="Horizontal">
+                                                                                                                                <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0" BorderBrush="Cyan">
+                                                                                                                                    <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding Cyan, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0" HideUpDownButtons="True" Minimum="0" Maximum="100" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Center">
+                                                                                                                                        <mahapps:NumericUpDown.Resources>
+                                                                                                                                            <Style TargetType="TextBox"/>
+                                                                                                                                        </mahapps:NumericUpDown.Resources>
+                                                                                                                                    </mahapps:NumericUpDown>
+                                                                                                                                </Border>
+
+                                                                                                                                <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0" BorderBrush="Magenta">
+                                                                                                                                    <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding Magenta, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0" HideUpDownButtons="True" Minimum="0" Maximum="100" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Center">
+                                                                                                                                        <mahapps:NumericUpDown.Resources>
+                                                                                                                                            <Style TargetType="TextBox"/>
+                                                                                                                                        </mahapps:NumericUpDown.Resources>
+                                                                                                                                    </mahapps:NumericUpDown>
+                                                                                                                                </Border>
+
+                                                                                                                                <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0" BorderBrush="Yellow">
+                                                                                                                                    <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding Yellow, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0" HideUpDownButtons="True" Minimum="0" Maximum="100" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Center">
+                                                                                                                                        <mahapps:NumericUpDown.Resources>
+                                                                                                                                            <Style TargetType="TextBox"/>
+                                                                                                                                        </mahapps:NumericUpDown.Resources>
+                                                                                                                                    </mahapps:NumericUpDown>
+                                                                                                                                </Border>
+
+                                                                                                                                <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0" BorderBrush="Black">
+                                                                                                                                    <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding Black, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0" HideUpDownButtons="True" Minimum="0" Maximum="100" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Center">
+                                                                                                                                        <mahapps:NumericUpDown.Resources>
+                                                                                                                                            <Style TargetType="TextBox"/>
+                                                                                                                                        </mahapps:NumericUpDown.Resources>
+                                                                                                                                    </mahapps:NumericUpDown>
+                                                                                                                                </Border>
+
+                                                                                                                                <Rectangle Margin="30 0 0 0" Width="50" Height="50" StrokeThickness="1" Stroke="Gray">
+                                                                                                                                    <Rectangle.Fill>
+                                                                                                                                        <SolidColorBrush Color="{Binding Color}">
+                                                                                                                                        </SolidColorBrush>
+                                                                                                                                    </Rectangle.Fill>
+                                                                                                                                </Rectangle>
+                                                                                                                            </StackPanel>
+                                                                                                                        </Setter.Value>
+                                                                                                                    </Setter>
+                                                                                                                </DataTrigger>
+                                                                                                                <DataTrigger Binding="{Binding ColorSpace.Name}" Value="LAB">
+                                                                                                                    <Setter Property="Content">
+                                                                                                                        <Setter.Value>
+                                                                                                                            <StackPanel Orientation="Horizontal">
+                                                                                                                                <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0" BorderBrush="Gray">
+                                                                                                                                    <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding L, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0.0" HideUpDownButtons="True" Minimum="-100" Maximum="100" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Center">
+                                                                                                                                        <mahapps:NumericUpDown.Resources>
+                                                                                                                                            <Style TargetType="TextBox"/>
+                                                                                                                                        </mahapps:NumericUpDown.Resources>
+                                                                                                                                    </mahapps:NumericUpDown>
+                                                                                                                                </Border>
+
+                                                                                                                                <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0" BorderBrush="#FF8A8A">
+                                                                                                                                    <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding A, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0.0" HideUpDownButtons="True" Minimum="-100" Maximum="100" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Center">
+                                                                                                                                        <mahapps:NumericUpDown.Resources>
+                                                                                                                                            <Style TargetType="TextBox"/>
+                                                                                                                                        </mahapps:NumericUpDown.Resources>
+                                                                                                                                    </mahapps:NumericUpDown>
+                                                                                                                                </Border>
+
+                                                                                                                                <Border BorderThickness="1" Width="50" Height="50" CornerRadius="50" Margin="10 0 0 0" BorderBrush="#FFFF8A">
+                                                                                                                                    <mahapps:NumericUpDown FontSize="14" FontFamily="digital-7" HorizontalAlignment="Center" Value="{Binding B, Mode=TwoWay}" Background="Transparent" Width="40" StringFormat="0.0" HideUpDownButtons="True" Minimum="-100" Maximum="100" InterceptArrowKeys="True" BorderThickness="0" InterceptMouseWheel="True" HasDecimals="True" HorizontalContentAlignment="Center">
+                                                                                                                                        <mahapps:NumericUpDown.Resources>
+                                                                                                                                            <Style TargetType="TextBox"/>
+                                                                                                                                        </mahapps:NumericUpDown.Resources>
+                                                                                                                                    </mahapps:NumericUpDown>
+                                                                                                                                </Border>
+
+                                                                                                                                <Rectangle Margin="30 0 0 0" Width="50" Height="50" StrokeThickness="1" Stroke="Gray">
+                                                                                                                                    <Rectangle.Fill>
+                                                                                                                                        <SolidColorBrush Color="{Binding Color}">
+                                                                                                                                        </SolidColorBrush>
+                                                                                                                                    </Rectangle.Fill>
+                                                                                                                                </Rectangle>
+                                                                                                                            </StackPanel>
+                                                                                                                        </Setter.Value>
+                                                                                                                    </Setter>
+                                                                                                                </DataTrigger>
+                                                                                                            </Style.Triggers>
+                                                                                                        </Style>
+                                                                                                    </ContentControl.Style>
+                                                                                                </ContentControl>
+
+                                                                                                <Grid DockPanel.Dock="Right">
+                                                                                                    <Border Style="{StaticResource JobFieldBorder}">
+                                                                                                        <StackPanel Margin="5" Width="140">
+                                                                                                            <StackPanel Orientation="Horizontal">
+                                                                                                                <Image Source="../Images/colorspace.png" Width="24"></Image>
+                                                                                                                <TextBlock VerticalAlignment="Center" Margin="5 0 0 0" FontSize="10">Color Space</TextBlock>
+                                                                                                            </StackPanel>
+                                                                                                            <ComboBox ItemsSource="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.Adapter.ColorSpaces}" SelectedItem="{Binding ColorSpace}" DisplayMemberPath="Name"></ComboBox>
+                                                                                                        </StackPanel>
+                                                                                                    </Border>
+                                                                                                </Grid>
+                                                                                                <Grid>
+                                                                                                    <StackPanel VerticalAlignment="Center">
+                                                                                                        <TextBlock Width="150" TextAlignment="Center" HorizontalAlignment="Center"><Run FontWeight="Bold" FontStyle="Italic" Text="OFFSET:"></Run> <Run FontFamily="digital-7" Text="{Binding OffsetPercent,StringFormat={}{0:F1}%}"></Run></TextBlock>
+                                                                                                        <Slider ValueChanged="Offset_Slider_ValueChanged" IsSnapToTickEnabled="True" TickFrequency="1" Margin="0 5 0 0" HorizontalAlignment="Center" Width="150" Value="{Binding OffsetPercent}">
+                                                                                                            <Slider.Minimum>
+                                                                                                                <MultiBinding Converter="{StaticResource BrushStopToOffsetLimitConverter}" ConverterParameter="min">
+                                                                                                                    <Binding Path="."></Binding>
+                                                                                                                    <Binding RelativeSource="{RelativeSource AncestorType=UserControl,Mode=FindAncestor}" Path="DataContext.SelectedSegment"></Binding>
+                                                                                                                    <Binding Path="StopIndex"></Binding>
+                                                                                                                </MultiBinding>
+                                                                                                            </Slider.Minimum>
+                                                                                                            <Slider.Maximum>
+                                                                                                                <MultiBinding Converter="{StaticResource BrushStopToOffsetLimitConverter}" ConverterParameter="max">
+                                                                                                                    <Binding Path="."></Binding>
+                                                                                                                    <Binding RelativeSource="{RelativeSource AncestorType=UserControl,Mode=FindAncestor}" Path="DataContext.SelectedSegment"></Binding>
+                                                                                                                </MultiBinding>
+                                                                                                            </Slider.Maximum>
+                                                                                                        </Slider>
+                                                                                                    </StackPanel>
+                                                                                                </Grid>
+                                                                                            </DockPanel>
+                                                                                        </Grid>
+                                                                                    </Border>
+
+                                                                                    <StackPanel>
+                                                                                        <Grid VerticalAlignment="Top">
+                                                                                            <Grid.Style>
+                                                                                                <Style TargetType="Grid">
+                                                                                                    <Setter Property="LayoutTransform">
+                                                                                                        <Setter.Value>
+                                                                                                            <ScaleTransform ScaleX="1" ScaleY="0" />
+                                                                                                        </Setter.Value>
+                                                                                                    </Setter>
+                                                                                                    <Style.Triggers>
+                                                                                                        <DataTrigger Binding="{Binding ElementName=toggleExpand, Path=IsChecked}" Value="True">
+                                                                                                            <DataTrigger.EnterActions>
+                                                                                                                <BeginStoryboard>
+                                                                                                                    <Storyboard>
+                                                                                                                        <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY" To="1" Duration="00:00:0.2" />
+                                                                                                                    </Storyboard>
+                                                                                                                </BeginStoryboard>
+                                                                                                            </DataTrigger.EnterActions>
+                                                                                                            <DataTrigger.ExitActions>
+                                                                                                                <BeginStoryboard>
+                                                                                                                    <Storyboard>
+                                                                                                                        <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY" To="0" Duration="00:00:0.2" />
+                                                                                                                    </Storyboard>
+                                                                                                                </BeginStoryboard>
+                                                                                                            </DataTrigger.ExitActions>
+                                                                                                        </DataTrigger>
+                                                                                                    </Style.Triggers>
+                                                                                                </Style>
+                                                                                            </Grid.Style>
+                                                                                            <Grid>
+                                                                                                <DataGrid ItemsSource="{Binding LiquidVolumes}" AutoGenerateColumns="False">
+                                                                                                    <DataGrid.Columns>
+                                                                                                        <DataGridTemplateColumn Header="IDS PACK">
+                                                                                                            <DataGridTemplateColumn.CellTemplate>
+                                                                                                                <DataTemplate>
+                                                                                                                    <Grid x:Name="t0">
+                                                                                                                        <Polygon x:Name="t1" Points="0,0 20,0 0,20 0,0" Margin="-15 -11 0 0">
+                                                                                                                            <Polygon.Fill>
+                                                                                                                                <SolidColorBrush x:Name="t2" Color="{Binding IdsPack.LiquidType.Color,Converter={StaticResource ColorToIntegerConverter},FallbackValue={StaticResource dummyColor}}" />
+                                                                                                                            </Polygon.Fill>
+                                                                                                                        </Polygon>
+                                                                                                                        <TextBlock TextWrapping="Wrap" TextAlignment="Center" VerticalAlignment="Center" Text="{Binding IdsPack.LiquidType.Name}"></TextBlock>
+                                                                                                                    </Grid>
+                                                                                                                </DataTemplate>
+                                                                                                            </DataGridTemplateColumn.CellTemplate>
+                                                                                                        </DataGridTemplateColumn>
+                                                                                                        <DataGridTemplateColumn Header="DISPENSER NL / PULSE">
+                                                                                                            <DataGridTemplateColumn.CellTemplate>
+                                                                                                                <DataTemplate>
+                                                                                                                    <TextBlock VerticalAlignment="Center">
+                                                                                                                        <Run Text="{Binding IdsPack.DispenserType.NlPerPulse,StringFormat='0.0'}"></Run>
+                                                                                                                        <Run Text="(nl)" FontSize="9" Foreground="Gray"></Run>
+                                                                                                                    </TextBlock>
+                                                                                                                </DataTemplate>
+                                                                                                            </DataGridTemplateColumn.CellTemplate>
+                                                                                                        </DataGridTemplateColumn>
+                                                                                                        <DataGridTemplateColumn Header="LIQUID MAX NL / CM">
+                                                                                                            <DataGridTemplateColumn.CellTemplate>
+                                                                                                                <DataTemplate>
+                                                                                                                    <TextBlock VerticalAlignment="Center">
+                                                                                                                        <Run Text="{Binding LiquidMaxNanoliterPerCentimeter,Mode=OneWay,StringFormat='0.0'}"></Run>
+                                                                                                                        <Run Text="(nl)" FontSize="9" Foreground="Gray"></Run>
+                                                                                                                    </TextBlock>
+                                                                                                                </DataTemplate>
+                                                                                                            </DataGridTemplateColumn.CellTemplate>
+                                                                                                        </DataGridTemplateColumn>
+                                                                                                        <DataGridTemplateColumn Header="VOLUME">
+                                                                                                            <DataGridTemplateColumn.CellTemplate>
+                                                                                                                <DataTemplate>
+                                                                                                                    <TextBlock VerticalAlignment="Center">
+                                                                                                                        <Run Text="{Binding Volume,StringFormat='0.0'}"></Run>
+                                                                                                                        <Run Text="%" Foreground="Gray"></Run>
+                                                                                                                    </TextBlock>
+                                                                                                                </DataTemplate>
+                                                                                                            </DataGridTemplateColumn.CellTemplate>
+                                                                                                        </DataGridTemplateColumn>
+                                                                                                        <DataGridTemplateColumn Header="FORMULA">
+                                                                                                            <DataGridTemplateColumn.CellTemplate>
+                                                                                                                <DataTemplate>
+                                                                                                                    <TextBlock VerticalAlignment="Center">
+                                                                                                                        <Run Text="{Binding IdsPack.IdsPackFormula.Name}"></Run>
+                                                                                                                    </TextBlock>
+                                                                                                                </DataTemplate>
+                                                                                                            </DataGridTemplateColumn.CellTemplate>
+                                                                                                        </DataGridTemplateColumn>
+                                                                                                        <DataGridTemplateColumn Header="NANOLITER / SEC">
+                                                                                                            <DataGridTemplateColumn.CellTemplate>
+                                                                                                                <DataTemplate>
+                                                                                                                    <TextBlock VerticalAlignment="Center">
+                                                                                                                        <Run Text="{Binding NanoliterPerSecond,Mode=OneWay,StringFormat='0.0'}"></Run>
+                                                                                                                        <Run Text="(nl)" FontSize="9" Foreground="Gray"></Run>
+                                                                                                                    </TextBlock>
+                                                                                                                </DataTemplate>
+                                                                                                            </DataGridTemplateColumn.CellTemplate>
+                                                                                                        </DataGridTemplateColumn>
+                                                                                                        <DataGridTemplateColumn Header="PULSE / SEC">
+                                                                                                            <DataGridTemplateColumn.CellTemplate>
+                                                                                                                <DataTemplate>
+                                                                                                                    <TextBlock VerticalAlignment="Center">
+                                                                                                                        <Run Text="{Binding PulsePerSecond,Mode=OneWay,StringFormat='0.0'}"></Run>
+                                                                                                                        <Run Text="(pulse)" FontSize="9" Foreground="Gray"></Run>
+                                                                                                                    </TextBlock>
+                                                                                                                </DataTemplate>
+                                                                                                            </DataGridTemplateColumn.CellTemplate>
+                                                                                                        </DataGridTemplateColumn>
+                                                                                                    </DataGrid.Columns>
+                                                                                                </DataGrid>
+                                                                                            </Grid>
+                                                                                        </Grid>
+                                                                                        <ToggleButton Margin="5" x:Name="toggleExpand" Style="{StaticResource MaterialDesignFlatToggleButton}" ToolTip="View more" HorizontalAlignment="Right" Padding="0" Width="24" Height="24" VerticalContentAlignment="Center">
+                                                                                            <materialDesign:PackIcon VerticalAlignment="Center">
+                                                                                                <materialDesign:PackIcon.Style>
+                                                                                                    <Style TargetType="materialDesign:PackIcon">
+                                                                                                        <Setter Property="Kind" Value="ArrowDown"></Setter>
+                                                                                                        <Setter Property="Margin" Value="0"></Setter>
+                                                                                                        <Style.Triggers>
+                                                                                                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ToggleButton},Path=IsChecked}" Value="True">
+                                                                                                                <Setter Property="Kind" Value="ArrowUp"></Setter>
+                                                                                                            </DataTrigger>
+                                                                                                        </Style.Triggers>
+                                                                                                    </Style>
+                                                                                                </materialDesign:PackIcon.Style>
+                                                                                            </materialDesign:PackIcon>
+                                                                                        </ToggleButton>
+                                                                                    </StackPanel>
+                                                                                </StackPanel>
+                                                                            </DataTemplate>
+                                                                        </ItemsControl.ItemTemplate>
+                                                                    </ListBox>
+                                                                </Grid>
+                                                            </DockPanel>
+                                                        </Grid>
+                                                    </DockPanel>
+                                                </Grid>
+                                            </DockPanel>
+                                        </Grid>
+                                    </Grid>
+
+                                    <Grid Height="60" Grid.Row="1">
+                                        <DockPanel>
+                                            <Grid DockPanel.Dock="Left">
+                                                <StackPanel HorizontalAlignment="Left" Margin="0 0 0 0">
+                                                    <TextBlock FontSize="14" Margin="0 20 0 0">
+                                                        <Run FontWeight="Bold">ESTIMATED DURATION:</Run>
+                                                        <Run FontSize="18" Foreground="{StaticResource AccentColorBrush}" FontStyle="Italic" FontFamily="digital-7">00:00:00</Run>
+                                                    </TextBlock>
+                                                </StackPanel>
+                                            </Grid>
+
+                                            <Grid DockPanel.Dock="Right">
+                                                <StackPanel Orientation="Horizontal">
+                                                    <Button Height="40" Width="170">
+                                                        <StackPanel Orientation="Horizontal">
+                                                            <materialDesign:PackIcon VerticalAlignment="Center" Width="24" Height="24" Kind="ClockFast" />
+                                                            <TextBlock VerticalAlignment="Center" Margin="10 0 0 0">START</TextBlock>
+                                                        </StackPanel>
+                                                    </Button>
+                                                </StackPanel>
+                                            </Grid>
+
+                                            <Grid>
+                                                <Border VerticalAlignment="Center" Height="10" Margin="20 0 20 0" BorderBrush="Gainsboro" BorderThickness="1">
+                                                    <Grid>
+                                                        <ItemsControl ItemsSource="{Binding SelectedJob.Segments}" x:Name="jobBrushList">
+                                                            <ItemsControl.ItemsPanel>
+                                                                <ItemsPanelTemplate>
+                                                                    <StackPanel Orientation="Horizontal"></StackPanel>
+                                                                </ItemsPanelTemplate>
+                                                            </ItemsControl.ItemsPanel>
+                                                            <ItemsControl.ItemTemplate>
+                                                                <DataTemplate>
+                                                                    <Grid>
+                                                                        <Grid.Width>
+                                                                            <MultiBinding Converter="{StaticResource SegmentLengthToWidthConverter}">
+                                                                                <Binding RelativeSource="{RelativeSource AncestorType=UserControl}" Path="DataContext.SelectedJob"></Binding>
+                                                                                <Binding RelativeSource="{RelativeSource AncestorType=UserControl}" Path="DataContext.SelectedJob.Length"></Binding>
+                                                                                <Binding RelativeSource="{RelativeSource AncestorType=ItemsControl}" Path="ActualWidth"></Binding>
+                                                                                <Binding Path="Length"></Binding>
+                                                                            </MultiBinding>
+                                                                        </Grid.Width>
+                                                                        <Rectangle>
+                                                                            <Rectangle.Fill>
+                                                                                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
+                                                                                    <LinearGradientBrush.GradientStops>
+                                                                                        <MultiBinding Converter="{StaticResource SegmentToGradientStopsConverterMulti}">
+                                                                                            <Binding Path="."></Binding>
+                                                                                            <Binding RelativeSource="{RelativeSource AncestorType=UserControl}" Path="DataContext.SelectedJob"></Binding>
+                                                                                            <Binding RelativeSource="{RelativeSource AncestorType=UserControl}" Path="DataContext.SelectedJob.Length"></Binding>
+                                                                                            <Binding RelativeSource="{RelativeSource AncestorType=UserControl}" Path="DataContext.SelectedBrushStop.Color"></Binding>
+                                                                                        </MultiBinding>
+                                                                                    </LinearGradientBrush.GradientStops>
+                                                                                </LinearGradientBrush>
+                                                                            </Rectangle.Fill>
+                                                                        </Rectangle>
+                                                                    </Grid>
+                                                                </DataTemplate>
+                                                            </ItemsControl.ItemTemplate>
+                                                        </ItemsControl>
+                                                    </Grid>
+                                                </Border>
+                                            </Grid>
+                                        </DockPanel>
+                                    </Grid>
+                                </Grid>
+                            </Grid>
+
+                            <Grid Grid.Column="1" Margin="10 0 0 0" Width="340">
+                                <Grid.Style>
+                                    <Style TargetType="Grid">
+                                        <Setter Property="LayoutTransform">
+                                            <Setter.Value>
+                                                <ScaleTransform ScaleY="1" ScaleX="1"></ScaleTransform>
+                                            </Setter.Value>
+                                        </Setter>
+                                        <Style.Triggers>
+                                            <DataTrigger Binding="{Binding IsSideBarOpened}" Value="True">
+                                                <DataTrigger.EnterActions>
+                                                    <BeginStoryboard>
+                                                        <Storyboard>
+                                                            <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleX" To="0" Duration="00:00:0.2"></DoubleAnimation>
+                                                        </Storyboard>
+                                                    </BeginStoryboard>
+                                                </DataTrigger.EnterActions>
+                                                <DataTrigger.ExitActions>
+                                                    <BeginStoryboard>
+                                                        <Storyboard>
+                                                            <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleX" To="1" Duration="00:00:0.2"></DoubleAnimation>
+                                                        </Storyboard>
+                                                    </BeginStoryboard>
+                                                </DataTrigger.ExitActions>
+                                            </DataTrigger>
+                                        </Style.Triggers>
+                                    </Style>
+                                </Grid.Style>
+
+                                <Grid Margin="5 0 0 0">
+                                    <DockPanel>
+                                        <StackPanel Orientation="Horizontal" DockPanel.Dock="Top">
+                                            <Image Source="../Images/camera.png" Width="42"></Image>
+                                            <TextBlock VerticalAlignment="Center" Margin="10 0 0 0" Foreground="DimGray" FontSize="16" FontWeight="SemiBold">USB CAMERAS</TextBlock>
+                                        </StackPanel>
+                                        <UniformGrid Rows="3">
+                                            <Border RenderOptions.BitmapScalingMode="Fant">
+                                                <Border.Background>
+                                                    <ImageBrush ImageSource="../Images/video-frame.png" Stretch="Fill"></ImageBrush>
+                                                </Border.Background>
+
+                                                <Grid>
+                                                    <Label Margin="22 17 0 0" Style="{StaticResource graphLabel}">
+                                                        <TextBlock FontFamily="digital-7" VerticalAlignment="Center" FontSize="10" Margin="0 0 30 0">CAMERA 1</TextBlock>
+                                                    </Label>
+                                                </Grid>
+                                            </Border>
+                                            <Border RenderOptions.BitmapScalingMode="Fant">
+                                                <Border.Background>
+                                                    <ImageBrush ImageSource="../Images/video-frame.png" Stretch="Fill"></ImageBrush>
+                                                </Border.Background>
+
+                                                <Grid>
+                                                    <Label Margin="22 17 0 0" Style="{StaticResource graphLabel}">
+                                                        <TextBlock FontFamily="digital-7" VerticalAlignment="Center" FontSize="10" Margin="0 0 30 0">CAMERA 2</TextBlock>
+                                                    </Label>
+                                                </Grid>
+                                            </Border>
+                                            <Border RenderOptions.BitmapScalingMode="Fant">
+                                                <Border.Background>
+                                                    <ImageBrush ImageSource="../Images/video-frame.png" Stretch="Fill"></ImageBrush>
+                                                </Border.Background>
+
+                                                <Grid>
+                                                    <Label Margin="22 17 0 0" Style="{StaticResource graphLabel}">
+                                                        <TextBlock FontFamily="digital-7" VerticalAlignment="Center" FontSize="10" Margin="0 0 30 0">CAMERA 3</TextBlock>
+                                                    </Label>
+                                                </Grid>
+                                            </Border>
+                                        </UniformGrid>
+                                    </DockPanel>
+                                </Grid>
+
+                            </Grid>
+
+                        </Grid>
+
+                        <Grid Grid.Row="1" Grid.ColumnSpan="2" Background="{StaticResource SideBarBackground}">
+                            <Grid Margin="10 70 10 10">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="1*"/>
+                                    <ColumnDefinition Width="350"/>
+                                </Grid.ColumnDefinitions>
+
+                                <Grid Grid.Column="1">
+                                    <DockPanel>
+                                        <StackPanel Orientation="Horizontal" DockPanel.Dock="Top">
+                                            <Image Source="../Images/graphs.png" Width="42"></Image>
+                                            <TextBlock VerticalAlignment="Center" Margin="10 0 0 0" Foreground="DimGray" FontSize="16" FontWeight="SemiBold">AVAILABLE GRAPHS</TextBlock>
+                                        </StackPanel>
+                                        <ScrollViewer Margin="0 5 0 0" VerticalScrollBarVisibility="Auto">
+                                            <ItemsControl Margin="0 0 5 0" ItemsSource="{Binding AvailableSensors}">
+                                                <ItemsControl.ItemsPanel>
+                                                    <ItemsPanelTemplate>
+                                                        <UniformGrid Columns="2" IsItemsHost="True"></UniformGrid>
+                                                    </ItemsPanelTemplate>
+                                                </ItemsControl.ItemsPanel>
+                                                <ItemsControl.ItemTemplate>
+                                                    <DataTemplate DataType="{x:Type observables:Sensor}">
+                                                        <Border dragAndDrop:DragAndDropService.Draggable="True" dragAndDrop:DragAndDropService.DraggingSurface="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DraggingSurface}" Margin="5" CornerRadius="3" Height="120" BorderThickness="1" BorderBrush="Silver" ClipToBounds="True">
+                                                            <Border.Background>
+                                                                <ImageBrush ImageSource="../Images/line_graph.png" Stretch="Fill"></ImageBrush>
+                                                            </Border.Background>
+                                                            <Grid>
+                                                                <Label HorizontalAlignment="Left" VerticalAlignment="Top" Style="{StaticResource graphLabel}">
+                                                                    <TextBlock Foreground="DimGray" VerticalAlignment="Center" Text="{Binding Description}"></TextBlock>
+                                                                </Label>
+                                                            </Grid>
+                                                        </Border>
+                                                    </DataTemplate>
+                                                </ItemsControl.ItemTemplate>
+                                            </ItemsControl>
+                                        </ScrollViewer>
+                                    </DockPanel>
+                                </Grid>
+
+                                <Grid>
+                                    <Grid Margin="0 0 10 0" Style="{StaticResource droppableGrid}" dragAndDrop:DragAndDropService.Drop="OnDropAvailableSensor">
+                                        <Border>
+                                            <ItemsControl ItemsSource="{Binding Graphs}">
+                                                <ItemsControl.ItemsPanel>
+                                                    <ItemsPanelTemplate>
+                                                        <UniformGrid IsItemsHost="True">
+                                                            <UniformGrid.Style>
+                                                                <Style TargetType="UniformGrid">
+                                                                    <Setter Property="Columns" Value="1"></Setter>
+                                                                    <Setter Property="Rows" Value="1"></Setter>
+                                                                    <Style.Triggers>
+                                                                        <DataTrigger Binding="{Binding Graphs.Count,Converter={StaticResource SmallerThanToBooleanConverter},ConverterParameter=3}" Value="True">
+                                                                            <Setter Property="Columns" Value="{Binding Graphs.Count}"></Setter>
+                                                                            <Setter Property="Rows" Value="1"></Setter>
+                                                                        </DataTrigger>
+                                                                        <MultiDataTrigger>
+                                                                            <MultiDataTrigger.Conditions>
+                                                                                <Condition Binding="{Binding Graphs.Count,Converter={StaticResource GreaterThanToBooleanConverter},ConverterParameter=2}" Value="True"></Condition>
+                                                                                <Condition Binding="{Binding Graphs.Count,Converter={StaticResource SmallerThanToBooleanConverter},ConverterParameter=5}" Value="True"></Condition>
+                                                                            </MultiDataTrigger.Conditions>
+                                                                            <Setter Property="Columns" Value="2"></Setter>
+                                                                            <Setter Property="Rows" Value="2"></Setter>
+                                                                        </MultiDataTrigger>
+                                                                        <MultiDataTrigger>
+                                                                            <MultiDataTrigger.Conditions>
+                                                                                <Condition Binding="{Binding Graphs.Count,Converter={StaticResource GreaterThanToBooleanConverter},ConverterParameter=4}" Value="True"></Condition>
+                                                                                <Condition Binding="{Binding Graphs.Count,Converter={StaticResource SmallerThanToBooleanConverter},ConverterParameter=7}" Value="True"></Condition>
+                                                                            </MultiDataTrigger.Conditions>
+                                                                            <Setter Property="Columns" Value="3"></Setter>
+                                                                            <Setter Property="Rows" Value="2"></Setter>
+                                                                        </MultiDataTrigger>
+                                                                        <DataTrigger Binding="{Binding Graphs.Count,Converter={StaticResource GreaterThanToBooleanConverter},ConverterParameter=6}" Value="True">
+                                                                            <Setter Property="Columns" Value="4"></Setter>
+                                                                            <Setter Property="Rows" Value="2"></Setter>
+                                                                        </DataTrigger>
+                                                                    </Style.Triggers>
+                                                                </Style>
+                                                            </UniformGrid.Style>
+                                                        </UniformGrid>
+                                                    </ItemsPanelTemplate>
+                                                </ItemsControl.ItemsPanel>
+                                            </ItemsControl>
+                                        </Border>
+                                        <Grid>
+                                            <Grid.Style>
+                                                <Style TargetType="Grid">
+                                                    <Setter Property="Visibility" Value="Collapsed"></Setter>
+                                                    <Style.Triggers>
+                                                        <DataTrigger Binding="{Binding Graphs.Count}" Value="0">
+                                                            <Setter Property="Visibility" Value="Visible"></Setter>
+                                                        </DataTrigger>
+                                                    </Style.Triggers>
+                                                </Style>
+                                            </Grid.Style>
+                                            <TextBlock Foreground="Silver" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="30">DRAG &amp; DROP GRAPHS</TextBlock>
+                                        </Grid>
+                                    </Grid>
+                                </Grid>
+                            </Grid>
+
+                            <Border VerticalAlignment="Top" Height="50" CornerRadius="0 0 50 50">
+                                <Border.Effect>
+                                    <DropShadowEffect BlurRadius="30" ShadowDepth="20" Opacity="0.2" />
+                                </Border.Effect>
+                                <Border.Background>
+                                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
+                                        <GradientStop Color="White" Offset="0" />
+                                        <GradientStop Color="#FFE6E6E6" Offset="1"/>
+
+                                    </LinearGradientBrush>
+                                </Border.Background>
+
+                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="0 0 120 0">
+                                    <ToggleButton x:Name="chkGraphs" IsChecked="True"></ToggleButton>
+                                    <TextBlock VerticalAlignment="Center" Margin="5 -1 0 0" Foreground="Gray">Show Graphs</TextBlock>
+                                </StackPanel>
+                            </Border>
+                        </Grid>
+
+                        <Grid Grid.ColumnSpan="3" Background="White" Visibility="Collapsed">
+                            <Grid.Style>
+                                <Style TargetType="Grid">
+                                    <Setter Property="RenderTransform">
+                                        <Setter.Value>
+                                            <ScaleTransform ScaleY="1" ScaleX="0"></ScaleTransform>
+                                        </Setter.Value>
+                                    </Setter>
+                                    <Style.Triggers>
+                                        <DataTrigger Binding="{Binding IsSideBarOpened}" Value="True">
+                                            <DataTrigger.EnterActions>
+                                                <BeginStoryboard>
+                                                    <Storyboard>
+                                                        <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" To="1" Duration="00:00:0.5"></DoubleAnimation>
+                                                    </Storyboard>
+                                                </BeginStoryboard>
+                                            </DataTrigger.EnterActions>
+                                            <DataTrigger.ExitActions>
+                                                <BeginStoryboard>
+                                                    <Storyboard>
+                                                        <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" To="0" Duration="00:00:0.5"></DoubleAnimation>
+                                                    </Storyboard>
+                                                </BeginStoryboard>
+                                            </DataTrigger.ExitActions>
+                                        </DataTrigger>
+                                    </Style.Triggers>
+                                </Style>
+                            </Grid.Style>
+                            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="40">MONITORING</TextBlock>
+                        </Grid>
+                    </Grid>
+                </Grid>
+            </Grid>
+
+            <Grid Background="{StaticResource SideBarBackground}">
+                <Grid.Style>
+                    <Style TargetType="Grid">
+                        <Setter Property="Width" Value="550"></Setter>
+                        <Setter Property="LayoutTransform">
+                            <Setter.Value>
+                                <ScaleTransform ScaleY="1" ScaleX="0"></ScaleTransform>
+                            </Setter.Value>
+                        </Setter>
+                        <Style.Triggers>
+                            <DataTrigger Binding="{Binding IsSideBarOpened}" Value="True">
+                                <DataTrigger.EnterActions>
+                                    <BeginStoryboard>
+                                        <Storyboard>
+                                            <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleX" To="1" Duration="00:00:0.2"></DoubleAnimation>
+                                        </Storyboard>
+                                    </BeginStoryboard>
+                                </DataTrigger.EnterActions>
+                                <DataTrigger.ExitActions>
+                                    <BeginStoryboard>
+                                        <Storyboard>
+                                            <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleX" To="0" Duration="00:00:0.2"></DoubleAnimation>
+                                        </Storyboard>
+                                    </BeginStoryboard>
+                                </DataTrigger.ExitActions>
+                            </DataTrigger>
+                        </Style.Triggers>
+                    </Style>
+                </Grid.Style>
+
+                <ScrollViewer VerticalScrollBarVisibility="Auto" FlowDirection="RightToLeft">
+                    <materialDesign:Card Background="{StaticResource SideBarBackground}" FlowDirection="LeftToRight">
+                        <StackPanel>
+                            <Expander Header="MACHINE" IsExpanded="True" Background="{StaticResource SideBarBackground}">
+                                <StackPanel Margin="0 0 0 0">
+                                    <ComboBox ItemsSource="{Binding Adapter.Machines}" SelectedItem="{Binding SelectedMachine}" materialDesign:HintAssist.IsFloating="True" materialDesign:HintAssist.Hint="Selected Machine" Margin="40 0 40 0">
+                                        <ComboBox.ItemTemplate>
+                                            <DataTemplate>
+                                                <StackPanel>
+                                                    <TextBlock Text="{Binding SerialNumber}" FontWeight="Bold" FontStyle="Italic"></TextBlock>
+                                                    <TextBlock FontSize="11" Text="{Binding Name}" Foreground="Gray"></TextBlock>
+                                                </StackPanel>
+                                            </DataTemplate>
+                                        </ComboBox.ItemTemplate>
+                                    </ComboBox>
+                                    <designer:MachineView Width="540" IsHitTestVisible="False" Margin="0 40 0 0" DataContext="{Binding SelectedMachine}" />
+                                    <Button Command="{Binding EditMachineCommand}" HorizontalAlignment="Right" Margin="0 10 20 20" Style="{StaticResource MaterialDesignFlatButton}">
+                                        <StackPanel Orientation="Horizontal">
+                                            <materialDesign:PackIcon VerticalAlignment="Center" Kind="Pencil"></materialDesign:PackIcon>
+                                            <TextBlock Margin="10 0 0 0">EDIT</TextBlock>
+                                        </StackPanel>
+                                    </Button>
+                                </StackPanel>
+                            </Expander>
+
+                            <Separator Foreground="{StaticResource MaterialDesignDivider}" Background="{StaticResource MaterialDesignDivider}" />
+
+                            <Expander Header="MEDIA" Background="{StaticResource SideBarBackground}" IsExpanded="True">
+                                <StackPanel>
+                                    <ComboBox DockPanel.Dock="Top" ItemsSource="{Binding Adapter.Rmls}" SelectedItem="{Binding SelectedRML}" materialDesign:HintAssist.IsFloating="True" materialDesign:HintAssist.Hint="Selected Thread" Margin="40 0 40 0">
+                                        <ComboBox.ItemTemplate>
+                                            <DataTemplate>
+                                                <StackPanel>
+                                                    <TextBlock Text="{Binding Name}" FontWeight="Bold" FontStyle="Italic"></TextBlock>
+                                                    <TextBlock FontSize="11" Text="{Binding Manufacturer}" Foreground="Gray"></TextBlock>
+                                                </StackPanel>
+                                            </DataTemplate>
+                                        </ComboBox.ItemTemplate>
+                                    </ComboBox>
+
+                                    <Button DockPanel.Dock="Bottom" Command="{Binding EditRMLCommand}" HorizontalAlignment="Right" Margin="0 10 20 20" Style="{StaticResource MaterialDesignFlatButton}">
+                                        <StackPanel Orientation="Horizontal">
+                                            <materialDesign:PackIcon VerticalAlignment="Center" Kind="Pencil"></materialDesign:PackIcon>
+                                            <TextBlock Margin="10 0 0 0">EDIT</TextBlock>
+                                        </StackPanel>
+                                    </Button>
+                                </StackPanel>
+                            </Expander>
+
+                            <Separator Foreground="{StaticResource MaterialDesignDivider}" Background="{StaticResource MaterialDesignDivider}" />
+
+                            <Expander Background="{StaticResource SideBarBackground}" IsExpanded="True">
+                                <Expander.HeaderTemplate>
+                                    <DataTemplate>
+                                        <TextBlock><Run>LIQUID FACTORS</Run> <Run FontSize="10" Foreground="DimGray">( Max Nanolitter/CM )</Run></TextBlock>
+                                    </DataTemplate>
+                                </Expander.HeaderTemplate>
+
+                                <Grid>
+                                    <StackPanel Margin="40 0 40 0">
+                                        <ItemsControl ItemsSource="{Binding LiquidTypesRmls}">
+                                            <ItemsControl.ItemsPanel>
+                                                <ItemsPanelTemplate>
+                                                    <WrapPanel IsItemsHost="True"></WrapPanel>
+                                                </ItemsPanelTemplate>
+                                            </ItemsControl.ItemsPanel>
+                                            <ItemsControl.ItemTemplate>
+                                                <DataTemplate DataType="{x:Type observables:LiquidTypesRml}">
+                                                    <StackPanel Margin="0 0 10 20">
+                                                        <TextBlock HorizontalAlignment="Center" FontSize="10" Foreground="DimGray" Text="{Binding LiquidType.Name}"></TextBlock>
+                                                        <Grid Width="60" Height="50" Margin="0 5 0 0">
+                                                            <shapes:Hexagon StrokeThickness="1" Stroke="Gray">
+                                                                <shapes:Hexagon.Fill>
+                                                                    <LinearGradientBrush Opacity="0.7" >
+                                                                        <GradientStop Color="{Binding LiquidType.Color,Converter={StaticResource ColorToIntegerConverter}}"/>
+                                                                        <GradientStop Color="White" Offset="1"/>
+                                                                    </LinearGradientBrush>
+                                                                </shapes:Hexagon.Fill>
+                                                            </shapes:Hexagon>
+
+                                                            <TextBox Style="{x:Null}" Background="Transparent" Foreground="Black" BorderThickness="0" Text="{Binding MaxNlPerCm}" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontWeight="Bold" FontStyle="Italic"></TextBox>
+                                                        </Grid>
+                                                    </StackPanel>
+                                                </DataTemplate>
+                                            </ItemsControl.ItemTemplate>
+                                        </ItemsControl>
+
+                                        <Button Command="{Binding SaveLiquidFactorsCommand}" HorizontalAlignment="Right" Margin="0 10 -20 20" Style="{StaticResource MaterialDesignFlatButton}">
+                                            <StackPanel Orientation="Horizontal">
+                                                <materialDesign:PackIcon VerticalAlignment="Center" Kind="Harddisk"></materialDesign:PackIcon>
+                                                <TextBlock Margin="10 0 0 0">SAVE</TextBlock>
+                                            </StackPanel>
+                                        </Button>
+                                    </StackPanel>
+
+                                    <Grid Height="150" Background="{StaticResource SideBarBackground}">
+                                        <Grid.Style>
+                                            <Style TargetType="Grid">
+                                                <Setter Property="Visibility" Value="Visible"></Setter>
+                                                <Style.Triggers>
+                                                    <MultiDataTrigger>
+                                                        <MultiDataTrigger.Conditions>
+                                                            <Condition Binding="{Binding SelectedMachine,Converter={StaticResource NullObjectToBooleanConverter}}" Value="True"></Condition>
+                                                            <Condition Binding="{Binding SelectedRML,Converter={StaticResource NullObjectToBooleanConverter}}" Value="True"></Condition>
+                                                        </MultiDataTrigger.Conditions>
+                                                        <Setter Property="Visibility" Value="Collapsed"></Setter>
+                                                    </MultiDataTrigger>
+                                                </Style.Triggers>
+                                            </Style>
+                                        </Grid.Style>
+                                        <TextBlock Foreground="#FA9292" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="24">SELECT MACHINE &amp; MEDIA</TextBlock>
+                                    </Grid>
+                                </Grid>
+                            </Expander>
+
+
+                        </StackPanel>
+                    </materialDesign:Card>
+                </ScrollViewer>
+
+                <Rectangle HorizontalAlignment="Right" Stroke="#CECECE" StrokeThickness="1"></Rectangle>
+            </Grid>
+
+            <Button Background="{StaticResource SideBarBackground}" Command="{Binding ToggleSideBarCommand}" Padding="0" Style="{StaticResource MaterialDesignFlatButton}" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" HorizontalAlignment="Right" VerticalAlignment="Center" Height="200" Width="50" Margin="0 0 -50 0">
+                <Border CornerRadius="0 10 10 0" BorderThickness="0 1 1 1" BorderBrush="#C6C0C0">
+                    <Grid>
+                        <TextBlock Foreground="#FF7272" Text="CONFIGURATION" FontSize="16" RenderTransformOrigin="0.5,0.5" VerticalAlignment="Center" HorizontalAlignment="Center">
+                            <TextBlock.LayoutTransform>
+                                <RotateTransform Angle="270"></RotateTransform>
+                            </TextBlock.LayoutTransform>
+                        </TextBlock>
+                    </Grid>
+                </Border>
+            </Button>
+        </Grid>
+
+        <dragAndDrop:DraggingSurface x:Name="draggingSurface" />
     </Grid>
 </UserControl>
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Views/MainView.xaml.cs b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Views/MainView.xaml.cs
index 6ebfd9832..c76cf657f 100644
--- a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Views/MainView.xaml.cs
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/Views/MainView.xaml.cs
@@ -12,6 +12,10 @@ using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Navigation;
 using System.Windows.Shapes;
+using Tango.Integration.Observables;
+using Tango.DragAndDrop;
+using Tango.MachineStudio.Developer.Converters;
+using Tango.MachineStudio.Developer.ViewModels;
 
 namespace Tango.MachineStudio.Developer.Views
 {
@@ -20,9 +24,74 @@ namespace Tango.MachineStudio.Developer.Views
     /// </summary>
     public partial class MainView : UserControl
     {
+        private MainViewVM _vm;
+
+        public DraggingSurface DraggingSurface
+        {
+            get { return (DraggingSurface)GetValue(DraggingSurfaceProperty); }
+            set { SetValue(DraggingSurfaceProperty, value); }
+        }
+        public static readonly DependencyProperty DraggingSurfaceProperty =
+            DependencyProperty.Register("DraggingSurface", typeof(DraggingSurface), typeof(MainView), new PropertyMetadata(null));
+
         public MainView()
         {
             InitializeComponent();
+
+            DraggingSurface = draggingSurface;
+            this.Loaded += (x, y) =>
+            {
+                _vm = DataContext as MainViewVM;
+            };
+
+            chkGraphs.Checked += (x, y) => { graphRowDefinition.Height = new GridLength(440, GridUnitType.Pixel); };
+            chkGraphs.Unchecked += (x, y) => { graphRowDefinition.Height = new GridLength(80, GridUnitType.Pixel); };
+        }
+
+        private void OnDropAvailableSensor(object sender, DropEventArgs e)
+        {
+            if (e.Draggable.DataContext is Sensor)
+            {
+                _vm.OnDropAvailableSensor(e.Draggable.DataContext as Sensor);
+            }
+        }
+
+        private void ColorPickerCombo_SelectedColorChanged(object sender, RoutedPropertyChangedEventArgs<Color?> e)
+        {
+            UpdateGradientBrushDisplay();
+        }
+
+        private void Offset_Slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
+        {
+            UpdateGradientBrushDisplay();
+        }
+
+        private void UpdateGradientBrushDisplay()
+        {
+            if (_vm.SelectedSegment != null)
+            {
+                SegmentToGradientStopsConverter converter = new SegmentToGradientStopsConverter();
+                GradientStopCollection stops = converter.Convert(_vm.SelectedSegment, null, null, null) as GradientStopCollection;
+                gradientBrush.GradientStops = stops;
+                jobBrushList.UpdateLayout();
+            }
+            else
+            {
+                gradientBrush.GradientStops = new GradientStopCollection();
+            }
+        }
+
+        private void OnBrushStopBorderDrop(object sender, DropEventArgs e)
+        {
+            if (e.Draggable.DataContext is BrushStop)
+            {
+                _vm.OnDropBrushStop(e.Draggable.DataContext as BrushStop, e.Droppable.DataContext as BrushStop);
+            }
+        }
+
+        private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
+        {
+            UpdateGradientBrushDisplay();
         }
     }
 }
diff --git a/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/packages.config b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/packages.config
new file mode 100644
index 000000000..4fd672b32
--- /dev/null
+++ b/Software/Visual_Studio/MachineStudio/Modules/Tango.MachineStudio.Developer/packages.config
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<packages>
+  <package id="CommonServiceLocator" version="1.3" targetFramework="net46" />
+  <package id="MahApps.Metro" version="1.5.0" targetFramework="net46" />
+  <package id="MaterialDesignColors" version="1.1.2" targetFramework="net46" />
+  <package id="MaterialDesignThemes" version="2.3.1.953" targetFramework="net46" />
+  <package id="MvvmLightLibs" version="5.3.0.0" targetFramework="net46" />
+</packages>
\ No newline at end of file