From 7d766aa4482b33b7bb338329d3876da9b036a149 Mon Sep 17 00:00:00 2001 From: Adam Procter <adamprocter@researchnot.es> Date: Fri, 10 Apr 2020 17:14:01 +0100 Subject: [PATCH] basic list view The loops need reviewing I think there is a better way but will do for now --- app/src/components/ControlsLayer.vue | 2 +- app/src/views/Home.vue | 30 +++++++++++++++------------- 2 files changed, 17 insertions(+), 15 deletions(-) diff --git a/app/src/components/ControlsLayer.vue b/app/src/components/ControlsLayer.vue index cb58d7b..b2ce6f1 100644 --- a/app/src/components/ControlsLayer.vue +++ b/app/src/components/ControlsLayer.vue @@ -2,7 +2,7 @@ <div class="controls"> <div class="btn-row"> <BaseButton buttonClass="action" @click="addNode()">Create Node</BaseButton> - <BaseButton buttonClass="action" @click="listView()">List View</BaseButton> + <BaseButton buttonClass="action" @click="listView()">Switch View</BaseButton> <BaseButton buttonClass="action" @click="removeLocal()">Join another microcosm</BaseButton> <!-- <BaseButton @click="exportStorage()">Export my contributions</BaseButton> <BaseButton buttonClass="danger" v-on:click="deleteClient"> diff --git a/app/src/views/Home.vue b/app/src/views/Home.vue index c7c7a6c..17a3d19 100644 --- a/app/src/views/Home.vue +++ b/app/src/views/Home.vue @@ -1,20 +1,6 @@ <template> <div class="home"> <div v-if="clientset"> - <OtherNodeslayer - v-for="value in otherNodes" - v-bind:key="value.node_id" - v-bind:nodeid="value.node_id" - v-bind:nodetext="value.node_text" - /> - - <NodesLayer - @editTrue="e => editTrue(e)" - v-for="value in myNodes" - v-bind:key="value.node_id" - v-bind:nodeid="value.node_id" - v-bind:nodetext="value.node_text" - /> <div v-if="listview"> <ListLayer v-for="value in myNodes" @@ -30,6 +16,22 @@ v-bind:nodetext="value.node_text" /> </div> + <div v-else> + <OtherNodeslayer + v-for="value in otherNodes" + v-bind:key="value.node_id" + v-bind:nodeid="value.node_id" + v-bind:nodetext="value.node_text" + /> + + <NodesLayer + @editTrue="e => editTrue(e)" + v-for="value in myNodes" + v-bind:key="value.node_id" + v-bind:nodeid="value.node_id" + v-bind:nodetext="value.node_text" + /> + </div> <ControlsLayer @listView="listView()" /> </div> <OnBoard v-else @clientAdded="clientAdded()" /> -- GitLab