commit aa7e83257e10585fe162d8639924fafcacb16ca4
author SurenNeware <sneware9@in.ibm.com> Fri Jun 12 17:59:34 2020 +0530
committer Derick Montague <derick.montague@ibm.com> Tue Jun 16 20:09:15 2020 +0000
tree 98deb77d075746e2ad76bfc5e34b852645f40149
parent 68bbba296c6f99b81d2882e1fef6f37cf4a6bb51

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/store/modules/Control/ServerLedStore.js

diff --git a/src/store/modules/Control/ServerLedStore.js b/src/store/modules/Control/ServerLedStore.js
index c690d7c..54faf59 100644
--- a/src/store/modules/Control/ServerLedStore.js
+++ b/src/store/modules/Control/ServerLedStore.js
@@ -14,16 +14,16 @@
     }
   },
   actions: {
-    getIndicatorValue: ({ commit }) => {
-      api
+    async getIndicatorValue({ commit }) {
+      await api
         .get('/redfish/v1/Systems/system')
         .then(response => {
           commit('setIndicatorValue', response.data.IndicatorLED);
         })
         .catch(error => console.log(error));
     },
-    saveIndicatorLedValue: ({ commit }, payload) => {
-      api
+    async saveIndicatorLedValue({ commit }, payload) {
+      await api
         .patch('/redfish/v1/Systems/system', { IndicatorLED: payload })
         .then(() => {
           commit('setIndicatorValue', payload);

src/views/Control/ServerLed/ServerLed.vue

diff --git a/src/views/Control/ServerLed/ServerLed.vue b/src/views/Control/ServerLed/ServerLed.vue
index 1b1c24a..0e5bf50 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 @@
     }
   },
   created() {
-    this.$store.dispatch('serverLed/getIndicatorValue');
+    this.startLoader();
+    this.$store
+      .dispatch('serverLed/getIndicatorValue')
+      .finally(() => this.endLoader());
+  },
+  beforeRouteLeave(to, from, next) {
+    this.hideLoader();
+    next();
   }
 };
 </script>