Compare commits

..

3 Commits

2 changed files with 44 additions and 35 deletions

View File

@ -50,7 +50,7 @@ function networkFromIndex(what)
var oneitem = newitem.nettest; //this is an object var oneitem = newitem.nettest; //this is an object
newitem.nettest = []; newitem.nettest = [];
newitem.nettest.push(oneitem); //make it an one-item array. newitem.nettest.push(oneitem); //make it an one-item array.
} }
//Set the help level to be whatever we need //Set the help level to be whatever we need
if (newitem.startinghelplevel == "full") ui_helplevel = 3; if (newitem.startinghelplevel == "full") ui_helplevel = 3;
@ -75,8 +75,8 @@ function deviceHasProblem(Device) {
//It has not yet been solved. //It has not yet been solved.
//console.log("Found problem on device: " + hostname); //console.log("Found problem on device: " + hostname);
return true; return true;
} }
} }
} }
return false; return false;
} }

View File

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