From 60ead396aeaa8d677292261edc9b88042b922505 Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Tue, 18 Feb 2020 00:51:21 +0000
Subject: [PATCH] update
---
canvas-10-feb/src/components/NodesLayer.vue | 30 +++++++++++----------
canvas-10-feb/src/views/Home.vue | 3 ++-
2 files changed, 18 insertions(+), 15 deletions(-)
diff --git a/canvas-10-feb/src/components/NodesLayer.vue b/canvas-10-feb/src/components/NodesLayer.vue
index b53f533..e4c3030 100644
--- a/canvas-10-feb/src/components/NodesLayer.vue
+++ b/canvas-10-feb/src/components/NodesLayer.vue
@@ -1,14 +1,10 @@
<template>
- <!-- make container draggable using ref suppose to help with rapid dragging, DOESNT -->
- <div ref="nodes">
- <div class="node">
- <form id="editForm" class="myScroll">
- <textarea ref="notetext" v-model="nodetext"></textarea>
-
- <p>{{ nodetext }} markdown supported</p>
- <button>delete</button>
- </form>
- </div>
+ <div ref="nodes" class="node" v-bind:id="nodeid">
+ <form id="editForm" class="myScroll">
+ <textarea v-model="nodetext"></textarea>
+ <p>markdown supported</p>
+ <button>delete</button>
+ </form>
</div>
</template>
@@ -18,17 +14,23 @@ import { drag } from './mixins/drag.js'
export default {
name: 'NodesLayer',
mixins: [drag],
+ // FIXME : these probably need to be data/ computed and not props
+ // as will be editable
+ props: { nodetext: String, nodeid: Number },
+
+ // data() {
+ // return {
+ //
+ // }
+ // },
- props: {
- nodetext: String
- },
mounted() {
var nodes = this.$refs.nodes
this.makeDraggable(nodes)
},
methods: {
setFocus() {
- this.$refs.notetext.focus()
+ this.$refs.nodetext.focus()
},
editNodeText() {},
deleteFlag() {}
diff --git a/canvas-10-feb/src/views/Home.vue b/canvas-10-feb/src/views/Home.vue
index 406bf69..17545e0 100644
--- a/canvas-10-feb/src/views/Home.vue
+++ b/canvas-10-feb/src/views/Home.vue
@@ -4,7 +4,8 @@
<NodesLayer
v-for="(value, index) in configNodes"
v-bind:key="index"
- v-bind:nodetext="configNodes.text"
+ v-bind:nodeid="value.id"
+ v-bind:nodetext="value.text"
/>
<CanvasLayer />
<ControlsLayer />
--
GitLab