diff options
author | SurenNeware <sneware9@in.ibm.com> | 2020-06-12 15:29:34 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-06-16 23:09:15 +0300 |
commit | aa7e83257e10585fe162d8639924fafcacb16ca4 (patch) | |
tree | 98deb77d075746e2ad76bfc5e34b852645f40149 /src/views | |
parent | 68bbba296c6f99b81d2882e1fef6f37cf4a6bb51 (diff) | |
download | webui-vue-aa7e83257e10585fe162d8639924fafcacb16ca4.tar.xz |
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
Diffstat (limited to 'src/views')
-rw-r--r-- | src/views/Control/ServerLed/ServerLed.vue | 12 |
1 files changed, 11 insertions, 1 deletions
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> |