From bdfb80e0921c04ee91cdfdef486002c08fd1b744 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Sun, 1 Aug 2021 14:56:41 +0200
Subject: [PATCH] add edit link for admin

---
 src/components/nodes/NodeViewFooter.vue | 15 ++++++++++++++-
 src/store/nodes.js                      |  2 ++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/nodes/NodeViewFooter.vue b/src/components/nodes/NodeViewFooter.vue
index 5835b8e..c9416ab 100644
--- a/src/components/nodes/NodeViewFooter.vue
+++ b/src/components/nodes/NodeViewFooter.vue
@@ -13,6 +13,14 @@
           </b-badge>
         </div>
 
+        <b-button
+          v-if="debug"
+          variant="kit" class="btn-edit"
+          :href="`/api/node/${node.id}/edit?destination=/api/node/${node.id}`" target="_blank"
+        >
+          Éditer
+        </b-button>
+
         <div v-if="mode === 'view' && node.siblings && node.siblings.length">
           <b-button :id="'siblings-' + node.id" variant="depart" class="btn-shadow siblings">
             {{ $t('siblings') }}
@@ -63,6 +71,8 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+
 import { toCommaList } from '@/helpers/common'
 import { getRelation } from '@/store/utils'
 import { NodeViewTitle, NodeViewBody } from '@/components/nodes'
@@ -85,6 +95,8 @@ export default {
   },
 
   computed: {
+    ...mapGetters(['debug']),
+
     authors () {
       const authors = this.node.authors
       if (!authors) return 'Pas d\'auteur⋅rices'
@@ -136,7 +148,8 @@ export default {
     }
   }
 
-  .btn-read {
+  .btn-read,
+  .btn-edit {
     pointer-events: auto;
   }
 
diff --git a/src/store/nodes.js b/src/store/nodes.js
index 86b50af..cdbdd96 100644
--- a/src/store/nodes.js
+++ b/src/store/nodes.js
@@ -17,6 +17,7 @@ import {
 
 export default {
   state: {
+    debug: localStorage.getItem('debug') === 'true',
     nodes: {},
     history: [],
     optionsVisible: true,
@@ -170,6 +171,7 @@ export default {
   },
 
   getters: {
+    debug: state => state.debug,
     allNodes: state => state.nodes,
     // Args getters
     nodes: state => ids => ids.map(id => state.nodes[id]),