diff --git a/canvas-10-feb/src/components/NodesLayer.vue b/canvas-10-feb/src/components/NodesLayer.vue index b53f5334bd23d328e96944b5dd92cd3527114914..e4c3030044d2b159f27246405eefe06d201ddbfe 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 406bf69d9caa34cdbee2e969d5ff67e621afa601..17545e0f615e60be91a8a61b74d9d84227c416d2 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 />