Changed some spaces to tabs. Happened automatically.

Web/ui.js

@@ -144,7 +144,7 @@ function PrintScreen(WhatPassedIn=-1)
 		if (ui_helplevel == 2) tmp_queryhighlight = returnHighlightShape("square", rect, "yellow", "none", 0.3);
 		if (ui_helplevel == 3) tmp_queryhighlight = returnHighlightShape("square", rect, "green", "none", 0.3);
 		if (tmp_queryhighlight == null) { }
-		else drawshape(tmp_queryhighlight);
+		else drawhighlight(tmp_queryhighlight);
 
 		MainCanvas_ctx.drawImage(imageFromName("queryuser"), rect.sx, rect.sy, rect.deltax, rect.deltay);
 
@@ -181,7 +181,7 @@ function PrintScreen(WhatPassedIn=-1)
 		else {
 			//console.log("We have something selected.");
 			var tmp_select = returnHighlightShape("selectbox", ui_selectRect, "green", "none", 0.8);
-			drawshape(tmp_select);
+			drawhighlight(tmp_select);
 		}
 
 		drawSelectMenu();
@@ -492,7 +492,7 @@ function PrintNetworkDevice(ToPrint)
 
 		if (deviceHasProblem(ToPrint)) {
 			var thshape = returnHighlightShape("square", actionrect, "red", "problem", 0.2);
-			drawshape(thshape);
+			drawhighlight(thshape);
 		}
 
 		MainCanvas_ctx.drawImage(imageFromName(dname), rect.spoint.x, rect.spoint.y, rect.width, rect.height);
@@ -727,48 +727,57 @@ function printHighlights(countof="mouseover") {
 		var highlight = ui_HighlightArray[index];
 		//console.log("trying to highlight something: " + JSON.stringify(highlight));
 		if (highlight.shapeName == countof) count++;
-		drawshape(highlight);
+		drawhighlight(highlight);
 	}
 	return countof; //the count of the item we were supposed to count
 }
 
-function drawshape(highlight) {
-	MainCanvas_ctx.fillStyle = highlight.shapeColor;
-	MainCanvas_ctx.globalAlpha = highlight.opaciticy; //mostly transparent
+function drawhighlight(highlight, canvas = null) {
+	if (canvas == null)
+		canvas = MainCanvas_ctx;
+	canvas.fillStyle = highlight.shapeColor;
+	canvas.globalAlpha = highlight.opaciticy; //mostly transparent
 	var oldWidth;
 	if (highlight.shapeText == "square")
-		MainCanvas_ctx.fillRect(highlight.shapePoints.sx, highlight.shapePoints.sy, highlight.shapePoints.deltax, highlight.shapePoints.deltay);
+		canvas.fillRect(highlight.shapePoints.sx, highlight.shapePoints.sy, highlight.shapePoints.deltax, highlight.shapePoints.deltay);
 	else if (highlight.shapeText == "line") {
-		oldWidth = MainCanvas_ctx.lineWidth;
-		MainCanvas_ctx.lineWidth += 6;
-		MainCanvas_ctx.strokeStyle = highlight.shapeColor;
-		MainCanvas_ctx.beginPath();
-		MainCanvas_ctx.moveTo(highlight.shapePoints.sx, highlight.shapePoints.sy);
-		MainCanvas_ctx.lineTo(highlight.shapePoints.dx, highlight.shapePoints.dy);
-		MainCanvas_ctx.stroke();
-		MainCanvas_ctx.lineWidth = oldWidth;
-		MainCanvas_ctx.strokeStyle = "black";
+		oldWidth = canvas.lineWidth;
+		canvas.lineWidth += 6;
+		canvas.strokeStyle = highlight.shapeColor;
+		canvas.beginPath();
+		canvas.moveTo(highlight.shapePoints.sx, highlight.shapePoints.sy);
+		canvas.lineTo(highlight.shapePoints.dx, highlight.shapePoints.dy);
+		canvas.stroke();
+		canvas.lineWidth = oldWidth;
+		canvas.strokeStyle = "black";
 	}
 	else if (highlight.shapeText == "selectbox") {
 		//console.log("Printing a selectbox");
-		MainCanvas_ctx.fillStyle = "green";
-		oldWidth = MainCanvas_ctx.lineWidth;
-		MainCanvas_ctx.lineWidth += 2;
-		MainCanvas_ctx.strokeStyle = "green";
-		MainCanvas_ctx.beginPath();
-		MainCanvas_ctx.moveTo(highlight.shapePoints.sx, highlight.shapePoints.sy);
-		MainCanvas_ctx.lineTo(highlight.shapePoints.dx, highlight.shapePoints.sy);
-		MainCanvas_ctx.lineTo(highlight.shapePoints.dx, highlight.shapePoints.dy);
-		MainCanvas_ctx.lineTo(highlight.shapePoints.sx, highlight.shapePoints.dy);
-		MainCanvas_ctx.lineTo(highlight.shapePoints.sx, highlight.shapePoints.sy);
-		MainCanvas_ctx.stroke();
-		MainCanvas_ctx.lineWidth = oldWidth;
-		MainCanvas_ctx.strokeStyle = "black";
+		canvas.fillStyle = "green";
+		oldWidth = canvas.lineWidth;
+		canvas.lineWidth += 2;
+		canvas.strokeStyle = "green";
+		canvas.beginPath();
+		canvas.moveTo(highlight.shapePoints.sx, highlight.shapePoints.sy);
+		canvas.lineTo(highlight.shapePoints.dx, highlight.shapePoints.sy);
+		canvas.lineTo(highlight.shapePoints.dx, highlight.shapePoints.dy);
+		canvas.lineTo(highlight.shapePoints.sx, highlight.shapePoints.dy);
+		canvas.lineTo(highlight.shapePoints.sx, highlight.shapePoints.sy);
+		canvas.stroke();
+		canvas.lineWidth = oldWidth;
+		canvas.strokeStyle = "black";
 	}
-	MainCanvas_ctx.globalAlpha = 1.0; //reset
-	MainCanvas_ctx.fillStyle = "black"; //reset
+	canvas.globalAlpha = 1.0; //reset
+	canvas.fillStyle = "black"; //reset
 }
 
+//We use drawhighlight to draw one-off shapes
+function drawshape( shape, rect, color, opaciticy = 0.4, canvas = null) {
+	if (canvas == null)
+		canvas = MainCanvas_ctx;
+	var tmp_queryhighlight = returnHighlightShape(shape, rect, color, "none", opaciticy);
+	drawhighlight(tmp_queryhighlight, canvas);
+}
 
 function countHighlightsNamed(countof = "mouseover") {
 	var count = 0;