From 165c4e51013185376f5cbd1d851e3677fa37617b Mon Sep 17 00:00:00 2001
From: Mike VanDenburgh <michael.vandenburgh@kitware.com>
Date: Mon, 30 Jan 2023 13:14:08 -0500
Subject: [PATCH] Add message to DLP when assets summary is being recalculated

---
 web/src/components/DLP/OverviewTab.vue | 33 ++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/web/src/components/DLP/OverviewTab.vue b/web/src/components/DLP/OverviewTab.vue
index 985f3a605..c17cd274d 100644
--- a/web/src/components/DLP/OverviewTab.vue
+++ b/web/src/components/DLP/OverviewTab.vue
@@ -109,11 +109,20 @@
     </MetadataCard>
 
     <v-card
-      v-if="assetSummary && Object.keys(assetSummary) && Object.keys(assetSummary).length"
+      v-if="assetSummary"
       outlined
     >
       <v-card-title class="font-weight-regular">
-        <v-icon class="mr-3 grey--text text--lighten-1">
+        <v-progress-circular
+          v-if="assetSummaryBeingComputed"
+          class="mr-3"
+          size="20"
+          indeterminate
+        />
+        <v-icon
+          v-else
+          class="mr-3 grey--text text--lighten-1"
+        >
           mdi-clipboard-list
         </v-icon>
         Assets Summary
@@ -122,8 +131,21 @@
         :style="`column-count: ${assetSummaryColumnCount};`"
         class="px-3 ml-2"
       >
+        <div
+          v-if="assetSummaryBeingComputed"
+          class="text-subtitle-2"
+        >
+          The assets summary is being computed, please wait.
+        </div>
+        <div
+          v-else-if="!assetSummary || !Object.keys(assetSummary).length"
+          class="text-subtitle-2"
+        >
+          Assets summary computation failed. This dandiset does not contain any assets.
+        </div>
         <div
           v-for="([type, items], i) in Object.entries(assetSummary)"
+          v-else
           :key="i"
         >
           <div
@@ -210,6 +232,7 @@ import {
 } from 'vue';
 
 import MetadataCard from '@/components/DLP/MetadataCard.vue';
+import { useDandisetStore } from '@/stores/dandiset';
 
 // Asset summary fields to hide
 const ASSET_SUMMARY_BLACKLIST = new Set([
@@ -248,6 +271,9 @@ export default defineComponent({
   setup(props) {
     const $vuetify = computed(() => getCurrentInstance()?.proxy.$vuetify);
 
+    const store = useDandisetStore();
+    const currentDandiset = computed(() => store.dandiset);
+
     const contributors = computed(
       () => props.meta.contributor?.filter(
         (contributor) => !!(contributor.includeInCitation) && !!(contributor.schemaKey === 'Person'),
@@ -290,6 +316,8 @@ export default defineComponent({
         : Math.min(Object.keys(assetSummary.value).length, 3)),
     );
 
+    const assetSummaryBeingComputed = computed<boolean>(() => currentDandiset.value?.status === 'Pending');
+
     const contactPeople = computed(
       () => new Set(contributors.value
         .filter((contributor) => contributor.roleName?.includes('dcite:ContactPerson'))
@@ -303,6 +331,7 @@ export default defineComponent({
       associatedProjects,
       assetSummary,
       assetSummaryColumnCount,
+      assetSummaryBeingComputed,
       contactPeople,
       isURL,
     };