Get permissions during lazy-load; reduce bucket permissions requests

frontend/src/components/object/ObjectFilters.vue

@@ -39,6 +39,9 @@ const searching = ref(false);
 const selectedMetadata: Ref<MetadataPair[]> = ref([]);
 const selectedTags: Ref<Tag[]> = ref([]);
 
+// Emits
+const emit = defineEmits(['selectedFilters']);
+
 // Store subscriptions
 objectStore.$onAction(({ name, args }) => {
   // If someone calls fetchObjects to refresh the table, clear the filter
@@ -118,7 +121,7 @@ const selectedFilterValuesChanged = () => {
   // Get the 'display' property out from selected tag and metadata
   const metaToSearch: Array<MetadataPair> = selectedMetadata.value.map(({ ...meta }: any) => meta);
   const tagSetToSearch: Array<Tag> = selectedTags.value.map(({ ...tag }: any) => tag);
-
+  emit('selectedFilters', { metaToSearch, tagSetToSearch });
   // Search the object store with the tagset as a param and metadata as headers
   objectStore.fetchObjects(
     {

frontend/src/components/object/ObjectList.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
 import { computed, onMounted, ref } from 'vue';
 
 import {
   DeleteObjectButton,
@@ -26,7 +26,7 @@
 });
 
 // Store
 const bucketStore = useBucketStore();
 //const navStore = useNavStore();
 const objectStore = useObjectStore();
 const permissionStore = usePermissionStore();
@@ -57,24 +57,6 @@
 const closeUpload = () => {
   displayUpload.value = false;
 };
-
-// const updateBreadcrumb = async () => {
-//   try {
-//     const bucket = await bucketStore.getBucketInfo(props.bucketId as string);
-//     navStore.replace('__listObjectsDynamic', bucket?.bucketName ?? 'Unknown bucket');
-//   } catch (error: any) {
-//     toast.add({ severity: 'error', summary: 'Unable to load bucket information.', detail: error, life: 5000 });
-//   }
-// };
-
-onMounted(async () => {
-  // Removed for now
-  // updateBreadcrumb();
-
-  await bucketStore.fetchBuckets({ userId: getUserId.value, objectPerms: true });
-  // TODO: userId+bucketPerms bringing back deleted files??
-  await objectStore.fetchObjects({ bucketId: props.bucketId, userId: getUserId.value, bucketPerms: true });
-});
 </script>
 
 <template>

frontend/src/components/object/ObjectProperties.vue

@@ -13,17 +13,17 @@
 // Props
 type Props = {
   objectId: string;
-  versionId?: string;
+  // versionId?: string;
   fullView: boolean;
 };
 
 const props = withDefaults(defineProps<Props>(), {
-  versionId: undefined
+  // versionId: undefined
 });
 
 // Store
 const bucketStore = useBucketStore();
 const metadataStore = useMetadataStore();
 const objectStore = useObjectStore();
 const userStore = useUserStore();
 const { getUserSearch } = storeToRefs(userStore);
@@ -32,17 +32,18 @@
 const bucket: Ref<Bucket | undefined> = ref(undefined);
 const createdBy: Ref<string | undefined> = ref(undefined);
 const object: Ref<COMSObject | undefined> = ref(undefined);
 const objectMetadata: Ref<Metadata | undefined> = ref(undefined);
 const updatedBy: Ref<string | undefined> = ref(undefined);
 
 // Actions
 async function load() {
   object.value = objectStore.findObjectById(props.objectId);
-  await bucketStore.fetchBuckets({ bucketId: object.value?.bucketId });
-  bucket.value = bucketStore.findBucketById(object.value?.bucketId as string);
 
   if (props.fullView) {
-    objectMetadata.value = metadataStore.findMetadataByObjectId(object.value?.id as string);
+    // to get bucket name
+    await bucketStore.fetchBuckets({ bucketId: object.value?.bucketId });
+    bucket.value = bucketStore.findBucketById(object.value?.bucketId as string);
+
     await userStore.fetchUsers({ userId: [object.value?.createdBy, object.value?.updatedBy] });
     createdBy.value = getUserSearch.value.find((x) => x.userId === object.value?.createdBy)?.fullName;
     updatedBy.value = getUserSearch.value.find((x) => x.userId === object.value?.updatedBy)?.fullName;