#71: Added more skipped branch checks. Need to fix visited in worker

frontend/src/AngularWorkflow.js

@@ -325,6 +325,14 @@ const AngularWorkflow = (props) => {
 						incomingEdges.addClass('success-highlight')
 						currentnode.addClass('executing-highlight')
 						break
+					case "SKIPPED": 
+						currentnode.removeClass('not-executing-highlight')
+						currentnode.removeClass('success-highlight')
+						currentnode.removeClass('failure-highlight')
+						currentnode.removeClass('awaiting-data-highlight')
+						currentnode.removeClass('executing-highlight')
+						currentnode.addClass('skipped-highlight')
+						break
 					case "WAITING": 
 						currentnode.removeClass('not-executing-highlight')
 						currentnode.removeClass('success-highlight')

frontend/src/defaultCytoscapeStyle.js

@@ -113,6 +113,16 @@ const data = [{
 				'background-color': '#77b0d0',
 			},
 		},
+		{
+			selector: '.skipped-highlight',
+			css: {
+				'background-color': 'grey',
+				'border-color': 'grey',
+				'border-width': '8px',
+				'transition-property': 'background-color',
+				'transition-duration': '0.5s',
+			},
+		},
 		{
 			selector: '.success-highlight',
 			css: {