Device Neighbor Map can have max depth and VLAN filter

Netdisco/share/views/ajax/device/netmap.tt

@@ -3,10 +3,6 @@
 var winHeight = window.innerHeight;
 var winWidth  = window.innerWidth;
 
-var tree = d3.layout.tree()
-    .size([360, winHeight])
-    .separation(function(a, b) { return (a.parent == b.parent ? 1 : 2) / a.depth; });
-
 // links in the initial tree drawing use this generator
 var treeLink = d3.svg.diagonal.radial()
     .projection(function(d) { return [d.y, d.x / 180 * Math.PI]; });
@@ -60,7 +56,10 @@ function to_class(name) { return 'nd_' + name.replace(/\./g, "_") }
 
 // handler for clicking on a circle - redirect to that device's netmap
 function circleClick(d) {
-    window.location = '[% uri_for('/device') %]?tab=netmap&q=' + d.fullname;
+    window.location = '[% uri_for('/device') %]?tab=netmap'
+                      + '&q=' + d.fullname
+                      + '&depth=[% params.depth | uri %]'
+                      + '&vlan=[% params.vlan | uri %]';
 }
 
 // handler for mouseover on a circle - show that device's real neighbors
@@ -92,7 +91,15 @@ $.getJSON('[% uri_for('/ajax/data/device/alldevicelinks') %]', function(data) {
   neighbors_data = data;
 
   // draw the tree
-  d3.json("[% uri_for('/ajax/data/device/netmap') %]?&q=[% params.q | uri %]", function(error, root) {
+  d3.json("[% uri_for('/ajax/data/device/netmap') %]?"
+          + '&q=[% params.q | uri %]'
+          + '&depth=[% params.depth | uri %]'
+          + '&vlan=[% params.vlan | uri %]', function(error, root) {
+    var tree = d3.layout.tree()
+        // magic number "8" for scaling (network depth). seems to make things look right for me.
+        .size([360, (winHeight / 8 * (root['scale'] || 0))])
+        .separation(function(a, b) { return (a.parent == b.parent ? 1 : 2) / a.depth; });
+
     var nodes = tree.nodes(root),
         links = tree.links(nodes);
 
@@ -171,4 +178,5 @@ $.getJSON('[% uri_for('/ajax/data/device/alldevicelinks') %]', function(data) {
 
 }); // jquery getJSON for all connections
 
+// vim: ft=javascript
 </script>