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