From a258d44bfcc7e0a76e057eca99662d6e263dce46 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Thu, 2 Nov 2023 16:46:37 -0300
Subject: [PATCH] Add footer store

---
 src/components/Layout/LayoutFooter.vue             |  9 +++++++--
 .../otus/components/Panel/PanelMap/PanelMap.vue    |  7 ++++++-
 src/modules/otus/store/store.js                    |  5 ++++-
 src/modules/otus/views/PageLayout.vue              |  4 +++-
 src/store/index.js                                 |  1 +
 src/store/useFooterStore.js                        | 14 ++++++++++++++
 6 files changed, 35 insertions(+), 5 deletions(-)
 create mode 100644 src/store/index.js
 create mode 100644 src/store/useFooterStore.js

diff --git a/src/components/Layout/LayoutFooter.vue b/src/components/Layout/LayoutFooter.vue
index 16e5b8b..3fd1ce3 100644
--- a/src/components/Layout/LayoutFooter.vue
+++ b/src/components/Layout/LayoutFooter.vue
@@ -5,6 +5,7 @@
     <div class="container mx-auto text-sm pt-2 pb-4">
       <div class="pt-4 pb-2 break-words">
         {{ project_authors }}
+        <span v-html="store.nextAuthor" />
         {{ project_citation }}.
         <ClientOnly>
           <span>Retrieved on {{ currentDate }}</span>
@@ -37,7 +38,9 @@
       <hr class="mt-3 mb-3 border-gray-500" />
 
       <div class="flex flex-col sm:flex-row justify-between gap-4">
-        <div class="[&>*:not(:last-child)]:after:content-['|'] [&>*:not(:last-child)]:after:mx-1">
+        <div
+          class="[&>*:not(:last-child)]:after:content-['|'] [&>*:not(:last-child)]:after:mx-1"
+        >
           <span>
             Data provided by
             <a
@@ -68,7 +71,7 @@
               Species File Group
             </a>
           </span>
-          <FooterAnalytics class="italic"/>
+          <FooterAnalytics class="italic" />
         </div>
         <TrackerReport
           icon
@@ -83,6 +86,7 @@
 <script setup>
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
+import { useFooterStore } from '@/store'
 import FooterAnalytics from '@/components/Footer/FooterAnalytics.vue'
 
 const {
@@ -95,6 +99,7 @@ const {
   hash_mode
 } = __APP_ENV__
 
+const store = useFooterStore()
 const currentDate = new Date().toISOString().split('T')[0]
 const route = useRoute()
 
diff --git a/src/modules/otus/components/Panel/PanelMap/PanelMap.vue b/src/modules/otus/components/Panel/PanelMap/PanelMap.vue
index cd8a3a4..10be428 100644
--- a/src/modules/otus/components/Panel/PanelMap/PanelMap.vue
+++ b/src/modules/otus/components/Panel/PanelMap/PanelMap.vue
@@ -6,7 +6,7 @@
         <VMap
           class="h-96 max-h-96"
           dragging
-          cluster
+          :cluster="cluster"
           :zoom="zoom"
           :zoom-bounds="8"
           :geojson="store.distribution.geojson"
@@ -81,6 +81,11 @@ const props = defineProps({
   taxon: {
     type: Object,
     required: true
+  },
+
+  cluster: {
+    type: Boolean,
+    default: true
   }
 })
 
diff --git a/src/modules/otus/store/store.js b/src/modules/otus/store/store.js
index 128a4f0..957f66e 100644
--- a/src/modules/otus/store/store.js
+++ b/src/modules/otus/store/store.js
@@ -1,7 +1,8 @@
 import { defineStore } from 'pinia'
-import TaxonWorks from '../services/TaxonWorks'
 import { useOtuPageRequest } from '../helpers/useOtuPageRequest'
 import { useOtuPageRequestStore } from './request'
+import { useFooterStore } from '@/store'
+import TaxonWorks from '../services/TaxonWorks'
 
 export const useOtuStore = defineStore('otuStore', {
   state: () => {
@@ -23,6 +24,7 @@ export const useOtuStore = defineStore('otuStore', {
   },
   actions: {
     async loadTaxon(id, { signal }) {
+      const footerStore = useFooterStore()
       const responses = await Promise.all([
         TaxonWorks.getTaxon(id, {
           params: { extend: ['type_taxon_name_relationship'] }
@@ -31,6 +33,7 @@ export const useOtuStore = defineStore('otuStore', {
       ])
 
       this.taxon = Object.assign({}, ...responses.map((r) => r.data))
+      footerStore.setNextAuthorText(this.taxon.full_name_tag + '.')
     },
     async loadOtu(id, { signal }) {
       const otu = await TaxonWorks.getOtu(id, { signal })
diff --git a/src/modules/otus/views/PageLayout.vue b/src/modules/otus/views/PageLayout.vue
index 50c14e6..78f3e97 100644
--- a/src/modules/otus/views/PageLayout.vue
+++ b/src/modules/otus/views/PageLayout.vue
@@ -11,7 +11,7 @@
         :key="index"
       >
         <template
-          v-for="{ component, rankGroup, id } in column"
+          v-for="{ component, rankGroup, id, bind } in column"
           :key="id"
         >
           <component
@@ -21,6 +21,8 @@
             :otu="otu"
             :taxon-id="taxonId"
             :taxon="taxon"
+            :panel-key="id"
+            v-bind="bind"
           />
         </template>
       </div>
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..bc1ae98
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1 @@
+export * from './useFooterStore'
diff --git a/src/store/useFooterStore.js b/src/store/useFooterStore.js
new file mode 100644
index 0000000..32beee3
--- /dev/null
+++ b/src/store/useFooterStore.js
@@ -0,0 +1,14 @@
+import { defineStore } from 'pinia'
+
+export const useFooterStore = defineStore('footerStore', {
+  state: () => {
+    return {
+      nextAuthor: ''
+    }
+  },
+  actions: {
+    setNextAuthorText(value) {
+      this.nextAuthor = value
+    }
+  }
+})