From aa7e83257e10585fe162d8639924fafcacb16ca4 Mon Sep 17 00:00:00 2001
From: SurenNeware <sneware9@in.ibm.com>
Date: Fri, 12 Jun 2020 17:59:34 +0530
Subject: Add page Loader

- Add page Loader to Server LED page
- Tested responsive layout on supported viewport sizes

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I0ca198c8ee1354f66a677746c29c8cb45f361eab
---
 src/views/Control/ServerLed/ServerLed.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'src/views')

diff --git a/src/views/Control/ServerLed/ServerLed.vue b/src/views/Control/ServerLed/ServerLed.vue
index 1b1c24ab..0e5bf500 100644
--- a/src/views/Control/ServerLed/ServerLed.vue
+++ b/src/views/Control/ServerLed/ServerLed.vue
@@ -30,9 +30,12 @@
 import PageTitle from '../../../components/Global/PageTitle';
 import PageSection from '../../../components/Global/PageSection';
 
+import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
+
 export default {
   name: 'ServerLed',
   components: { PageTitle, PageSection },
+  mixins: [LoadingBarMixin],
   computed: {
     indicatorLED: {
       get() {
@@ -46,7 +49,14 @@ export default {
     }
   },
   created() {
-    this.$store.dispatch('serverLed/getIndicatorValue');
+    this.startLoader();
+    this.$store
+      .dispatch('serverLed/getIndicatorValue')
+      .finally(() => this.endLoader());
+  },
+  beforeRouteLeave(to, from, next) {
+    this.hideLoader();
+    next();
   }
 };
 </script>
-- 
cgit v1.2.3