diff --git a/web/gui/src/main/webapp/network.js b/web/gui/src/main/webapp/network.js index a116faa430..b43f32dc2c 100644 --- a/web/gui/src/main/webapp/network.js +++ b/web/gui/src/main/webapp/network.js @@ -36,8 +36,10 @@ }, options: { layering: true, - collisionPrevention: true + collisionPrevention: true, + loadBackground: true }, + backgroundUrl: 'img/us-map.png', data: { live: { jsonUrl: 'rs/topology/graph', @@ -265,6 +267,9 @@ function processKeyEvent() { var code = d3.event.keyCode; switch (code) { + case 66: // B + toggleBackground(); + break; case 71: // G cycleLayout(); break; @@ -281,6 +286,13 @@ } + function toggleBackground() { + var bg = d3.select('#bg'), + vis = bg.style('visibility'), + newvis = (vis === 'hidden') ? 'visible' : 'hidden'; + bg.style('visibility', newvis); + } + function cycleLayout() { config.options.layering = !config.options.layering; network.force.resume(); @@ -437,8 +449,10 @@ id: 'bg', width: view.width, height: view.height, - 'xlink:href': 'img/us-map.png' - }); + 'xlink:href': config.backgroundUrl + }) + .style('visibility', + config.options.loadBackground ? 'visible' : 'hidden'); // function zoomRedraw() { // d3.select("#zoomable").attr("transform",