first commit

MessagesMap/konvaperform/js/app.js

@@ -0,0 +1,54 @@
+$(document).foundation();
+
+    swapShiftKey = 0;
+    swapZKey = 0;
+    swapAKey = 0;
+    swapMouseOver = 0;
+
+    document.getElementById("loadingMap").innerHTML = "<div class='spinner-wrapper'><span class='spinner-text'>Daten werden geladen...</span><span class='spinner'></span></div>";
+
+    document.addEventListener('keyup', function (event) {
+      if (event.key === 'z') {
+        console.log('%c Zoom zurückgesetzt !', 'color:#ff0a0a');
+        swapZKey = 0;
+        fitStageReset();
+      }
+    });
+    document.addEventListener('keydown', function (event) {
+      if (event.key === 'z' && swapZKey === 0) {
+        console.log('%c Zoom zurücksetzen', 'color:#008002');
+        swapZKey = 1;
+      }
+    });
+
+    document.addEventListener('keyup', function (event) {
+      if (event.key === 'q') {
+        console.log('%c Zoom zurückgesetzt !', 'color:#ff0a0a');
+        swapAKey = 0;
+        cableReset();
+      }
+    });
+    document.addEventListener('keydown', function (event) {
+      if (event.key === 'q' && swapZKey === 0) {
+        console.log('%c Zoom zurücksetzen', 'color:#008002');
+        swapAKey = 1;
+      }
+    });
+
+
+
+    document.addEventListener('wheel', function (event) {
+      stage.listening(false);
+      //document.getElementById("zoomAktuell").innerHTML = "<b>"+newScale.toFixed(2)+"</b>";
+      //console.log("Listerner Aus");
+      setTimeout(() => {
+        stage.listening(true);
+        layer.batchDraw();   
+        //console.log("Listerner Ein");
+      }, 500);
+    });
+
+    function closeInfoSheet() {
+      document.getElementById("infoSheet").style.visibility = "hidden";
+      localStorage.setItem("infoSheet",1);
+    }