From a8352e543acd2a551424c27bc756cc56ef649a94 Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Thu, 21 May 2020 15:47:01 +0100
Subject: [PATCH] added more pouchdb code

---
 .../experimental/layers/ConnectionsLayer.vue  | 19 ++++++++++++++++++-
 app/src/store/index.js                        | 10 +++++-----
 app/src/views/Sandbox.vue                     |  1 +
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/app/src/experimental/layers/ConnectionsLayer.vue b/app/src/experimental/layers/ConnectionsLayer.vue
index a72bdc8..981fe54 100644
--- a/app/src/experimental/layers/ConnectionsLayer.vue
+++ b/app/src/experimental/layers/ConnectionsLayer.vue
@@ -42,10 +42,10 @@ import { getPalette } from '@/experimental/constants/color'
 
 // import { generateConnectionHandles } from '@/utils/nodes'
 // import { generateBezierCurve, makeBezier } from '@/utils/svg'
-
 //import { generateConnectionHandles } from '@/utils/nodes'
 import { generateBezierCurve } from '@/experimental/utils/svg'
 import { groupBy } from '@/experimental/utils/helpers'
+import { mapState } from 'vuex'
 
 const groupByFrom = groupBy('from')
 
@@ -102,6 +102,10 @@ export default {
         }
       })
     },
+
+    ...mapState({
+      connections: (state) => state.configConnections,
+    }),
   },
   methods: {
     getCurve(connection) {
@@ -119,6 +123,19 @@ export default {
     findNode(id) {
       return [...this.nodes].find((pt) => pt.id === id)
     },
+
+    // startConnect(connectid, fromNode, toNode, startx, starty, endx, endy, connected) {
+    //   this.$store.dispatch('startConnect', {
+    //     connectid,
+    //     fromNode,
+    //     toNode,
+    //     startx,
+    //     starty,
+    //     endx,
+    //     endy,
+    //     connected,
+    //   })
+    // },
   },
 }
 </script>
diff --git a/app/src/store/index.js b/app/src/store/index.js
index 0eaf40b..c67a768 100644
--- a/app/src/store/index.js
+++ b/app/src/store/index.js
@@ -237,8 +237,8 @@ const store = new Vuex.Store({
 
       state.configConnections.push({
         connectid: connectid,
-        startid: e.e,
-        endid: e.f,
+        startid: e.fromNode,
+        endid: e.toNode,
         startx: e.startx,
         starty: e.starty,
         endx: e.endx,
@@ -591,12 +591,12 @@ const store = new Vuex.Store({
 
     startConnect: (
       { commit },
-      { connectid, e, f, startx, starty, endx, endy, connected }
+      { connectid, fromNode, toNode, startx, starty, endx, endy, connected }
     ) => {
       commit('MAKE_CONNECT', {
         connectid,
-        e,
-        f,
+        fromNode,
+        toNode,
         startx,
         starty,
         endx,
diff --git a/app/src/views/Sandbox.vue b/app/src/views/Sandbox.vue
index 2d8385a..2117d09 100644
--- a/app/src/views/Sandbox.vue
+++ b/app/src/views/Sandbox.vue
@@ -65,6 +65,7 @@ export default {
       myNodes: (state) => state.myNodes,
       otherNodes: (state) => state.otherNodes,
       shortcutstate: (state) => state.shortcutstate,
+      connections: (state) => state.configConnections,
     }),
     ...mapGetters({
       activeMode: 'ui/activeMode',
-- 
GitLab