From 4f0f2f419da6b66094d0b7951e76efb82f29bdc0 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Tue, 24 Sep 2024 19:37:41 -0300
Subject: [PATCH 1/2] Add keys panel

---
 .../components/Panel/PanelKeys/PanelKeys.vue  | 79 +++++++++++++++++++
 .../otus/components/Panel/PanelKeys/main.js   |  6 ++
 .../otus/constants/layouts/overview.js        |  1 +
 src/modules/otus/services/TaxonWorks.js       |  4 +
 4 files changed, 90 insertions(+)
 create mode 100644 src/modules/otus/components/Panel/PanelKeys/PanelKeys.vue
 create mode 100644 src/modules/otus/components/Panel/PanelKeys/main.js

diff --git a/src/modules/otus/components/Panel/PanelKeys/PanelKeys.vue b/src/modules/otus/components/Panel/PanelKeys/PanelKeys.vue
new file mode 100644
index 0000000..519ad08
--- /dev/null
+++ b/src/modules/otus/components/Panel/PanelKeys/PanelKeys.vue
@@ -0,0 +1,79 @@
+<template>
+  <VCard v-if="count">
+    <VCardHeader>Keys ({{ count }})</VCardHeader>
+    <VCardContent>
+      <template
+        v-for="(group, key) in observationMatrices"
+        :key="key"
+      >
+        <div v-if="Object.keys(group).length">
+          <VTable>
+            <VTableHeader>
+              <VTableHeaderRow>
+                <VTableHeaderCell>
+                  {{ key }}
+                </VTableHeaderCell>
+              </VTableHeaderRow>
+            </VTableHeader>
+            <VTableBody>
+              <VTableBodyRow v-for="(label, id) in group">
+                <VTableBodyCell>
+                  <RouterLink
+                    :to="{ name: 'interactive-keys-id', params: { id } }"
+                    v-text="label"
+                  />
+                </VTableBodyCell>
+              </VTableBodyRow>
+            </VTableBody>
+          </VTable>
+        </div>
+      </template>
+    </VCardContent>
+  </VCard>
+</template>
+
+<script setup>
+import TaxonWorks from '../../../services/TaxonWorks.js'
+import { useOtuPageRequest } from '../../../helpers/useOtuPageRequest.js'
+import { onMounted, onBeforeUnmount, ref, computed } from 'vue'
+
+const props = defineProps({
+  otuId: {
+    type: Object
+  }
+})
+
+const controller = new AbortController()
+const observationMatrices = ref({
+  to: {},
+  in: {}
+})
+
+const count = computed(
+  () =>
+    []
+      .concat(...Object.values(observationMatrices.value))
+      .filter((item) => Object.keys(item).length).length
+)
+
+onMounted(() => {
+  const params = {
+    otu_id: props.otuId
+  }
+
+  useOtuPageRequest('panel keys', () =>
+    TaxonWorks.getKeys(props.otuId, { signal: controller.signal, params })
+  )
+    .then(({ data }) => {
+      observationMatrices.value = {
+        to: data.observation_matrices.scoped,
+        in: data.observation_matrices.in
+      }
+    })
+    .catch(() => {})
+})
+
+onBeforeUnmount(() => {
+  controller?.abort()
+})
+</script>
diff --git a/src/modules/otus/components/Panel/PanelKeys/main.js b/src/modules/otus/components/Panel/PanelKeys/main.js
new file mode 100644
index 0000000..c8095b3
--- /dev/null
+++ b/src/modules/otus/components/Panel/PanelKeys/main.js
@@ -0,0 +1,6 @@
+import PanelKeys from './PanelKeys.vue'
+
+export default {
+  id: 'panel:keys',
+  component: PanelKeys
+}
diff --git a/src/modules/otus/constants/layouts/overview.js b/src/modules/otus/constants/layouts/overview.js
index 4c16868..a5dd2c6 100644
--- a/src/modules/otus/constants/layouts/overview.js
+++ b/src/modules/otus/constants/layouts/overview.js
@@ -13,6 +13,7 @@ export const DEFAULT_OVERVIEW_LAYOUT = {
           'panel:map',
           'panel:descendants',
           'panel:content',
+          'panel:observation-matrices',
           'panel:statistics'
         ]
       ]
diff --git a/src/modules/otus/services/TaxonWorks.js b/src/modules/otus/services/TaxonWorks.js
index 05a4f5a..5ca0f35 100644
--- a/src/modules/otus/services/TaxonWorks.js
+++ b/src/modules/otus/services/TaxonWorks.js
@@ -62,4 +62,8 @@ export default class TaxonWorks {
   static getCachedMap(id) {
     return makeAPIRequest.get(`/cached_maps/${id}`)
   }
+
+  static getKeys(otuId) {
+    return makeAPIRequest.get(`/otus/${otuId}/inventory/keys`)
+  }
 }

From d7488dc132eaf3eccd92d1d28ebe712fc019e1a4 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Wed, 25 Sep 2024 11:19:02 -0300
Subject: [PATCH 2/2] Rename keys panel in default layout

---
 src/modules/otus/constants/layouts/overview.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/otus/constants/layouts/overview.js b/src/modules/otus/constants/layouts/overview.js
index a5dd2c6..f2772bd 100644
--- a/src/modules/otus/constants/layouts/overview.js
+++ b/src/modules/otus/constants/layouts/overview.js
@@ -13,7 +13,7 @@ export const DEFAULT_OVERVIEW_LAYOUT = {
           'panel:map',
           'panel:descendants',
           'panel:content',
-          'panel:observation-matrices',
+          'panel:keys',
           'panel:statistics'
         ]
       ]