From 8be4179af6845a0de932a2743abdbecaf21c55ba Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Fri, 4 Sep 2020 08:22:08 +0100
Subject: [PATCH] wip
---
app/src/components/BaseButton.vue | 1 +
app/src/components/ConnectionsLayer.vue | 48 +++++++++++++++++++++++--
2 files changed, 47 insertions(+), 2 deletions(-)
diff --git a/app/src/components/BaseButton.vue b/app/src/components/BaseButton.vue
index 542f513..57e124d 100644
--- a/app/src/components/BaseButton.vue
+++ b/app/src/components/BaseButton.vue
@@ -61,6 +61,7 @@ button.action {
button:active {
background-color: #cab6ff;
}
+
/* FIXME: old code */
button.new-link {
position: absolute;
diff --git a/app/src/components/ConnectionsLayer.vue b/app/src/components/ConnectionsLayer.vue
index 08179a4..c6cc3b6 100644
--- a/app/src/components/ConnectionsLayer.vue
+++ b/app/src/components/ConnectionsLayer.vue
@@ -50,9 +50,43 @@ export default {
}
},
+ makeConnection() {
+ // var i
+ // var j
+ // for (i = 0; i < Object.keys(this.myNodes).length; i++) {
+ // for (j = 0; j < Object.keys(this.configPositions).length; j++) {
+ // if (this.configPositions[j].node_id == this.myNodes[i].node_id) {
+ // console.log(this.myNodes[i].node_id)
+ // }
+ // }
+ // }
+ // if (this.connectionstate == false) {
+ // fromnode = id
+ // xposstart = xpos
+ // yposstart = ypos
+ // //count = 1
+ // this.$store.dispatch('connectionState', true)
+ // } else if (this.connectionstate == true) {
+ // tonode = id
+ // xposend = xpos
+ // yposend = ypos
+ // // count = 0
+ // this.$store.dispatch('connectionState', false)
+ // this.$store.dispatch('makeConnect', {
+ // fromnode,
+ // tonode,
+ // xposstart,
+ // yposstart,
+ // xposend,
+ // yposend,
+ // })
+ // }
+ },
buttonsDraw() {
var i
var j
+
+ var ref = this
this.canvas = this.$refs.pixi
const stage = this.PIXIApp.stage
let buttons = new PIXI.Graphics()
@@ -70,6 +104,8 @@ export default {
15
)
buttons.endFill()
+ // names it the last one only?
+ buttons.name = this.myNodes[i].node_id
}
}
}
@@ -86,6 +122,8 @@ export default {
15
)
buttons.endFill()
+ // names it the last one only
+ buttons.name = this.otherNodes[i].node_id
}
}
}
@@ -99,16 +137,21 @@ export default {
buttons
.on('pointerdown', onDragStart)
+ .on('pointerdown', start)
.on('pointerup', onDragEnd)
.on('pointerupoutside', onDragEnd)
.on('pointermove', onDragMove)
let lines = []
+ function start() {
+ ref.makeConnection()
+ }
+
function onDragStart(event) {
- console.log(event)
this.dragging = true
-
+ // returns on the last one in the loop
+ console.log(this.name)
let mouseX = event.data.global.x
let mouseY = event.data.global.y
@@ -123,6 +166,7 @@ export default {
}
function onDragEnd() {
+ // console.log(this.name)
this.dragging = false
stage.removeChild(line)
}
--
GitLab