Added 'B' keystroke to toggle background image visibility.
Also added configuration boolean to indicate whether the background image should be visible on startup.
diff --git a/web/gui/src/main/webapp/network.js b/web/gui/src/main/webapp/network.js
index a116faa..b43f32d 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",