Merge pull request #185 from SpeciesFileGroup/development

Add footer store

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()
 

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
   }
 })
 

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 })

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>

src/store/index.js

@@ -0,0 +1 @@
+export * from './useFooterStore'

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
+    }
+  }
+})