Disable elements on page during loading

Pages: Network settings, Date and time, LDAP, Manage power usage
More details: https://github.com/openbmc/webui-vue/issues/15

Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com>
Change-Id: I02c5aaff180a4ce445b7135403a169a8db3704da
diff --git a/src/components/Mixins/LoadingBarMixin.js b/src/components/Mixins/LoadingBarMixin.js
index 111b40d..fffb1ca 100644
--- a/src/components/Mixins/LoadingBarMixin.js
+++ b/src/components/Mixins/LoadingBarMixin.js
@@ -1,10 +1,17 @@
 const LoadingBarMixin = {
+  data() {
+    return {
+      loading: true
+    };
+  },
   methods: {
     startLoader() {
       this.$root.$emit('loader::start');
+      this.loading = true;
     },
     endLoader() {
       this.$root.$emit('loader::end');
+      this.loading = false;
     },
     hideLoader() {
       this.$root.$emit('loader::hide');