Cleanup unused remains

client/package.json

@@ -103,8 +103,12 @@
     "vue-prismjs": "^1.2.0",
     "vue-router": "^3.6.5",
     "vue-rx": "^6.2.0",
+<<<<<<< HEAD
     "vue-svg-pan-zoom": "1.1.0",
     "vue-virtual-scroll-list": "^2.3.4",
+=======
+    "vue-virtual-scroll-list": "^2.3.3",
+>>>>>>> 21d8fc90d6 (Cleanup unused remains)
     "vuedraggable": "2.24.3",
     "vuex": "^3.6.2",
     "vuex-cache": "^3.4.0",

client/src/components/Workflow/Editor/D3Zoom.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { zoom, zoomIdentity } from "d3-zoom";
-import { ref, onMounted, templateRef } from "vue";
+import { ref, onMounted } from "vue";
 import { pointer, select } from "d3-selection";
 
 const props = defineProps({

client/src/components/Workflow/Editor/WorkflowGraph.vue

@@ -84,7 +84,6 @@ export default {
         return {
             isWheeled: false,
             draggingConnection: null,
-            svgpanzoom: null,
             transform: null,
             pan: { x: 0, y: 0 },
             transform: "",
@@ -125,6 +124,9 @@ export default {
                 translateY: pan.y,
             });
         },
+        onMoveTo(moveTo) {
+            // implement me
+        },
         onResetAll() {
             this.pan = { x: 0, y: 0 };
             this.setScale(1);
@@ -149,9 +151,6 @@ export default {
             console.log(this.pan);
             this.setScale(scaleData.scale);
         },
-        onMoveTo(moveTo) {
-            this.svgpanzoom.pan(moveTo);
-        },
         onUpdatedCTM(CTM) {
             this.transform = CTM;
         },
@@ -170,13 +169,6 @@ export default {
         },
         onZoomButton(zoomLevel) {
             this.setScale(zoomLevel);
-            this.svgpanzoom.zoom(zoomLevel);
-        },
-        registerSvgPanZoom(svgpanzoom) {
-            this.svgpanzoom = svgpanzoom;
-        },
-        onPanContainer(e) {
-            this.svgpanzoom.panBy({ x: e.data.deltaX, y: e.data.deltaY });
         },
         onActivate(nodeId) {
             if (this.activeNodeId != nodeId) {

client/src/style/scss/workflow.scss

@@ -1,7 +1,3 @@
-.vue-pan-zoom-scene {
-    width: 100%;
-    height: 100%;
-}
 .canvas-svg {
     // not sure if hack or not ...
     overflow: visible;
@@ -11,10 +7,10 @@
 .node-area {
     position: absolute;
     top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        transform-origin: 0 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transform-origin: 0 0;
 }
 .workflow-client {
     .workflow-panel {
@@ -203,13 +199,13 @@
                     width: 100%;
                     height: 100%;
                 }
-                                .mini-node {
-                                    // this is $primary-brand / #25537b
-                                        filter: invert(26%) sepia(75%) saturate(489%) hue-rotate(166deg) brightness(90%) contrast(89%);
-                                }
-                                                                .viewport {
-                                                                    stroke: #25537b
-                                                                }
+                .mini-node {
+                    // this is $primary-brand / #25537b
+                    filter: invert(26%) sepia(75%) saturate(489%) hue-rotate(166deg) brightness(90%) contrast(89%);
+                }
+                .viewport {
+                    stroke: #25537b
+                }
             }
             #input-choices-menu {
                 color: black;

client/yarn.lock

@@ -1105,11 +1105,6 @@
     "@citation-js/name" "^0.4.2"
     wikidata-sdk "^8.0.0"
 
-"@coddicat/vue-pinch-scroll-zoom@^3.3.4":
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/@coddicat/vue-pinch-scroll-zoom/-/vue-pinch-scroll-zoom-3.3.4.tgz#48f5a2a4ac09c950799e6c2ecf62bde6c6f500c1"
-  integrity sha512-qGBK7TKg5Ii39u/2JnbfoBfQVaQfuVY865KR+X1vWbtaa8LWfwS+q4HgBHlV7JV1729a9zp3c9XDKIJoBVnAmA==
-
 "@colors/colors@1.5.0":
   version "1.5.0"
   resolved "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz"
@@ -9501,11 +9496,6 @@ sver-compat@^1.5.0:
     es6-iterator "^2.0.1"
     es6-symbol "^3.1.1"
 
-svg-pan-zoom@3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/svg-pan-zoom/-/svg-pan-zoom-3.6.0.tgz#31d8137d7e079e8f059effd85c7605b0567b6e4b"
-  integrity sha512-ZBEL2z/n/W2fLLFzn3NTQgd+7QEfbrKvKmu29U3qvMflmJgLaWkwKbOzWJYESFidTiGYMHkijAKmY6m64moyYg==
-
 svg-pathdata@^6.0.3:
   version "6.0.3"
   resolved "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz"
@@ -10180,13 +10170,6 @@ vue-style-loader@^4.1.0:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-svg-pan-zoom@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/vue-svg-pan-zoom/-/vue-svg-pan-zoom-1.1.0.tgz#7f104366a51d6fa3d4b0f798788c05296d811436"
-  integrity sha512-H/KuL+zuSsZtQETFyE68Ms6YfMjfvLCtBKYcFc/o2NZsP6dlV3+XJfywjqZJKPsFUYJkFvX6XgNe+BKUqnkzzQ==
-  dependencies:
-    svg-pan-zoom "3.6.0"
-
 vue-template-compiler@^2.7.8:
   version "2.7.8"
   resolved "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.8.tgz"