From b989bf2a7dfbc7fdc653a3eb8a863b4e7cfcb196 Mon Sep 17 00:00:00 2001
From: Beecher Baker <wbbaker@purdue.edu>
Date: Fri, 2 Aug 2024 13:45:42 -0400
Subject: [PATCH] fetch actual CollectionObjects from API

---
 .../PanelCollectionObjects.vue                       | 12 +++++++++---
 src/modules/otus/services/TaxonWorks.js              |  6 ++++++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/modules/otus/components/Panel/PanelCollectionObjects/PanelCollectionObjects.vue b/src/modules/otus/components/Panel/PanelCollectionObjects/PanelCollectionObjects.vue
index 22e54f5..b58000b 100644
--- a/src/modules/otus/components/Panel/PanelCollectionObjects/PanelCollectionObjects.vue
+++ b/src/modules/otus/components/Panel/PanelCollectionObjects/PanelCollectionObjects.vue
@@ -20,6 +20,8 @@
 <script setup>
 import { ref, watch } from 'vue'
 import PanelDropdown from '../PanelDropdown.vue'
+import { useOtuPageRequest } from "@/modules/otus/helpers/useOtuPageRequest.js"
+import TaxonWorks from "@/modules/otus/services/TaxonWorks.js"
 
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
 
@@ -42,9 +44,13 @@ watch(
       }
 
       isLoading.value = true
-      await sleep(2000)
-      content.value = `Collection objects content for ${props.otuId}.`
-      isLoading.value = false
+      useOtuPageRequest('panel:collection-objects', () =>
+        TaxonWorks.getCollectionObjects(props.otuId)
+      ).then(({data}) => {
+        content.value = `Collection objects for ${props.otuId}: ${JSON.stringify(data)}`
+      }).catch(
+          e => content.value = `Error: ${JSON.stringify(e)}`
+      ).finally(() => isLoading.value = false)
     },
     {immediate: true}
 )
diff --git a/src/modules/otus/services/TaxonWorks.js b/src/modules/otus/services/TaxonWorks.js
index 05a4f5a..8b00aeb 100644
--- a/src/modules/otus/services/TaxonWorks.js
+++ b/src/modules/otus/services/TaxonWorks.js
@@ -59,6 +59,12 @@ export default class TaxonWorks {
     return makeAPIRequest.get(`/otus/${otuId}/inventory/content`, opt)
   }
 
+  // Note that this could support multiple OTUs.
+  // The API takes a comma-separated list of OTU IDs.
+  static getCollectionObjects(otuId, opt) {
+    return makeAPIRequest.get(`/collection_objects?otu_id[]=${otuId}`, opt)
+  }
+
   static getCachedMap(id) {
     return makeAPIRequest.get(`/cached_maps/${id}`)
   }