add template

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>