From bb21a4dbdc6a0ccecc49516846e5f5c93cbc802f Mon Sep 17 00:00:00 2001
From: mvdbeek <m.vandenbeek@gmail.com>
Date: Mon, 26 Sep 2022 15:30:45 +0200
Subject: [PATCH] Cleanup unused remains

---
 client/package.json                           |  4 +++
 .../src/components/Workflow/Editor/D3Zoom.vue |  2 +-
 .../Workflow/Editor/WorkflowGraph.vue         | 14 +++-------
 client/src/style/scss/workflow.scss           | 26 ++++++++-----------
 client/yarn.lock                              | 17 ------------
 5 files changed, 19 insertions(+), 44 deletions(-)

diff --git a/client/package.json b/client/package.json
index b41a69d2443..901e1abb6f3 100644
--- a/client/package.json
+++ b/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",
diff --git a/client/src/components/Workflow/Editor/D3Zoom.vue b/client/src/components/Workflow/Editor/D3Zoom.vue
index f940dbe911d..8bfc3f88c9e 100644
--- a/client/src/components/Workflow/Editor/D3Zoom.vue
+++ b/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({
diff --git a/client/src/components/Workflow/Editor/WorkflowGraph.vue b/client/src/components/Workflow/Editor/WorkflowGraph.vue
index d896f63b1e6..7f508b00ef0 100644
--- a/client/src/components/Workflow/Editor/WorkflowGraph.vue
+++ b/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) {
diff --git a/client/src/style/scss/workflow.scss b/client/src/style/scss/workflow.scss
index b67a8be2d93..ea8925a05ac 100644
--- a/client/src/style/scss/workflow.scss
+++ b/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;
diff --git a/client/yarn.lock b/client/yarn.lock
index 923f01c7211..a65d77b3233 100644
--- a/client/yarn.lock
+++ b/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"