From 0dc1af27b57add63407296e876f9564c4cdcbfb9 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Fri, 20 Aug 2021 23:53:40 -0500
Subject: [PATCH] Fixed nodes always being draggable
---
src/components/board/Board.vue | 6 ++++--
src/components/board/BoardNode.vue | 7 ++++++-
2 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/src/components/board/Board.vue b/src/components/board/Board.vue
index 8ee94e0..b904f8e 100644
--- a/src/components/board/Board.vue
+++ b/src/components/board/Board.vue
@@ -149,8 +149,10 @@ export default defineComponent({
e.stopPropagation();
const zoom = (this.getZoomLevel as () => number)();
- this.dragged.x += (e.clientX - this.lastMousePosition.x) / zoom;
- this.dragged.y += (e.clientY - this.lastMousePosition.y) / zoom;
+ this.dragged = {
+ x: this.dragged.x + (e.clientX - this.lastMousePosition.x) / zoom,
+ y: this.dragged.y + (e.clientY - this.lastMousePosition.y) / zoom
+ }
this.lastMousePosition = {
x: e.clientX,
y: e.clientY
diff --git a/src/components/board/BoardNode.vue b/src/components/board/BoardNode.vue
index 6d8298b..93cd9c4 100644
--- a/src/components/board/BoardNode.vue
+++ b/src/components/board/BoardNode.vue
@@ -5,7 +5,7 @@
:transform="`translate(${position.x},${position.y})`"
@mouseenter="mouseEnter"
@mouseleave="mouseLeave"
- @mousedown="e => $emit('startDragging', e, node.id)"
+ @mousedown="mouseDown"
>
<g v-if="shape === Shape.Circle">
<circle
@@ -197,6 +197,11 @@ export default defineComponent({
}
},
methods: {
+ mouseDown(e: MouseEvent) {
+ if (this.draggable) {
+ this.$emit('startDragging', e, this.node.id);
+ }
+ },
mouseEnter() {
this.hovering = true;
},