diff options
Diffstat (limited to 'src/views/_sila/Processors/Dynamic/CpuPower.vue')
-rw-r--r-- | src/views/_sila/Processors/Dynamic/CpuPower.vue | 19 |
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; }); |