diff options
author | Vitalii Lysak <v.lysak@dunice.net> | 2022-07-20 17:20:35 +0300 |
---|---|---|
committer | Vitalii Lysak <v.lysak@dunice.net> | 2022-07-20 17:20:35 +0300 |
commit | 2581c2ae3ea819fa54841560f976362877a8c213 (patch) | |
tree | ce3b4a4dbf1f402309221227348fd8ddba7f16d5 /src/views/_sila | |
parent | 5f84c94c3fce9faef603838bc63927a5a681e93d (diff) | |
download | webui-vue-2581c2ae3ea819fa54841560f976362877a8c213.tar.xz |
add template
Diffstat (limited to 'src/views/_sila')
-rw-r--r-- | src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue | 30 |
1 files changed, 27 insertions, 3 deletions
diff --git a/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue b/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue index 000928cf..ac510875 100644 --- a/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue +++ b/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue @@ -1,20 +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 }, - mixins: [DataFormatterMixin, LoadingBarMixin], + components: { PageTitle, Chart }, + mixins: [DataFormatterMixin, LoadingBarMixin, TableFilterMixin], data() { - return {}; + return { + activeFilters: [], + }; + }, + + computed: { + allSensors() { + let sensors = this.$store.getters['processors/processors']; + return sensors; + }, + + filteredSensors() { + return this.getFilteredTableData(this.allSensors, this.activeFilters); + }, + }, + + created() { + this.startLoader(); + this.$store.dispatch('processors/getProcessorsDynamic').finally(() => { + this.endLoader(); + }); }, }; </script> |