From 0b9581a3960dfee63a078d97db3daf7ae00ab818 Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Sat, 19 Sep 2020 13:19:56 +0100
Subject: [PATCH] updated to fix button redraw

---
 app/src/components/ConnectionsLayer.vue | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/app/src/components/ConnectionsLayer.vue b/app/src/components/ConnectionsLayer.vue
index 296eb97..44f69f7 100644
--- a/app/src/components/ConnectionsLayer.vue
+++ b/app/src/components/ConnectionsLayer.vue
@@ -54,7 +54,7 @@ export default {
       if (this.toolmode == 'connect') {
         this.buttonsDraw()
       } else {
-        //    this.connectionsDraw()
+        this.connectionsDraw()
       }
     },
 
@@ -127,7 +127,7 @@ export default {
           .on('pointerdown', start)
           .on('pointerup', onDragEnd)
           .on('pointerup', finish)
-          .on('pointerupoutside', onDragEnd)
+          .on('pointerupoutside', onDragEndOutside)
           .on('pointermove', onDragMove)
       }
 
@@ -162,9 +162,9 @@ export default {
         buttonMapOther[i]
           .on('pointerdown', onDragStart)
           .on('pointerdown', start)
-          .on('pointerup', onDragEnd)
           .on('pointerup', finish)
-          .on('pointerupoutside', onDragEnd)
+          .on('pointerup', onDragEnd)
+          .on('pointerupoutside', onDragEndOutside)
           .on('pointermove', onDragMove)
       }
 
@@ -175,11 +175,13 @@ export default {
       let lines = []
 
       function start(event) {
+        // console.log('start')
         this.id = this.name
         ref.makeConnection(this.id, event.data.global.x, event.data.global.y)
       }
 
       function finish(event) {
+        // console.log('finish')
         this.id = this.name
         ref.makeConnection(this.id, event.data.global.x, event.data.global.y)
       }
@@ -202,7 +204,14 @@ export default {
       }
 
       function onDragEnd() {
-        console.log('end')
+        //console.log('end')
+        this.dragging = false
+        stage.removeChild(line)
+      }
+
+      function onDragEndOutside() {
+        // console.log('Outside')
+        endState = false
         this.dragging = false
         stage.removeChild(line)
       }
@@ -250,6 +259,9 @@ export default {
       }
 
       stage.addChild(graphics)
+      if (this.toolmode == 'connect') {
+        this.buttonsDraw()
+      }
     },
   },
   mounted() {
-- 
GitLab