Set table busy state on load
- Add busy prop to tables
Signed-off-by: Kenneth Fullbright <kennyneedsmilky@gmail.com>
Change-Id: I4416f12967c9a0ad6c8bb782c7d8de5c17fdd195
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
index afc1470..b4010bf 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
@@ -9,6 +9,7 @@
:fields="fields"
show-empty
:empty-text="$t('global.table.emptyMessage')"
+ :busy="isBusy"
>
<!-- Expand chevron icon -->
<template #cell(expandRow)="row">
@@ -81,6 +82,7 @@
mixins: [BVToastMixin, TableRowExpandMixin, DataFormatterMixin],
data() {
return {
+ isBusy: true,
fields: [
{
key: 'expandRow',
@@ -130,6 +132,7 @@
this.$store.dispatch('assemblies/getAssemblyInfo').finally(() => {
// Emit initial data fetch complete to parent component
this.$root.$emit('hardware-status-assembly-complete');
+ this.isBusy = false;
});
},
methods: {
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
index ad73f59..48b914f 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
@@ -7,6 +7,7 @@
:fields="fields"
show-empty
:empty-text="$t('global.table.emptyMessage')"
+ :busy="isBusy"
>
<!-- Expand chevron icon -->
<template #cell(expandRow)="row">
@@ -175,6 +176,7 @@
mixins: [BVToastMixin, TableRowExpandMixin, DataFormatterMixin],
data() {
return {
+ isBusy: true,
fields: [
{
key: 'expandRow',
@@ -221,6 +223,7 @@
this.$store.dispatch('bmc/getBmcInfo').finally(() => {
// Emit initial data fetch complete to parent component
this.$root.$emit('hardware-status-bmc-manager-complete');
+ this.isBusy = false;
});
},
methods: {
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
index 3f63c06..b49cec7 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
@@ -7,6 +7,7 @@
:fields="fields"
show-empty
:empty-text="$t('global.table.emptyMessage')"
+ :busy="isBusy"
>
<!-- Expand chevron icon -->
<template #cell(expandRow)="row">
@@ -128,6 +129,7 @@
mixins: [BVToastMixin, TableRowExpandMixin, DataFormatterMixin],
data() {
return {
+ isBusy: true,
fields: [
{
key: 'expandRow',
@@ -168,6 +170,7 @@
this.$store.dispatch('chassis/getChassisInfo').finally(() => {
// Emit initial data fetch complete to parent component
this.$root.$emit('hardware-status-chassis-complete');
+ this.isBusy = false;
});
},
methods: {
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
index 73be06b..6599481 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
@@ -28,6 +28,7 @@
:filter="searchFilter"
:empty-text="$t('global.table.emptyMessage')"
:empty-filtered-text="$t('global.table.emptySearchMessage')"
+ :busy="isBusy"
@filtered="onFiltered"
>
<!-- Expand chevron icon -->
@@ -181,6 +182,7 @@
],
data() {
return {
+ isBusy: true,
fields: [
{
key: 'expandRow',
@@ -228,6 +230,7 @@
this.$store.dispatch('memory/getDimms').finally(() => {
// Emit initial data fetch complete to parent component
this.$root.$emit('hardware-status-dimm-slot-complete');
+ this.isBusy = false;
});
},
methods: {
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
index ff56804..fe788c5 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
@@ -28,6 +28,7 @@
:filter="searchFilter"
:empty-text="$t('global.table.emptyMessage')"
:empty-filtered-text="$t('global.table.emptySearchMessage')"
+ :busy="isBusy"
@filtered="onFiltered"
>
<!-- Expand chevron icon -->
@@ -120,6 +121,7 @@
],
data() {
return {
+ isBusy: true,
fields: [
{
key: 'expandRow',
@@ -171,6 +173,7 @@
this.$store.dispatch('fan/getFanInfo').finally(() => {
// Emit initial data fetch complete to parent component
this.$root.$emit('hardware-status-fans-complete');
+ this.isBusy = false;
});
},
methods: {
diff --git a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
index ba0896b..aed7871 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
@@ -28,6 +28,7 @@
:filter="searchFilter"
:empty-text="$t('global.table.emptyMessage')"
:empty-filtered-text="$t('global.table.emptySearchMessage')"
+ :busy="isBusy"
@filtered="onFiltered"
>
<!-- Expand chevron icon -->
@@ -138,6 +139,7 @@
],
data() {
return {
+ isBusy: true,
fields: [
{
key: 'expandRow',
@@ -189,6 +191,7 @@
this.$store.dispatch('powerSupply/getAllPowerSupplies').finally(() => {
// Emit initial data fetch complete to parent component
this.$root.$emit('hardware-status-power-supplies-complete');
+ this.isBusy = false;
});
},
methods: {
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
index fbe5837..7d5dd70 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
@@ -27,6 +27,7 @@
:filter="searchFilter"
:empty-text="$t('global.table.emptyMessage')"
:empty-filtered-text="$t('global.table.emptySearchMessage')"
+ :busy="isBusy"
@filtered="onFiltered"
>
<!-- Expand button -->
@@ -172,6 +173,7 @@
],
data() {
return {
+ isBusy: true,
fields: [
{
key: 'expandRow',
@@ -224,6 +226,7 @@
this.$store.dispatch('processors/getProcessorsInfo').finally(() => {
// Emit initial data fetch complete to parent component
this.$root.$emit('hardware-status-processors-complete');
+ this.isBusy = false;
});
},
methods: {
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: {
diff --git a/src/views/HardwareStatus/Sensors/Sensors.vue b/src/views/HardwareStatus/Sensors/Sensors.vue
index 15cecff..6329d9d 100644
--- a/src/views/HardwareStatus/Sensors/Sensors.vue
+++ b/src/views/HardwareStatus/Sensors/Sensors.vue
@@ -53,6 +53,7 @@
:filter="searchFilter"
:empty-text="$t('global.table.emptyMessage')"
:empty-filtered-text="$t('global.table.emptySearchMessage')"
+ :busy="isBusy"
@filtered="onFiltered"
@row-selected="onRowSelected($event, filteredSensors.length)"
>
@@ -146,6 +147,7 @@
},
data() {
return {
+ isBusy: true,
fields: [
{
key: 'checkbox',
@@ -220,9 +222,10 @@
},
created() {
this.startLoader();
- this.$store
- .dispatch('sensors/getAllSensors')
- .finally(() => this.endLoader());
+ this.$store.dispatch('sensors/getAllSensors').finally(() => {
+ this.endLoader();
+ this.isBusy = false;
+ });
},
methods: {
sortCompare(a, b, key) {