feat: prefix objects with shortidentifier if it is available

Author: johnf

src/components/CollectionItem.vue

@@ -1,18 +1,21 @@
 <script setup lang="ts">
 const { field, routePath } = defineProps<{
-  field: { id: string; name: string };
+  field: { id: string; name: string; identifiers?: { shortIdentifier: string } };
   routePath: string;
 }>();
 
 const id = field.id;
 const link = `/${routePath}?id=${encodeURIComponent(id)}`;
+const label = field.identifiers?.shortIdentifier
+  ? `${field.identifiers.shortIdentifier} - ${field.name || field.id}`
+  : field.name || field.id;
 </script>
 
 <template>
   <p>
     <el-link type="primary">
       <router-link :to="link">
-        {{ field.name || field.id }}
+        {{ label }}
       </router-link>
     </el-link>
   </p>

src/services/api.ts

@@ -33,6 +33,11 @@ type BaseEntityType = {
   id: string;
   name: string;
   description?: string;
+  identifiers?: {
+    collectionIdentifier: string;
+    itemIdentifier: string;
+    shortIdentifier: string;
+  };
   memberOf?: {
     id: string;
     name?: string;

src/views/ObjectView.vue

@@ -330,7 +330,7 @@ fetchdata();
             <ul class="mt-4 space">
               <li v-for="d of membersFiltered" :key="d.id">
                 <p v-if="d.id === route.query.id" class="font-bold">
-                  {{ d.name || d.id }}
+                  {{ d.identifiers?.shortIdentifier ? `${d.identifiers.shortIdentifier} - ${d.name || d.id}` : d.name || d.id }}
                 </p>
                 <CollectionItem v-else :field="d" routePath="object" />
               </li>