1 files changed, 15 insertions, 4 deletions
diff --git a/src/views/_sila/Processors/Dynamic/CpuPower.vue b/src/views/_sila/Processors/Dynamic/CpuPower.vue
index fe359456..693c161d 100644
--- a/src/views/_sila/Processors/Dynamic/CpuPower.vue
+++ b/src/views/_sila/Processors/Dynamic/CpuPower.vue
@@ -1,7 +1,9 @@
 <template>
   <collapse
     id="collapse_power"
+    :class="{ disabledDiv: loading && opened }"
     :title="$t('pageProcessors.power')"
+    :opened="true"
     @opened="onOpened"
   >
     <template #image>
@@ -81,7 +83,9 @@ import Chart from '@/components/_sila/Global/Chart';
 import PageSection from '@/components/Global/PageSection';
 
 import DataFormatterMixin from '@/components/_sila/Mixins/DataFormatterMixin';
-import LoadingBarMixin from '@/components/_sila/Mixins/LoadingBarMixin';
+import LoadingBarMixin, {
+  loading,
+} from '@/components/_sila/Mixins/LoadingBarMixin';
 import TableFilterMixin from '@/components/_sila/Mixins/TableFilterMixin';
 import Collapse from '@/components/_sila/Global/Collapse';
 
@@ -98,9 +102,11 @@ export default {
   },
   data() {
     return {
+      loading,
       warning: 66,
       shutdown: 88,
       isBusy: true,
+      opened: false,
       fields: [
         {
           key: 'name',
@@ -140,17 +146,20 @@ export default {
   },
   watch: {
     timeScale() {
+      if (!this.opened) {
+        return;
+      }
+
       this.loadData();
     },
   },
-  created() {
-    this.loadData();
-  },
+
   methods: {
     onOpened(state) {
       if (state) {
         this.loadData();
       }
+      this.opened = state;
     },
 
     loadData() {
@@ -159,10 +168,12 @@ export default {
         payload = { lastHour: true };
       }
 
+      this.$root.$emit('cpu-power', true);
       this.startLoader();
       this.$store
         .dispatch('processors/getCpuPowerDynamic', payload)
         .finally(() => {
+          this.$root.$emit('cpu-power', false);
           this.endLoader();
           this.isBusy = false;
         });