feat(frontend): added pending state for equipment OEE

cesmii · Jun 3, 2024 · d432ee3 · d432ee3
1 parent 8b3d9fe
commit d432ee3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/frontend/components/metric-progress-circular.vue b/frontend/components/metric-progress-circular.vue
@@ -5,11 +5,13 @@
     class="text-center mt-2"
 
     :model-value="progressValue"
+    :indeterminate="pending"
     :color="typeof props.value === 'number' ? getColorState(props.value) : 'grey'"
   >
     <div :class="props.labelClass">
       <h3 class="font-weight-medium">{{ props.label }}</h3>
-      <span v-if="typeof props.value === 'number'">{{props.value.toFixed(1)}}%</span>
+      <span v-if="pending">...</span>
+      <span v-else-if="typeof props.value === 'number'">{{props.value.toFixed(1)}}%</span>
       <span v-else-if="typeof props.value === null || props.value === undefined">No Value</span>
       <span v-else>??</span>
     </div>
@@ -31,6 +33,7 @@ interface Props {
   label: string;
   labelClass?: string;
   value: number | undefined | null;
+  pending?: boolean;
 }
 const props = withDefaults(defineProps<Props>(), {
   size: 150,

diff --git a/frontend/pages/equipment/[equipmentID].vue b/frontend/pages/equipment/[equipmentID].vue
@@ -27,6 +27,7 @@
           label="OEE"
           label-class="text-h4"
           :value="oeeValue"
+          :pending="pending"
           :size="250"
         />
       </v-col>