diff options
author | Sukanya Pandey <sukapan1@in.ibm.com> | 2020-06-14 17:58:56 +0300 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-06-17 20:24:13 +0300 |
commit | 8cb0d253809582e52bf2c388ac1f95a0713dc3f9 (patch) | |
tree | cd307f44ea3d7c2aa6e1199f21dd3065768f1e1d /src/views/Control | |
parent | aa7e83257e10585fe162d8639924fafcacb16ca4 (diff) | |
download | webui-vue-8cb0d253809582e52bf2c388ac1f95a0713dc3f9.tar.xz |
Manage power usage loader
-Show the loading bar while making the call to the APIs during both GET and PATCH call.
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: I96db90a676ded1684218dcddc227ca151f712dc2
Diffstat (limited to 'src/views/Control')
-rw-r--r-- | src/views/Control/ManagePowerUsage/ManagePowerUsage.vue | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/src/views/Control/ManagePowerUsage/ManagePowerUsage.vue b/src/views/Control/ManagePowerUsage/ManagePowerUsage.vue index 8a16b88b..bb690d6c 100644 --- a/src/views/Control/ManagePowerUsage/ManagePowerUsage.vue +++ b/src/views/Control/ManagePowerUsage/ManagePowerUsage.vue @@ -79,6 +79,7 @@ <script> import PageTitle from '@/components/Global/PageTitle'; +import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin'; import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js'; import BVToastMixin from '@/components/Mixins/BVToastMixin'; import { requiredIf, between } from 'vuelidate/lib/validators'; @@ -87,7 +88,7 @@ import { mapGetters } from 'vuex'; export default { name: 'ManagePowerUsage', components: { PageTitle }, - mixins: [VuelidateMixin, BVToastMixin], + mixins: [VuelidateMixin, BVToastMixin, LoadingBarMixin], computed: { ...mapGetters({ powerConsumptionValue: 'powerControl/powerConsumptionValue' @@ -117,6 +118,16 @@ export default { } } }, + created() { + this.startLoader(); + this.$store + .dispatch('powerControl/getPowerControl') + .finally(() => this.endLoader()); + }, + beforeRouteLeave(to, from, next) { + this.hideLoader(); + next(); + }, validations: { powerCapValue: { between: between(1, 10000), @@ -129,10 +140,12 @@ export default { submitForm() { this.$v.$touch(); if (this.$v.$invalid) return; + this.startLoader(); this.$store .dispatch('powerControl/setPowerControl', this.powerCapValue) .then(message => this.successToast(message)) - .catch(({ message }) => this.errorToast(message)); + .catch(({ message }) => this.errorToast(message)) + .finally(() => this.endLoader()); } } }; |