Add documentation

2022-05-03 10:59:36 +02:00
parent cf6f1714b4
commit 6f8f0679bd
118 changed files with 27113 additions and 1325 deletions
--- a/frontend/documentation/js/svg-pan-zoom.controls.js
+++ b/frontend/documentation/js/svg-pan-zoom.controls.js
@@ -0,0 +1,53 @@
+document.addEventListener('DOMContentLoaded', function() {
+    if (document.getElementById('module-graph-svg')) {
+        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('ion-md-close');
+                    ev.target.classList.add('ion-ios-resize');
+                }
+            } 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.remove('ion-ios-resize');
+                    ev.target.classList.add('ion-md-close');
+                }
+            }
+            document.getElementById('module-graph-svg').querySelector('svg').style.height = document.getElementById('module-graph-svg').clientHeight;
+            setTimeout(function() {
+                panZoom.resize();
+                panZoom.fit();
+                panZoom.center();
+            }, 0)
+        });
+    }
+});