From 97b4aae360d2feb0703de24189bd08137c01bea2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Mon, 11 Jan 2021 19:51:05 +0100
Subject: [PATCH] remove currentTransform (unnecessary)

---
 app/src/components/SVGContent.vue | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/app/src/components/SVGContent.vue b/app/src/components/SVGContent.vue
index 309c0c8..9c98d91 100644
--- a/app/src/components/SVGContent.vue
+++ b/app/src/components/SVGContent.vue
@@ -11,7 +11,7 @@
         Current position: {{ Math.round(bbox.x) }}x{{ Math.round(bbox.y) }}
       </div>
       <div>
-        Zoom level: {{ currentTransform ? (Math.round(currentTransform.scale * 1000) / 1000) : '???' }}
+        Zoom level: {{ (Math.round(bbox.z * 1000) / 1000) }}
       </div>
       <label>
         <input v-model="showInternal" type="checkbox">
@@ -23,7 +23,7 @@
 
 <script lang="ts">
 import {defineComponent, onMounted, reactive, ref} from "vue";
-import createPanZoom, {PanZoom, Transform} from "panzoom";
+import createPanZoom, {PanZoom} from "panzoom";
 import VideoScroll, {VideoScrollDef, VideoScrollDirection} from "@/components/VideoScroll.vue";
 import AudioArea, {AudioAreaDef} from "@/components/AudioArea.vue";
 import Stats from "stats.js";
@@ -56,12 +56,12 @@ export default defineComponent({
     const scrolls = ref<VideoScrollDef[]>([]);
     const panToAnchor = ref();
     const audioAreas = ref<AudioAreaDef[]>([]);
-    const currentTransform = ref<Transform | null>(null);
     const bbox = reactive({
       x: ref(0),
       y: ref(0),
       w: ref(0),
-      h: ref(0)
+      h: ref(0),
+      z: ref(1)
     });
 
     onMounted(async () => {
@@ -96,7 +96,6 @@ export default defineComponent({
         }
       });
       panzoom.value = pz;
-      currentTransform.value = pz.getTransform();
 
       // Calculate SVG-unit bounding box, update transform
       pz.on("transform", function (_) {
@@ -107,8 +106,7 @@ export default defineComponent({
         bbox.y = transform.y / currentRatio * -1;
         bbox.w = window.innerWidth / currentRatio;
         bbox.h = window.innerHeight / currentRatio;
-
-        currentTransform.value = transform;
+        bbox.z = transform.scale;
       });
 
       function panToElement(target: SVGRectElement, smooth: boolean) {
@@ -228,8 +226,7 @@ export default defineComponent({
       panToAnchor,
       scrolls,
       audioAreas,
-      bbox,
-      currentTransform
+      bbox
     };
   },
 });