position now within Couch / Pouch

src/components/user-interface.vue

@@ -49,14 +49,15 @@ export default {
     ];
 
     data.forEach(element => {
-      index = index + 20
+      //index = index + 20
 
-      var rect_1 = nodes.group().translate(0, index).draggy()
-      rect_1.rect(100, 20).attr({
+      var rect_1 = nodes.group().translate(element.xpos, element.ypos).draggy()
+      rect_1.rect(150, 40).attr({
           fill: colours[Math.floor(Math.random() * colours.length)]
       })
 
       rect_1.text(element.owner)
+      
         
 //    rect_1.connectable({
 //      container: links,

src/views/editor.vue

@@ -40,7 +40,9 @@ name: 'editor',
      type:'',
      owner:'',
      connections:[],
-     metadata:{}
+     metadata:{},
+     xpos:0,
+     ypos:0
      }
   },
 
@@ -57,7 +59,9 @@ name: 'editor',
            type:this.type,
            owner:this.owner,
            connections:this.connections,
-           metadata:this.metadata
+           metadata:this.metadata,
+           xpos:this.xpos,
+           ypos:this.ypos
          })
 
           this.syncData()