Changeset 19a9b3934bc8 in nodewatcher


Ignore:
Timestamp:
09/07/2014 05:14:17 PM (5 years ago)
Author:
kostko
Branches:
Travis-warnings, Update-packages, development, feature/cidr
Children:
d7ff044ea22c
Parents:
1b181c6e2f58
git-author:
Jernej Kos <jernej@…> (09/07/2014 05:14:17 PM)
git-committer:
Jernej Kos <jernej@…> (09/07/2014 05:14:17 PM)
Message:

Minor topology display updates.

Location:
nodewatcher/modules/frontend/topology/static/topology
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • nodewatcher/modules/frontend/topology/static/topology/css/style.css

    r1b181c6e2f58 r19a9b3934bc8  
     1#topology { 
     2    text-align: center; 
     3} 
     4 
     5#topology svg { 
     6    border: 1px solid black; 
     7} 
     8 
    19.node { 
    210  stroke: #fff; 
  • nodewatcher/modules/frontend/topology/static/topology/js/code.js

    r1b181c6e2f58 r19a9b3934bc8  
    11(function ($) { 
    22    $(document).ready(function () { 
    3         // Create the canvas 
    4         var width = 960; 
    5         var height = 1000; 
    6  
    7         var svg = d3.select("#topology").append("svg") 
    8             .attr("width", width) 
    9             .attr("height", height); 
    10  
    113        // TODO: Some kind of loading indicator 
    124 
     
    4032                }); 
    4133 
     34                // Create the canvas 
     35                var width = 960; 
     36                var height = 500; 
     37 
     38                var svg = d3.select("#topology").append("svg") 
     39                    .attr("width", width) 
     40                    .attr("height", height) 
     41                    .attr("pointer-events", "all") 
     42                    .append("g") 
     43                    .call(d3.behavior.zoom().on("zoom", zoom)) 
     44                    .append("g"); 
     45 
     46                // Create overlay to intercept mouse events 
     47                var overlay = svg.append("rect") 
     48                    .attr("width", width) 
     49                    .attr("height", height) 
     50                    .attr("fill", "white"); 
     51 
     52                function zoom() { 
     53                    svg.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")"); 
     54 
     55                    var inverseTranslate = d3.event.translate; 
     56                    inverseTranslate[0] = -inverseTranslate[0]; 
     57                    inverseTranslate[1] = -inverseTranslate[1]; 
     58                    var inverseScale = 1.0/d3.event.scale; 
     59                    overlay.attr("transform", "scale(" + inverseScale + ")translate(" + inverseTranslate + ")"); 
     60                } 
     61 
    4262                var force = d3.layout.force() 
    4363                    .charge(-120) 
     
    5979                    .attr("class", "node") 
    6080                    .attr("r", 5) 
    61                     .style("fill", function(d) { return "#73B55B"; }) 
    62                     .call(force.drag); 
     81                    .style("fill", function(d) { return "#73B55B"; }); 
    6382 
    6483                node.append("title") 
Note: See TracChangeset for help on using the changeset viewer.