feat: add configurable memberSort for collection/object listings

Add memberSort option to collection and object config schemas,
defaulting to 'name' for backwards compatibility. This replaces
the hardcoded sort field in CollectionMembers and ObjectView.

Author: johnf

src/components/CollectionMembers.vue

@@ -8,11 +8,12 @@ if (!api) {
   throw new Error('API instance not provided');
 }
 
-const { title, id, entityType, routePath } = defineProps<{
+const { title, id, entityType, routePath, sort } = defineProps<{
   title: string;
   id: string;
   entityType: string;
   routePath: string;
+  sort: string;
 }>();
 
 const items = ref<EntityType[]>([]);
@@ -26,7 +27,7 @@ const setMembers = async () => {
     memberOf: id,
     entityType,
     limit: pageSize.value,
-    sort: 'name',
+    sort,
     order: 'asc',
   };
 

src/configuration.ts

@@ -74,10 +74,12 @@ const metaSchema = z.discriminatedUnion('mode', [
 
 const collectionSchema = z.strictObject({
   meta: metaSchema,
+  memberSort: z.string().optional().default('name'),
 });
 
 const objectSchema = z.object({
   meta: metaSchema,
+  memberSort: z.string().optional().default('name'),
 });
 
 export type CollectionConfig = z.infer<typeof collectionSchema>;

src/views/CollectionView.vue

@@ -126,14 +126,14 @@ onMounted(fetchData);
       <el-row>
         <el-col>
           <CollectionMembers :title="t('collection.subCollections')" :id="id"
-            entityType="http://pcdm.org/models#Collection" routePath="collection" />
+            entityType="http://pcdm.org/models#Collection" routePath="collection" :sort="config.memberSort" />
         </el-col>
       </el-row>
 
       <el-row>
         <el-col>
           <CollectionMembers :title="t('collection.objectsInCollection')" :id="id"
-            entityType="http://pcdm.org/models#Object" routePath="object" />
+            entityType="http://pcdm.org/models#Object" routePath="object" :sort="config.memberSort" />
         </el-col>
       </el-row>
     </el-col>

src/views/ObjectView.vue

@@ -111,7 +111,7 @@ const fetchMembers = async () => {
     memberOf: entity.value.memberOf.id,
     entityType: 'http://pcdm.org/models#Object',
     limit: FETCH_LIMIT,
-    sort: 'name',
+    sort: config.memberSort,
     order: 'asc',
   };