commit 410578537f7ca6dd76aa406b440b0a435606c448
author Kenneth Fullbright <kennyneedsmilky@gmail.com> Mon Dec 27 16:19:37 2021 -0600
committer Dixsie Wolmers <dixsiew@gmail.com> Fri Feb 04 14:28:46 2022 +0000
tree 6a2530310fc5cbfdd70905af6a49e8bf176a4a16
parent b86f4152ba832ba92a2607c30037d5f818058120

Set table busy state on load

- Add busy prop to tables

Signed-off-by: Kenneth Fullbright <kennyneedsmilky@gmail.com>
Change-Id: I4416f12967c9a0ad6c8bb782c7d8de5c17fdd195

src/views/HardwareStatus/Inventory/InventoryTableSystem.vue

diff --git a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
index 93e65bb..cf2cf02 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
@@ -7,6 +7,7 @@
       :items="systems"
       :fields="fields"
       :empty-text="$t('global.table.emptyMessage')"
+      :busy="isBusy"
     >
       <!-- Expand chevron icon -->
       <template #cell(expandRow)="row">
@@ -162,6 +163,7 @@
   mixins: [BVToastMixin, TableRowExpandMixin, DataFormatterMixin],
   data() {
     return {
+      isBusy: true,
       fields: [
         {
           key: 'expandRow',
@@ -208,6 +210,7 @@
     this.$store.dispatch('system/getSystem').finally(() => {
       // Emit initial data fetch complete to parent component
       this.$root.$emit('hardware-status-system-complete');
+      this.isBusy = false;
     });
   },
   methods: {