Index: lams_central/web/images/svg/gateClosed.svg
===================================================================
diff -u -rc6829f0c34f8b9236cb2aef685e39f6a48334bff -r4032b1b03d4bf650f44d7c49a5745e3524a876d7
--- lams_central/web/images/svg/gateClosed.svg	(.../gateClosed.svg)	(revision c6829f0c34f8b9236cb2aef685e39f6a48334bff)
+++ lams_central/web/images/svg/gateClosed.svg	(.../gateClosed.svg)	(revision 4032b1b03d4bf650f44d7c49a5745e3524a876d7)
@@ -6,9 +6,6 @@
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    version="1.1"
-   
-   
-   
    viewBox="0 0 512 512"
    style="enable-background:new 0 0 512 512;"
    xml:space="preserve"><metadata
Index: lams_central/web/images/svg/gateOpen.svg
===================================================================
diff -u
--- lams_central/web/images/svg/gateOpen.svg	(revision 0)
+++ lams_central/web/images/svg/gateOpen.svg	(revision 4032b1b03d4bf650f44d7c49a5745e3524a876d7)
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg class="gateOpen"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xml:space="preserve"
+   style="enable-background:new 0 0 512 512;"
+   viewBox="0 0 512 512"
+   version="1.1"><metadata
+   id="metadata858"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs856">
+		
+		
+		
+	</defs>
+<style
+   id="style833"
+   type="text/css">
+	svg.gateOpen .st0{fill:#87CB9D;stroke:#111342;stroke-width:15.317;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	svg.gateOpen .st1{display:none;}
+	
+	svg.gateOpen .st2{display:inline;fill:#FFFFFF;stroke:#111342;stroke-width:15.317;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	svg.gateOpen .st3{fill:#FFFFFF;stroke:#111342;stroke-width:15.317;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g
+   transform="matrix(1.0296407,0,0,1.0296407,-7.5880272,-7.5880268)"
+   id="g851">
+	<circle
+   style="fill:#00a700;fill-opacity:1;stroke:#00a700;stroke-width:15.3184;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+   r="240"
+   id="circle835"
+   cy="256"
+   cx="256"
+   class="st0" />
+	<g
+   id="g841"
+   class="st1">
+		<circle
+   id="circle837"
+   r="39.650002"
+   cy="107.49"
+   cx="251.39"
+   class="st2" />
+		<path
+   id="path839"
+   d="m 334.12,286.71 20.35,-66.03 v 0 c 3.31,-5.74 1.35,-13.08 -4.39,-16.39 l -63.65,-46.76 v -2.57 h -50.18 c -6.63,0 -12,5.37 -12,12 v 43.39 l -60.33,31.9 c -5.86,3.1 -8.1,10.36 -5,16.21 l 4.78,9.04 c 3.1,5.86 10.36,8.1 16.21,5 l 44.33,-23.44 v 35.15 l -48.38,48.38 c -3.01,3.01 -4.6,7.15 -4.38,11.39 l 4.28,83.29 c 0.25,6.62 5.82,11.79 12.44,11.54 l 10.22,-0.39 c 6.62,-0.25 11.79,-5.82 11.54,-12.44 l -2.87,-76.21 48.11,-48.11 58.09,119.22 c 2.9,5.96 10.08,8.43 16.04,5.53 l 9.19,-4.48 c 5.96,-2.9 8.43,-10.08 5.53,-16.04 L 285.9,286.54 h 0.51 v -70.8 c 0,-3.85 4.17,-6.26 7.51,-4.34 l 23.41,13.52 -15.94,51.71 c -1.95,6.33 1.6,13.05 7.93,15 l 9.77,3.01 c 6.37,1.95 13.08,-1.6 15.03,-7.93 z"
+   class="st2" />
+	</g>
+	<path
+   class="st3"
+   d="m 314.52,157.96 c -7.48,1 -14.72,-0.64 -20.75,-4.25 -0.6,-1.81 -1.03,-3.72 -1.3,-5.67 -2.35,-17.67 10.04,-33.92 27.72,-36.27 7.48,-1 14.72,0.64 20.75,4.25 0.6,1.81 1.03,3.72 1.3,5.67 2.36,17.67 -10.05,33.9 -27.72,36.27 z"
+   id="path843" /><path
+   style="stroke:#ffffff;stroke-opacity:1"
+   class="st3"
+   d="m 314.52,157.96 c -7.48,1 -14.72,-0.64 -20.75,-4.25 -8.2,-4.85 -14.15,-13.28 -15.52,-23.45 -2.35,-17.67 10.04,-33.92 27.72,-36.27 15.7,-2.1 30.28,7.45 34.97,22.03 0.6,1.81 1.03,3.72 1.3,5.67 2.36,17.67 -10.05,33.9 -27.72,36.27 z"
+   id="path845" /><path
+   style="stroke:#ffffff;stroke-opacity:1"
+   class="st3"
+   d="m 317.08,413.71 c -0.44,0 -0.91,-0.02 -1.36,-0.07 -4.48,-0.31 -8.67,-2.42 -11.69,-5.89 -3.01,-3.47 -4.49,-7.91 -4.16,-12.51 1.44,-20.03 -7.45,-55.24 -9.63,-63.54 -6.96,-7.64 -38.18,-19.73 -51.15,-24.29 -9.65,13.52 -28.81,35.45 -55.37,42.74 -0.71,0.17 -1.41,0.23 -2.24,0.23 -9.28,0 -40.69,-9.64 -81.49,-31.07 -4.07,-2.13 -7.07,-5.72 -8.44,-10.11 -1.37,-4.4 -0.94,-9.05 1.2,-13.12 2.97,-5.7 8.81,-9.23 15.25,-9.23 2.76,0 5.52,0.68 7.99,1.97 26.99,14.18 47.92,22.7 58.73,26.76 7.94,-6.4 12.24,-10.19 21.53,-21.51 13.17,-18.85 37.39,-55.74 52.84,-92.87 -0.78,-0.03 -1.61,-0.05 -2.47,-0.05 -20.19,0 -54.97,8.64 -69,12.35 -1.22,0.32 -2.49,0.49 -3.75,0.49 -6.71,0 -12.6,-4.52 -14.31,-11.01 -2.08,-7.87 2.63,-15.98 10.5,-18.06 l 3.01,-0.82 c 12.43,-3.4 45.47,-12.42 71.68,-12.42 4.16,0 8.01,0.23 11.47,0.68 1.94,0.27 3.8,0.59 5.61,0.96 4.49,0.95 8.47,2.29 11.86,3.98 1.13,0.45 2.51,1.03 3.89,1.67 l 2.27,1.07 c 1.8,0.9 3.61,1.94 5.43,3.03 3.7,2.25 7.22,4.82 10.45,7.66 0.86,0.74 1.69,1.52 2.52,2.33 1.14,0.96 1.96,1.59 2.79,2.2 8.65,6.31 20.64,9.51 35.65,9.51 v 0 c 22.37,0 43.28,-7.17 43.48,-7.24 1.76,-0.76 3.73,-1.18 5.75,-1.18 5.91,0 11.24,3.51 13.58,8.96 3.22,7.48 -0.25,16.18 -7.74,19.41 -1.48,0.63 -14.9,6.24 -32.86,8.66 -6.18,0.82 -12.87,1.25 -19.36,1.25 v 0 c -11.94,0 -28.63,-1.47 -42.35,-8.23 -7.75,21.8 -18.32,35.58 -26.12,45.77 -0.87,1.13 -1.72,2.23 -2.52,3.3 18.52,9.05 41.3,22.15 50.69,35.54 l 1.38,1.98 c 0.16,0.23 0.28,0.48 0.36,0.75 l 0.68,2.33 c 0.61,2.05 14.77,50.87 12.59,81.65 -0.66,8.96 -8.2,15.99 -17.17,15.99 z"
+   id="path847" />
+</g>
+</svg>
Index: lams_monitoring/web/css/_monitorLesson_base.scss
===================================================================
diff -u -ra7f44561b0ef4da722742ba9b1ead48fcae392dc -r4032b1b03d4bf650f44d7c49a5745e3524a876d7
--- lams_monitoring/web/css/_monitorLesson_base.scss	(.../_monitorLesson_base.scss)	(revision a7f44561b0ef4da722742ba9b1ead48fcae392dc)
+++ lams_monitoring/web/css/_monitorLesson_base.scss	(.../_monitorLesson_base.scss)	(revision 4032b1b03d4bf650f44d7c49a5745e3524a876d7)
@@ -333,7 +333,7 @@
 	overflow: hidden;
 }
 
-div#sequenceCanvas svg.learningDesignSvg g.gate image {
+div#sequenceCanvas svg.learningDesignSvg g.gate svg {
 	display: none;
 }
 
