diff options
author | Vitalii Lysak <v.lysak@dunice.net> | 2022-08-26 14:50:55 +0300 |
---|---|---|
committer | Vitalii Lysak <v.lysak@dunice.net> | 2022-08-26 14:50:55 +0300 |
commit | 5463c8aec08dfa07a01f95646e44a3b4bee070fe (patch) | |
tree | dc862824cffa5284db6c57308b0445071fbd2c5e /src/views/_sila/Fans/Dynamic/FansDynamicPage.vue | |
parent | 81e43ed3e15e2857faafc56edaf15ea1e1f63ec0 (diff) | |
download | webui-vue-5463c8aec08dfa07a01f95646e44a3b4bee070fe.tar.xz |
optimization for dynamic
Diffstat (limited to 'src/views/_sila/Fans/Dynamic/FansDynamicPage.vue')
-rw-r--r-- | src/views/_sila/Fans/Dynamic/FansDynamicPage.vue | 24 |
1 files changed, 21 insertions, 3 deletions
diff --git a/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue b/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue index 3b5b0030..eaf3777c 100644 --- a/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue +++ b/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue @@ -1,7 +1,11 @@ <template> <b-container fluid="xl"> <page-title :description="$t('appPageTitle.dynamicInformation')" /> - <table-date-picker :time-scale="timeScale" @changePeriod="onChangePeriod" /> + <table-date-picker + :class="{ disabledDiv: loading }" + :time-scale="timeScale" + @changePeriod="onChangePeriod" + /> <fan-speed-cpu :time-scale="timeScale"></fan-speed-cpu> <fan-speed-system :time-scale="timeScale"></fan-speed-system> </b-container> @@ -12,7 +16,9 @@ import PageTitle from '@/components/_sila/Global/PageTitle'; import TableDatePicker from '@/components/_sila/Global/TableDatePicker'; 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 FanSpeedCpu from './FanSpeedCpu'; @@ -23,10 +29,13 @@ export default { mixins: [DataFormatterMixin, LoadingBarMixin, TableFilterMixin], data() { return { + loading, timeScale: 'hour', }; }, - + created() { + this.startProgress(); + }, methods: { resetZoom() { const resetButton = document.querySelector('.highcharts-reset-zoom'); @@ -38,8 +47,17 @@ export default { }, onChangePeriod(period) { this.timeScale = period; + this.startProgress(); this.resetZoom(); }, + startProgress() { + this.startLoader(); + this.$root.$on('fan-cpu', (loading) => this.onLoading(loading)); + this.$root.$on('fan-system', (loading) => this.onLoading(loading)); + }, + onLoading(loading) { + loading ? this.startLoader() : this.endLoader(); + }, }, }; </script> |