fix names in progress report chart headers

yeatmanlab · May 30, 2024 · 7567a8c · 7567a8c
1 parent d1fcb3e
commit 7567a8c
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/pages/ProgressReport.vue b/src/pages/ProgressReport.vue
@@ -48,9 +48,14 @@
               :key="taskId"
               class="flex justify-content-between align-items-center"
             >
-              <div class="text-lg font-bold text-gray-600 w-full">
+              <div v-if="taskDisplayNames[taskId]" class="text-lg font-bold text-gray-600 w-full">
                 {{ taskDisplayNames[taskId].extendedName }}
-                <span class="font-light uppercase text-sm"> ({{ taskId }}) </span>
+                <span class="font-light uppercase text-sm" v-if="taskDisplayNames[taskId].name">
+                  ({{ taskDisplayNames[taskId].name }})
+                </span>
+              </div>
+              <div v-else class="text-lg font-bold text-gray-600 w-full">
+                {{ taskId }}
               </div>
               <PvChart
                 type="bar"