From 913d07e30321ec8e21cf3084fe12116c276f848f Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Mon, 30 Nov 2020 17:28:30 +0000
Subject: [PATCH] draft stab at v-for pre-filter

Not rendering but code is valid
---
 app/src/components/ListLayer.vue | 42 ++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/app/src/components/ListLayer.vue b/app/src/components/ListLayer.vue
index 80287dc..3ceed0b 100644
--- a/app/src/components/ListLayer.vue
+++ b/app/src/components/ListLayer.vue
@@ -1,5 +1,19 @@
 <template>
   <div>
+    // FIXME : Future loop does not work yet // future loop Code
+    <div v-for="(value, index) in nodes" v-bind:key="index">
+      {{ value.node_text }}
+    </div>
+    // read mode version
+    <div v-for="(value, index) in readnodes" v-bind:key="index">
+      {{ value.node_text }}
+    </div>
+
+    <div v-for="(value, index) in emojis" v-bind:key="index">
+      {{ value.emoji_text }}
+    </div>
+
+    // current looper
     <div v-for="(value, index) in configPositions" v-bind:key="index">
       <div v-if="nodeid == value.node_id && deleted == false">
         <form class="nodes">
@@ -80,6 +94,34 @@ export default {
     myNodes: (state) => state.myNodes,
     configPositions: (state) => state.configPositions,
     configEmoji: (state) => state.configEmoji,
+
+    // FIXME: these filters dont work yet
+    nodes: () => {
+      return this.nodes.filter(function (node) {
+        return (
+          (node == this.myNodes.node_id) == this.configPositions.node_id &&
+          this.myNodes.deleted == false &&
+          this.configPositions.read_mode == false
+        )
+      })
+    },
+    readnodes: () => {
+      return this.readnodes.filter(function (node) {
+        return (
+          (node == this.myNodes.node_id) == this.configPositions.node_id &&
+          this.myNodes.deleted == false &&
+          this.configPositions.read_mode == true
+        )
+      })
+    },
+    emojis: () => {
+      return this.nodes.filter(function (emoji) {
+        return (
+          (emoji == this.myNodes.node_id) == this.configPositions.node_id &&
+          this.myNodes.deleted == false
+        )
+      })
+    },
   }),
 
   myArray: null,
-- 
GitLab