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