Index: lams_monitoring/web/includes/javascript/monitorLesson.js
===================================================================
diff -u -ra7f44561b0ef4da722742ba9b1ead48fcae392dc -r4032b1b03d4bf650f44d7c49a5745e3524a876d7
--- lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision a7f44561b0ef4da722742ba9b1ead48fcae392dc)
+++ lams_monitoring/web/includes/javascript/monitorLesson.js	(.../monitorLesson.js)	(revision 4032b1b03d4bf650f44d7c49a5745e3524a876d7)
@@ -35,8 +35,8 @@
 	popupWidth = 1280,
 	popupHeight = 720,
 	
-	gateClosedIcon = 'data:image/png;base64,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',
-	gateOpenIcon   = 'data:image/png;base64,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';
+	gateOpenIconPath   = 'images/svg/gateOpen.svg',
+	gateOpenIconData   = null;
 
 
 
@@ -1218,13 +1218,36 @@
 			$.each(response.activities, function(index, activity){
 				var activityGroup = $('g[id="' + activity.id + '"]', sequenceCanvas),
 					isGate = [3,4,5,14].indexOf(activity.type) > -1;
-				if (isGate) {						
+				if (isGate) {
+					var gateClosedIcon = activityGroup.find('.gateClosed');
+					
 					if (activity.gateOpen) {
-						activityGroup.find('image').attr('xlink:href', gateOpenIcon).show()
+						if (!gateOpenIconData) {
+							// if SVG is not cached, get it synchronously
+							$.ajax({
+								url : LAMS_URL + gateOpenIconPath,
+								async : false,
+								dataType : 'text',
+								success : function(response) {
+									gateOpenIconData = response;
+								}
+							});		
+						}
+						
+						 $(gateOpenIconData).attr({
+								x : gateClosedIcon.attr('x'),
+								y : gateClosedIcon.attr('y'),
+								width : gateClosedIcon.attr('width'),
+								height : gateClosedIcon.attr('height'),
+							}).appendTo(activityGroup)
+							  .show();
+							
+						gateClosedIcon.remove();
 					} else {
-						activityGroup.find('image').attr('xlink:href', gateClosedIcon).show();
+						gateClosedIcon.show();
 					}
 				}
+				
 				// are there any learners in this or any activity?
 				learnerCount += activity.learnerCount;
 				if (response.contributeActivities) {