From 0d5c3c4a5992b36f1dbf187cfe4fec9433fc5728 Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Thu, 7 Jul 2022 19:09:27 +0300
Subject: add loader

---
 src/views/Fans/DynamicInformation/IndicatorsTable.vue        | 5 ++++-
 src/views/Fans/StaticInformation/FansStaticPage.vue          | 5 ++++-
 src/views/MemoryModules/DynamicInfo/MemoryDynamicPage.vue    | 5 ++++-
 src/views/Motherboard/DynamicInfo/MotherboardDynamicPage.vue | 5 ++++-
 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
-- 
cgit v1.2.3