GraphViewer: Added function to toggle display of labels without redefining them

html/admin/js/graphViewer/graph/edgeShaper.js

@@ -49,6 +49,7 @@ function EdgeShaper(parent, flags, idfunc) {
   var self = this,
     edges = [],
     toplevelSVG,
+    visibleLabels = true,
     
     idFunction = function(d) {
       return d.source._id + "-" + d.target._id;
@@ -120,7 +121,9 @@ function EdgeShaper(parent, flags, idfunc) {
     
     addQue = function (line, g) {
       addShape(line, g);
-      addLabel(line, g);
+      if (visibleLabels) {
+        addLabel(line, g);
+      }
       addColor(line, g);
       addEvents(line, g);
       addPosition(line, g);
@@ -336,7 +339,16 @@ function EdgeShaper(parent, flags, idfunc) {
   
   self.reshapeEdges = function() {
     shapeEdges();
-  }; 
+  };
+  
+  self.activateLabel = function(toogle) {
+    if (toogle) {
+      visibleLabels = true;
+    } else {
+      visibleLabels = false;
+    }
+    shapeEdges();
+  };
 }
 
 EdgeShaper.shapes = Object.freeze({

html/admin/js/graphViewer/graph/nodeShaper.js

@@ -64,7 +64,8 @@ function NodeShaper(parent, flags, idfunc) {
   "use strict";
   
   var self = this,
-    nodes = [],  
+    nodes = [],
+    visibleLabels = true,
     noop = function (node) {
     
     },
@@ -120,7 +121,9 @@ function NodeShaper(parent, flags, idfunc) {
     
     addQue = function (g) {
       addShape(g);
-      addLabel(g);
+      if (visibleLabels) {
+        addLabel(g);
+      }
       addColor(g);
       addEvents(g);
       addDistortion();
@@ -350,6 +353,15 @@ function NodeShaper(parent, flags, idfunc) {
     shapeNodes();
   };
   
+  self.activateLabel = function(toogle) {
+    if (toogle) {
+      visibleLabels = true;
+    } else {
+      visibleLabels = false;
+    }
+    shapeNodes();
+  };
+  
 }
 
 NodeShaper.shapes = Object.freeze({

html/admin/js/graphViewer/jasmine_test/specEdgeShaper/edgeShaperSpec.js

@@ -693,6 +693,32 @@
         expect($("#2-1")[0].textContent).toEqual("new");
       });
       
+      it('should be possible to toggle label display', function() {
+        var nodes = helper.createSimpleNodes([1, 2]),
+        edges = [
+          {
+            "source": nodes[0],
+            "target": nodes[1],
+            _data: {
+              "label": "test"
+            }
+          }
+        ];
+        shaper.drawEdges(edges);
+        
+        expect($("#1-2")[0].textContent).toEqual("test");
+        
+        shaper.activateLabel(false);
+        
+        expect($("#1-2")[0].textContent).toEqual("");
+        expect($("#1-2 text").length).toEqual(0);
+        
+        shaper.activateLabel(true);
+        
+        expect($("#1-2")[0].textContent).toEqual("test");
+      });
+      
+      
     });
     
     describe('using a function for labels', function() {

html/admin/js/graphViewer/jasmine_test/specNodeShaper/nodeShaperSpec.js

@@ -710,6 +710,32 @@
         
       });
 
+      it('should be possible to toggle label display', function() {
+        var node = [{
+          _id: 1,
+          _data: {
+            label: "test"
+          }
+        }];
+
+        shaper.drawNodes(node);
+        
+        expect($("svg .node text").length).toEqual(1);
+        expect($("svg .node text")[0].textContent).toEqual("test");
+        
+        
+        shaper.activateLabel(false);
+        
+        expect($("svg .node text").length).toEqual(0);
+        
+        
+        shaper.activateLabel(true);
+        
+        expect($("svg .node text").length).toEqual(1);
+        expect($("svg .node text")[0].textContent).toEqual("test");
+        
+      });
+
     });
 
     describe('using a function for labels', function () {