document.addEventListener('DOMContentLoaded', function() {
    panZoom = svgPanZoom(document.getElementById('module-graph-svg').querySelector('svg'), {
        zoomEnabled: true,
        minZoom: 1,
        maxZoom: 5
    });

    document.getElementById('zoom-in').addEventListener('click', function(ev) {
        ev.preventDefault();
        panZoom.zoomIn();
    });

    document.getElementById('zoom-out').addEventListener('click', function(ev) {
        ev.preventDefault();
        panZoom.zoomOut();
    });

    document.getElementById('reset').addEventListener('click', function(ev) {
        ev.preventDefault();
        panZoom.resetZoom();
        panZoom.resetPan();
    });

    var overviewFullscreen = false,
        originalOverviewHeight;

    document.getElementById('fullscreen').addEventListener('click', function(ev) {
        if (overviewFullscreen) {
            document.getElementById('module-graph-svg').style.height = originalOverviewHeight;
            overviewFullscreen = false;
            if (ev.target) {
                ev.target.classList.remove('fa-compress');
            }
        } else {
            originalOverviewHeight = document.getElementById('module-graph-svg').style.height;
            document.getElementById('module-graph-svg').style.height = '85vh';
            overviewFullscreen = true;
            if (ev.target) {
                ev.target.classList.add('fa-compress');
            }
        }
        document.getElementById('module-graph-svg').querySelector('svg').style.height = document.getElementById('module-graph-svg').clientHeight;
        setTimeout(function() {
            panZoom.resize();
            panZoom.fit();
            panZoom.center();
        }, 0)
    });

});

@@ -48,24 +48,83 @@
 unction() %7B%0A
+    if (document.getElementById('module-graph-svg')) %7B%0A    
     panZoom 
@@ -212,16 +212,20 @@
         
+   
+ 
 zoomEnab
@@ -243,16 +243,20 @@
         
+    
 minZoom:
@@ -267,16 +267,20 @@
         
+   
+ 
 maxZoom:
@@ -282,29 +282,41 @@
 Zoom: 5%0A    
-%7D);%0A%0A
+    %7D);%0A    %0A    
     document
@@ -383,32 +383,36 @@
 n(ev) %7B%0A        
+    
 ev.preventDefaul
@@ -416,32 +416,36 @@
 ault();%0A        
+    
 panZoom.zoomIn()
@@ -442,37 +442,49 @@
 m.zoomIn();%0A    
+  
+  
 %7D);%0A
-%0A
+    %0A    
     document.get
@@ -548,32 +548,36 @@
 n(ev) %7B%0A        
+    
 ev.preventDefaul
@@ -581,32 +581,36 @@
 ault();%0A        
+  
+  
 panZoom.zoomOut(
@@ -612,29 +612,41 @@
 mOut();%0A    
-%7D);%0A%0A
+    %7D);%0A    %0A    
     document
@@ -711,32 +711,36 @@
 n(ev) %7B%0A        
+ 
+   
 ev.preventDefaul
@@ -736,32 +736,36 @@
 eventDefault();%0A
+    
         panZoom.
@@ -777,32 +777,36 @@
 Zoom();%0A        
+ 
+   
 panZoom.resetPan
@@ -813,21 +813,33 @@
 ();%0A    
-%7D);%0A%0A
+    %7D);%0A    %0A    
     var 
@@ -866,32 +866,36 @@
  false,%0A        
+    
 originalOverview
@@ -902,17 +902,25 @@
 Height;%0A
+    
 %0A
+    
     docu
@@ -986,32 +986,36 @@
  function(ev) %7B%0A
+    
         if (over
@@ -1036,32 +1036,36 @@
 ) %7B%0A            
+    
 document.getElem
@@ -1123,32 +1123,36 @@
 OverviewHeight;%0A
+    
             over
@@ -1179,32 +1179,36 @@
 se;%0A            
+    
 if (ev.target) %7B
@@ -1200,32 +1200,36 @@
 f (ev.target) %7B%0A
+    
                 
@@ -1283,26 +1283,33 @@
         
-%7D%0A
+    %7D%0A   
         
 %7D else %7B
@@ -1300,16 +1300,17 @@
         
+ 
 %7D else %7B
@@ -1310,16 +1310,20 @@
  else %7B%0A
+    
         
@@ -1413,32 +1413,36 @@
 ht;%0A            
+   
+ 
 document.getElem
@@ -1496,32 +1496,36 @@
 h';%0A            
+    
 overviewFullscre
@@ -1539,32 +1539,36 @@
 ue;%0A            
+   
+ 
 if (ev.target) %7B
@@ -1560,32 +1560,36 @@
 f (ev.target) %7B%0A
+    
                 
@@ -1632,32 +1632,36 @@
 ');%0A            
+    
 %7D%0A        %7D%0A    
@@ -1654,26 +1654,32 @@
         
+ 
-%7D%0A
+   %7D%0A  
         
 document
@@ -1662,32 +1662,34 @@
     %7D%0A          
+  
 document.getElem
@@ -1818,16 +1818,20 @@
         
+    
 setTimeo
@@ -1850,32 +1850,36 @@
 ) %7B%0A            
+   
+ 
 panZoom.resize()
@@ -1884,32 +1884,36 @@
 ();%0A            
+    
 panZoom.fit();%0A 
@@ -1915,32 +1915,36 @@
 ();%0A            
+  
+  
 panZoom.center()
@@ -1953,16 +1953,20 @@
         
+    
 %7D, 0)%0A  
@@ -1967,17 +1967,26 @@
  0)%0A    
+  
+  
 %7D);%0A
+    %7D
 %0A%7D);%0A

handle no graph for controls