Merge pull request #248 from SpeciesFileGroup/development

Add sort_order to PanelGallery
SpeciesFileGroup · Dec 5, 2024 · af3820e · af3820e
2 parents 2cace3d + cee7372
commit af3820e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/modules/otus/components/Panel/PanelGallery/PanelGallery.vue b/src/modules/otus/components/Panel/PanelGallery/PanelGallery.vue
@@ -14,19 +14,24 @@ const props = defineProps({
   otuId: {
     type: [String, Number],
     required: true
+  },
+
+  sort_order: {
+    type: [Array],
+    default: () => []
   }
 })
 
 const store = useImageStore()
 const images = computed(() => store.images || [])
 
 onServerPrefetch(async () => {
-  await store.loadImages(props.otuId)
+  await store.loadImages(props.otuId, { sortOrder: props.sortOrder })
 })
 
 onMounted(() => {
   if (!store.images) {
-    store.loadImages(props.otuId)
+    store.loadImages(props.otuId, { sortOrder: props.sort_order })
   }
 })
 

diff --git a/src/modules/otus/store/useImageStore.js b/src/modules/otus/store/useImageStore.js
@@ -16,10 +16,11 @@ export const useImageStore = defineStore('imageStore', {
       this.controller?.abort()
     },
 
-    async loadImages(otuId) {
+    async loadImages(otuId, { sortOrder }) {
       const params = {
         extend: ['depictions', 'attribution', 'source', 'citations'],
-        otu_scope: ['all', 'coordinate_otus']
+        otu_scope: ['all', 'coordinate_otus'],
+        sort_order: sortOrder
       }
 
       this.controller = new AbortController()