diff options
author | Vitalii Lysak <v.lysak@dunice.net> | 2022-07-21 20:56:53 +0300 |
---|---|---|
committer | Vitalii Lysak <v.lysak@dunice.net> | 2022-07-21 20:56:53 +0300 |
commit | 7cba13534cda94a1efdbad2ff8dbe68de1fbeaa3 (patch) | |
tree | 6e8b1d480896b695907701648a621c80f98ee2dc /src/views | |
parent | 74f116101b3e4b925264b08611c42c054c0565e8 (diff) | |
download | webui-vue-7cba13534cda94a1efdbad2ff8dbe68de1fbeaa3.tar.xz |
add charts for fans and processors
Diffstat (limited to 'src/views')
-rw-r--r-- | src/views/_sila/Fans/Dynamic/FansDynamicPage.vue | 44 | ||||
-rw-r--r-- | src/views/_sila/Fans/Dynamic/index.js | 2 | ||||
-rw-r--r-- | src/views/_sila/Memory/Dynamic/MemoryDynamicPage.vue | 44 | ||||
-rw-r--r-- | src/views/_sila/Memory/Dynamic/index.js | 2 | ||||
-rw-r--r-- | src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue | 16 |
5 files changed, 104 insertions, 4 deletions
diff --git a/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue b/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue new file mode 100644 index 00000000..543eea33 --- /dev/null +++ b/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue @@ -0,0 +1,44 @@ +<template> + <b-container fluid="xl"> + <page-title :description="$t('appPageTitle.dynamicInformation')" /> + + <chart :data="filteredSensors"></chart> + </b-container> +</template> + +<script> +import PageTitle from '@/components/_sila/Global/PageTitle'; +import Chart from '@/components/_sila/Global/Chart'; + +import DataFormatterMixin from '@/components/_sila/Mixins/DataFormatterMixin'; +import LoadingBarMixin from '@/components/_sila/Mixins/LoadingBarMixin'; +import TableFilterMixin from '@/components/_sila/Mixins/TableFilterMixin'; + +export default { + components: { PageTitle, Chart }, + mixins: [DataFormatterMixin, LoadingBarMixin, TableFilterMixin], + data() { + return { + activeFilters: [], + }; + }, + + computed: { + allSensors() { + let sensors = this.$store.getters['fan/fans']; + return sensors; + }, + + filteredSensors() { + return this.getFilteredTableData(this.allSensors, this.activeFilters); + }, + }, + + created() { + this.startLoader(); + this.$store.dispatch('fan/getFansDynamic').finally(() => { + this.endLoader(); + }); + }, +}; +</script> diff --git a/src/views/_sila/Fans/Dynamic/index.js b/src/views/_sila/Fans/Dynamic/index.js new file mode 100644 index 00000000..a3dadd5a --- /dev/null +++ b/src/views/_sila/Fans/Dynamic/index.js @@ -0,0 +1,2 @@ +import FansDynamicPage from './FansDynamicPage.vue'; +export default FansDynamicPage; diff --git a/src/views/_sila/Memory/Dynamic/MemoryDynamicPage.vue b/src/views/_sila/Memory/Dynamic/MemoryDynamicPage.vue new file mode 100644 index 00000000..59f7cbc5 --- /dev/null +++ b/src/views/_sila/Memory/Dynamic/MemoryDynamicPage.vue @@ -0,0 +1,44 @@ +<template> + <b-container fluid="xl"> + <page-title :description="$t('appPageTitle.dynamicInformation')" /> + + <chart :data="filteredSensors"></chart> + </b-container> +</template> + +<script> +import PageTitle from '@/components/_sila/Global/PageTitle'; +import Chart from '@/components/_sila/Global/Chart'; + +import DataFormatterMixin from '@/components/_sila/Mixins/DataFormatterMixin'; +import LoadingBarMixin from '@/components/_sila/Mixins/LoadingBarMixin'; +import TableFilterMixin from '@/components/_sila/Mixins/TableFilterMixin'; + +export default { + components: { PageTitle, Chart }, + mixins: [DataFormatterMixin, LoadingBarMixin, TableFilterMixin], + data() { + return { + activeFilters: [], + }; + }, + + computed: { + allSensors() { + let sensors = this.$store.getters['memory/dimms']; + return sensors; + }, + + filteredSensors() { + return this.getFilteredTableData(this.allSensors, this.activeFilters); + }, + }, + + created() { + this.startLoader(); + this.$store.dispatch('memory/getMemoryDynamic').finally(() => { + this.endLoader(); + }); + }, +}; +</script> diff --git a/src/views/_sila/Memory/Dynamic/index.js b/src/views/_sila/Memory/Dynamic/index.js new file mode 100644 index 00000000..b840772c --- /dev/null +++ b/src/views/_sila/Memory/Dynamic/index.js @@ -0,0 +1,2 @@ +import MemoryDynamicPage from './MemoryDynamicPage.vue'; +export default MemoryDynamicPage; diff --git a/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue b/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue index 29ec1997..8525b174 100644 --- a/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue +++ b/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue @@ -1,4 +1,4 @@ -<template> +<!--<template> <b-container fluid="xl"> <page-title :description="$t('appPageTitle.dynamicInformation')" /> <collapse id="collapse_1"> @@ -24,20 +24,28 @@ </page-section> </collapse> </b-container> +</template>--> + +<template> + <b-container fluid="xl"> + <page-title :description="$t('appPageTitle.dynamicInformation')" /> + + <chart :data="filteredSensors"></chart> + </b-container> </template> <script> import PageTitle from '@/components/_sila/Global/PageTitle'; import Chart from '@/components/_sila/Global/Chart'; -import PageSection from '@/components/Global/PageSection'; +// import PageSection from '@/components/Global/PageSection'; import DataFormatterMixin from '@/components/_sila/Mixins/DataFormatterMixin'; import LoadingBarMixin from '@/components/_sila/Mixins/LoadingBarMixin'; import TableFilterMixin from '@/components/_sila/Mixins/TableFilterMixin'; -import Collapse from '@/components/_sila/Global/Collapse'; +// import Collapse from '@/components/_sila/Global/Collapse'; export default { - components: { PageTitle, Collapse, PageSection, Chart }, + components: { PageTitle, /*Collapse, PageSection,*/ Chart }, mixins: [DataFormatterMixin, LoadingBarMixin, TableFilterMixin], data() { return { |