add loader0506_dynamic-data

4 files changed, 16 insertions, 4 deletions

diff --git a/src/views/Fans/DynamicInformation/IndicatorsTable.vue b/src/views/Fans/DynamicInformation/IndicatorsTable.vue
index 9cb73863..a0693f5b 100644
--- a/src/views/Fans/DynamicInformation/IndicatorsTable.vue
+++ b/src/views/Fans/DynamicInformation/IndicatorsTable.vue
@@ -53,10 +53,11 @@ import { colors } from './helpers';
 
 import TableFilterMixin from '@/components/Mixins/TableFilterMixin';
 import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin';
+import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
 
 export default {
   components: { PageSection },
-  mixins: [TableFilterMixin, DataFormatterMixin],
+  mixins: [TableFilterMixin, DataFormatterMixin, LoadingBarMixin],
   data() {
     return {
       isBusy: true,
@@ -141,7 +142,9 @@ export default {
   },
 
   created() {
+    this.startLoader();
     this.$store.dispatch('sensors/getFanSensors').finally(() => {
+      this.endLoader();
       this.isBusy = false;
     });
   },
diff --git a/src/views/Fans/StaticInformation/FansStaticPage.vue b/src/views/Fans/StaticInformation/FansStaticPage.vue
index 68e460cd..6fc4c17b 100644
--- a/src/views/Fans/StaticInformation/FansStaticPage.vue
+++ b/src/views/Fans/StaticInformation/FansStaticPage.vue
@@ -43,10 +43,11 @@ import PageSection from '@/components/Global/PageSection';
 
 import TableFilterMixin from '@/components/Mixins/TableFilterMixin';
 import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin';
+import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
 
 export default {
   components: { PageTitle, PageSection },
-  mixins: [TableFilterMixin, DataFormatterMixin],
+  mixins: [TableFilterMixin, DataFormatterMixin, LoadingBarMixin],
   data() {
     return {
       isBusy: true,
@@ -139,7 +140,9 @@ export default {
   },
 
   created() {
+    this.startLoader();
     this.$store.dispatch('sensors/getFanSensors').finally(() => {
+      this.endLoader();
       this.isBusy = false;
     });
   },
diff --git a/src/views/MemoryModules/DynamicInfo/MemoryDynamicPage.vue b/src/views/MemoryModules/DynamicInfo/MemoryDynamicPage.vue
index a9ff01b8..489784e2 100644
--- a/src/views/MemoryModules/DynamicInfo/MemoryDynamicPage.vue
+++ b/src/views/MemoryModules/DynamicInfo/MemoryDynamicPage.vue
@@ -90,6 +90,7 @@ import AccessoryTable from '@/components/Global/SilaComponents/Tables/AccessoryT
 import iconChevronUp from '@carbon/icons-vue/es/chevron--up/16';
 
 import TableFilterMixin from '@/components/Mixins/TableFilterMixin';
+import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
 
 import { AccessoryData } from './helpers';
 
@@ -100,7 +101,7 @@ export default {
     TemperatureTable,
     AccessoryTable,
   },
-  mixins: [TableFilterMixin],
+  mixins: [TableFilterMixin, LoadingBarMixin],
   data() {
     return {
       isBusy: true,
@@ -124,7 +125,9 @@ export default {
     },
   },
   created() {
+    this.startLoader();
     this.$store.dispatch('sensors/getMemorySensors').finally(() => {
+      this.endLoader();
       this.accessoryData.temperatureTable.items = this.getFilteredTableData(
         this.allSensors,
         this.activeFilters
diff --git a/src/views/Motherboard/DynamicInfo/MotherboardDynamicPage.vue b/src/views/Motherboard/DynamicInfo/MotherboardDynamicPage.vue
index cb937ce3..c2c88ab6 100644
--- a/src/views/Motherboard/DynamicInfo/MotherboardDynamicPage.vue
+++ b/src/views/Motherboard/DynamicInfo/MotherboardDynamicPage.vue
@@ -46,6 +46,7 @@ import AccessoryTable from '@/components/Global/SilaComponents/Tables/AccessoryT
 import iconChevronUp from '@carbon/icons-vue/es/chevron--up/16';
 
 import TableFilterMixin from '@/components/Mixins/TableFilterMixin';
+import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
 
 import { AccessoryData } from './helpers';
 
@@ -56,7 +57,7 @@ export default {
     TemperatureTable,
     AccessoryTable,
   },
-  mixins: [TableFilterMixin],
+  mixins: [TableFilterMixin, LoadingBarMixin],
   data() {
     return {
       isBusy: true,
@@ -77,7 +78,9 @@ export default {
     },
   },
   created() {
+    this.startLoader();
     this.$store.dispatch('sensors/getTempSensors').finally(() => {
+      this.endLoader();
       this.accessoryData.temperatureTable.items = this.getFilteredTableData(
         this.allSensors,
         this.activeFilters