From 95d4b6f66f73920b92f1bd1b5295078d4411719c Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Thu, 10 Jun 2021 17:17:21 +0200
Subject: [PATCH] make node-views emit instead of calling the store

---
 src/components/NodeMap.vue                  | 5 +++--
 src/components/nodes/NodeViewChildList.vue  | 4 ++--
 src/components/nodes/NodeViewFooter.vue     | 4 ++--
 src/components/nodes/NodeViewHeaderProd.vue | 2 +-
 src/components/nodes/NodeViewHeaderRef.vue  | 9 +++++++--
 src/pages/library/CardList.vue              | 1 +
 6 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/NodeMap.vue b/src/components/NodeMap.vue
index db46abe..5bf7c1f 100644
--- a/src/components/NodeMap.vue
+++ b/src/components/NodeMap.vue
@@ -191,11 +191,12 @@ export default {
     // BASIC HANDLERS
 
     onNodeClick (nodeData) {
+      // FIXME CURRENT PROBLEM AS API TREATING TEXTPRODs as TEXTREFs (no `parents:`)
       const { id, parents } = nodeData
       if (parents) {
-        this.$emit('open', parents[0].id, id)
+        this.$emit('open-node', parents[0].id, id)
       } else {
-        this.$emit('open', id)
+        this.$emit('open-node', id)
       }
     }
   },
diff --git a/src/components/nodes/NodeViewChildList.vue b/src/components/nodes/NodeViewChildList.vue
index 3c3a678..6a97d05 100644
--- a/src/components/nodes/NodeViewChildList.vue
+++ b/src/components/nodes/NodeViewChildList.vue
@@ -36,12 +36,12 @@ export default {
   },
 
   computed: {
-    ...mapGetters(['activeNodes']),
+    ...mapGetters(['activeNodes'])
   },
 
   methods: {
     onOpen (childId) {
-      this.$store.dispatch('OPEN_NODE', [this.parentId, childId])
+      this.$emit('open-child', childId)
     }
   },
 
diff --git a/src/components/nodes/NodeViewFooter.vue b/src/components/nodes/NodeViewFooter.vue
index 9974242..3aa9f84 100644
--- a/src/components/nodes/NodeViewFooter.vue
+++ b/src/components/nodes/NodeViewFooter.vue
@@ -71,8 +71,8 @@ export default {
   methods: {
     toCommaList,
 
-    onOpen (nodeId) {
-      this.$store.dispatch('OPEN_NODE', [nodeId])
+    onOpen (siblingId) {
+      this.$parent.$emit('open-node', siblingId)
     }
   }
 }
diff --git a/src/components/nodes/NodeViewHeaderProd.vue b/src/components/nodes/NodeViewHeaderProd.vue
index 7f9fa70..4edd0dc 100644
--- a/src/components/nodes/NodeViewHeaderProd.vue
+++ b/src/components/nodes/NodeViewHeaderProd.vue
@@ -42,7 +42,7 @@ export default {
     toCommaList,
 
     onClose () {
-      this.$store.dispatch('CLOSE_NODE', this.node.id)
+      this.$parent.$emit('close-node', this.node.id)
     }
   }
 }
diff --git a/src/components/nodes/NodeViewHeaderRef.vue b/src/components/nodes/NodeViewHeaderRef.vue
index 4509064..c8d3e33 100644
--- a/src/components/nodes/NodeViewHeaderRef.vue
+++ b/src/components/nodes/NodeViewHeaderRef.vue
@@ -14,7 +14,12 @@
         </div>
       </h4>
 
-      <node-view-child-list v-if="mode === 'view'" :children="node.children" :parent-id="node.id" />
+      <node-view-child-list
+        v-if="mode === 'view'"
+        :children="node.children"
+        :parent-id="node.id"
+        @open-child="$parent.$emit('open-child', $event)"
+      />
       <button-close v-if="mode === 'view'" @click="onClose()" />
     </div>
   </div>
@@ -42,7 +47,7 @@ export default {
     toCommaList,
 
     onClose () {
-      this.$store.dispatch('CLOSE_NODE', this.node.id)
+      this.$parent.$emit('close-node', this.node.id)
     }
   }
 }
diff --git a/src/pages/library/CardList.vue b/src/pages/library/CardList.vue
index c0468ef..4aa2831 100644
--- a/src/pages/library/CardList.vue
+++ b/src/pages/library/CardList.vue
@@ -8,6 +8,7 @@
             v-for="parent in parents" :key="parent.id"
             :node="parent"
             mode="card"
+            @open-node="$emit('open-node', $event)"
           />
         </div>
       </div>