diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-10-19 14:57:21 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-10-19 14:57:21 +0300 |
commit | 3e93647fe333862abe0fad5951f8738e2e1efd2f (patch) | |
tree | f5ffc1f35d5ec49dc243016f73b4afe9093d361f | |
parent | dbcdb2075fecc350c6c9f97735b2cdd9105ada6a (diff) | |
download | webui-vue-3e93647fe333862abe0fad5951f8738e2e1efd2f.tar.xz |
fix charts
-rw-r--r-- | src/assets/styles/bmc/_sila/_chart.scss | 7 | ||||
-rw-r--r-- | src/views/_sila/Fans/Dynamic/FanSpeedCpu.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Fans/Dynamic/FanSpeedSystem.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Memory/Dynamic/MemoryTemp.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Power/Dynamic/CurrentInput.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Power/Dynamic/CurrentOutput.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Power/Dynamic/PowerInput.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Power/Dynamic/PowerOutput.vue | 12 | ||||
-rw-r--r-- | src/views/_sila/Power/Dynamic/PowerTemp.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Power/Dynamic/VoltInput.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Power/Dynamic/VoltOutput.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Processors/Dynamic/CpuPower.vue | 10 | ||||
-rw-r--r-- | src/views/_sila/Processors/Dynamic/CpuTemp.vue | 10 |
14 files changed, 139 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/_sila/_chart.scss b/src/assets/styles/bmc/_sila/_chart.scss index 09e18844..796f4e41 100644 --- a/src/assets/styles/bmc/_sila/_chart.scss +++ b/src/assets/styles/bmc/_sila/_chart.scss @@ -23,3 +23,10 @@ transform: translate(-30px, 0) !important; } } + +.chart-no-data { + height: 360px; + display: flex; + justify-content: center; + align-items: center; +}
\ No newline at end of file diff --git a/src/views/_sila/Fans/Dynamic/FanSpeedCpu.vue b/src/views/_sila/Fans/Dynamic/FanSpeedCpu.vue index d63980bc..d8c000e1 100644 --- a/src/views/_sila/Fans/Dynamic/FanSpeedCpu.vue +++ b/src/views/_sila/Fans/Dynamic/FanSpeedCpu.vue @@ -63,7 +63,13 @@ </b-col> </b-row> </b-form> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="fans" :colors="colors" :time-scale="timeScale" @@ -155,6 +161,7 @@ export default { critical: null, isBusy: false, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -377,6 +384,9 @@ export default { this.isBusy = false; this.$store.commit('fan/setIsLoading', false); this.$root.$emit('fan-cpu', false); + if (this.filteredForChart.length === 0) { + this.isNoData = true; + } }, }, }; diff --git a/src/views/_sila/Fans/Dynamic/FanSpeedSystem.vue b/src/views/_sila/Fans/Dynamic/FanSpeedSystem.vue index cbcfe13d..bec366b4 100644 --- a/src/views/_sila/Fans/Dynamic/FanSpeedSystem.vue +++ b/src/views/_sila/Fans/Dynamic/FanSpeedSystem.vue @@ -63,7 +63,13 @@ </b-col> </b-row> </b-form> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="fans" :colors="colors" :time-scale="timeScale" @@ -155,6 +161,7 @@ export default { critical: null, isBusy: false, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -379,6 +386,9 @@ export default { this.isBusy = false; this.$store.commit('fan/setIsLoading', false); this.$root.$emit('fan-system', false); + if (this.filteredForChart.length === 0) { + this.isNoData = true; + } }, }, }; diff --git a/src/views/_sila/Memory/Dynamic/MemoryTemp.vue b/src/views/_sila/Memory/Dynamic/MemoryTemp.vue index 462fb606..def007cd 100644 --- a/src/views/_sila/Memory/Dynamic/MemoryTemp.vue +++ b/src/views/_sila/Memory/Dynamic/MemoryTemp.vue @@ -57,7 +57,13 @@ </b-col> </b-row> </b-form> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="memory" :colors="colors" :time-scale="timeScale" @@ -137,6 +143,7 @@ export default { warning: null, critical: null, isBusy: false, + isNoData: false, fields: [ { key: 'name', @@ -298,6 +305,9 @@ export default { this.endLoader(); this.isBusy = false; this.$root.$emit('memory', false); + if (this.filteredSensors.length === 0) { + this.isNoData = true; + } }, }, }; diff --git a/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue b/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue index 4c8f3345..0fba91dd 100644 --- a/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue +++ b/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue @@ -38,7 +38,13 @@ </b-col> </b-row> </b-form> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="motherboard" :time-scale="timeScale" :colors="colors" @@ -116,6 +122,7 @@ export default { loading, warning: null, isBusy: false, + isNoData: false, fields: [ { key: 'name', @@ -266,6 +273,9 @@ export default { this.endLoader(); this.isBusy = false; this.$root.$emit('motherboard', false); + if (this.filteredSensors.length === 0) { + this.isNoData = true; + } }, }, }; diff --git a/src/views/_sila/Power/Dynamic/CurrentInput.vue b/src/views/_sila/Power/Dynamic/CurrentInput.vue index 34e2c166..8b6cc85f 100644 --- a/src/views/_sila/Power/Dynamic/CurrentInput.vue +++ b/src/views/_sila/Power/Dynamic/CurrentInput.vue @@ -36,7 +36,13 @@ </b-button> </b-col> </b-row> --> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="current" :time-scale="timeScale" :data="filteredItems" @@ -109,6 +115,7 @@ export default { shutdown: Infinity, isBusy: true, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -189,6 +196,9 @@ export default { this.$root.$emit('psu-current-output', false); this.isBusy = false; this.endLoader(); + if (this.filteredItems.length === 0) { + this.isNoData = true; + } }); }, }, diff --git a/src/views/_sila/Power/Dynamic/CurrentOutput.vue b/src/views/_sila/Power/Dynamic/CurrentOutput.vue index a51c1fe6..fb6c9e5f 100644 --- a/src/views/_sila/Power/Dynamic/CurrentOutput.vue +++ b/src/views/_sila/Power/Dynamic/CurrentOutput.vue @@ -36,7 +36,13 @@ </b-button> </b-col> </b-row> --> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="current" :time-scale="timeScale" :data="filteredItems" @@ -109,6 +115,7 @@ export default { shutdown: Infinity, isBusy: true, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -193,6 +200,9 @@ export default { this.$root.$emit('psu-current-output', false); this.isBusy = false; this.endLoader(); + if (this.filteredItems.length === 0) { + this.isNoData = true; + } }); }, }, diff --git a/src/views/_sila/Power/Dynamic/PowerInput.vue b/src/views/_sila/Power/Dynamic/PowerInput.vue index bfbf9953..b9ac07d1 100644 --- a/src/views/_sila/Power/Dynamic/PowerInput.vue +++ b/src/views/_sila/Power/Dynamic/PowerInput.vue @@ -36,7 +36,13 @@ </b-button> </b-col> </b-row> --> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="psu-power" :time-scale="timeScale" :data="filteredItems" @@ -108,6 +114,7 @@ export default { shutdown: Infinity, isBusy: true, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -190,6 +197,9 @@ export default { this.$root.$emit('psu-power-input', false); this.isBusy = false; this.endLoader(); + if (this.filteredItems.length === 0) { + this.isNoData = true; + } }); }, }, diff --git a/src/views/_sila/Power/Dynamic/PowerOutput.vue b/src/views/_sila/Power/Dynamic/PowerOutput.vue index 842cdd59..977c3b6e 100644 --- a/src/views/_sila/Power/Dynamic/PowerOutput.vue +++ b/src/views/_sila/Power/Dynamic/PowerOutput.vue @@ -36,7 +36,13 @@ </b-button> </b-col> </b-row> --> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="psu-power" :time-scale="timeScale" :data="filteredItems" @@ -108,6 +114,7 @@ export default { shutdown: Infinity, isBusy: true, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -193,6 +200,11 @@ export default { this.$root.$emit('psu-power-output', false); this.isBusy = false; this.endLoader(); + this.$nextTick(() => { + if (this.filteredItems.length === 0) { + this.isNoData = true; + } + }); }); }, }, diff --git a/src/views/_sila/Power/Dynamic/PowerTemp.vue b/src/views/_sila/Power/Dynamic/PowerTemp.vue index c2d2217e..06784dc6 100644 --- a/src/views/_sila/Power/Dynamic/PowerTemp.vue +++ b/src/views/_sila/Power/Dynamic/PowerTemp.vue @@ -64,7 +64,13 @@ </b-col> </b-row> </b-form> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="processors" :time-scale="timeScale" :data="allSensors" @@ -148,6 +154,7 @@ export default { critical: null, isBusy: false, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -311,6 +318,9 @@ export default { this.endLoader(); this.isBusy = false; this.$root.$emit('psu-temp', false); + if (this.allSensors.length === 0) { + this.isNoData = true; + } }, }, }; diff --git a/src/views/_sila/Power/Dynamic/VoltInput.vue b/src/views/_sila/Power/Dynamic/VoltInput.vue index b8d21e36..172b2115 100644 --- a/src/views/_sila/Power/Dynamic/VoltInput.vue +++ b/src/views/_sila/Power/Dynamic/VoltInput.vue @@ -62,7 +62,13 @@ </b-col> </b-row> </b-form> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="voltage-input" :time-scale="timeScale" :data="filteredItems" @@ -148,6 +154,7 @@ export default { critical: null, isBusy: false, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -324,6 +331,9 @@ export default { this.isBusy = false; this.$store.commit('powerSupply/setIsLoadingVol', false); this.$root.$emit('psu-volt-input', false); + if (this.filteredItems.length === 0) { + this.isNoData = true; + } }, }, }; diff --git a/src/views/_sila/Power/Dynamic/VoltOutput.vue b/src/views/_sila/Power/Dynamic/VoltOutput.vue index 2d6f99dc..6284c5ce 100644 --- a/src/views/_sila/Power/Dynamic/VoltOutput.vue +++ b/src/views/_sila/Power/Dynamic/VoltOutput.vue @@ -62,7 +62,13 @@ </b-col> </b-row> </b-form> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="voltage-output" :time-scale="timeScale" :data="filteredItems" @@ -148,6 +154,7 @@ export default { critical: null, isBusy: false, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -325,6 +332,9 @@ export default { this.isBusy = false; this.$store.commit('powerSupply/setIsLoadingVol', false); this.$root.$emit('psu-volt-output', false); + if (this.filteredItems.length === 0) { + this.isNoData = true; + } }, }, }; diff --git a/src/views/_sila/Processors/Dynamic/CpuPower.vue b/src/views/_sila/Processors/Dynamic/CpuPower.vue index 79cd33b4..772f98eb 100644 --- a/src/views/_sila/Processors/Dynamic/CpuPower.vue +++ b/src/views/_sila/Processors/Dynamic/CpuPower.vue @@ -33,7 +33,13 @@ </b-button> </b-col> </b-row> --> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="power" :time-scale="timeScale" :data="filteredSensors" @@ -107,6 +113,7 @@ export default { shutdown: 88, isBusy: true, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -182,6 +189,9 @@ export default { .finally(() => { this.$root.$emit('cpu-power', false); this.endLoader(); + if (this.filteredSensors.length === 0) { + this.isNoData = true; + } this.isBusy = false; }); }, diff --git a/src/views/_sila/Processors/Dynamic/CpuTemp.vue b/src/views/_sila/Processors/Dynamic/CpuTemp.vue index d367b90f..2787274a 100644 --- a/src/views/_sila/Processors/Dynamic/CpuTemp.vue +++ b/src/views/_sila/Processors/Dynamic/CpuTemp.vue @@ -64,7 +64,13 @@ </b-col> </b-row> </b-form> + <b-col v-if="isNoData" class="chart-no-data"> + <span> + {{ $t('global.table.emptyMessage') }} + </span> + </b-col> <chart + v-else type="processors" :time-scale="timeScale" :data="filteredSensors" @@ -148,6 +154,7 @@ export default { critical: null, isBusy: false, opened: false, + isNoData: false, fields: [ { key: 'name', @@ -321,6 +328,9 @@ export default { this.endLoader(); this.isBusy = false; this.$root.$emit('cpu-temp', false); + if (this.filteredSensors.length === 0) { + this.isNoData = true; + } }, }, }; |