@@ 1-36 (lines=36) @@ | ||
1 | import VueEvents from 'vue-events'; |
|
2 | import ErrorsDetailAreaChart from '@/vue/charts/Errors/ErrorsDetailAreaChart.vue'; |
|
3 | import ErrorsDetailTable from '@/vue/tables/Errors/ErrorsDetailTable.vue'; |
|
4 | import RadialBarChart from '@/vue/charts/common/RadialBarChart.vue'; |
|
5 | import SimpleBarChart from '@/vue/charts/common/SimpleBarChart.vue'; |
|
6 | import SampleRangePicker from '@/vue/common/SampleRangePicker.vue'; |
|
7 | import SamplePaneFooter from '@/vue/common/SamplePaneFooter.vue'; |
|
8 | ||
9 | Vue.use(VueEvents); |
|
10 | // Create our vue instance |
|
11 | const vm = new Vue({ |
|
12 | el: "#cp-nav-content", |
|
13 | components: { |
|
14 | 'errors-detail-area-chart': ErrorsDetailAreaChart, |
|
15 | 'errors-detail-table': ErrorsDetailTable, |
|
16 | 'radial-bar-chart': RadialBarChart, |
|
17 | 'simple-bar-chart': SimpleBarChart, |
|
18 | 'sample-range-picker': SampleRangePicker, |
|
19 | 'sample-pane-footer': SamplePaneFooter, |
|
20 | }, |
|
21 | data: { |
|
22 | }, |
|
23 | methods: { |
|
24 | onTableRefresh(vuetable) { |
|
25 | Vue.nextTick(() => vuetable.refresh()); |
|
26 | } |
|
27 | }, |
|
28 | mounted() { |
|
29 | this.$events.$on('refresh-table', eventData => this.onTableRefresh(eventData)); |
|
30 | }, |
|
31 | }); |
|
32 | ||
33 | // Accept HMR as per: https://webpack.js.org/api/hot-module-replacement#accept |
|
34 | if (module.hot) { |
|
35 | module.hot.accept(); |
|
36 | } |
|
37 |
@@ 1-32 (lines=32) @@ | ||
1 | import VueEvents from 'vue-events'; |
|
2 | import PerformanceIndexTable from '@/vue/tables/performance/PerformanceIndexTable.vue'; |
|
3 | import SampleRangePicker from '@/vue/common/SampleRangePicker.vue'; |
|
4 | import PerformanceDetailAreaChart from '@/vue/charts/performance/PerformanceDetailAreaChart.vue'; |
|
5 | import RecommendationsList from '@/vue/common/RecommendationsList.vue'; |
|
6 | ||
7 | Vue.use(VueEvents); |
|
8 | // Create our vue instance |
|
9 | const vm = new Vue({ |
|
10 | el: "#cp-nav-content", |
|
11 | components: { |
|
12 | 'performance-index-table': PerformanceIndexTable, |
|
13 | 'sample-range-picker': SampleRangePicker, |
|
14 | 'performance-detail-area-chart': PerformanceDetailAreaChart, |
|
15 | 'recommendations-list': RecommendationsList, |
|
16 | }, |
|
17 | data: { |
|
18 | }, |
|
19 | methods: { |
|
20 | onTableRefresh(vuetable) { |
|
21 | Vue.nextTick(() => vuetable.refresh()); |
|
22 | } |
|
23 | }, |
|
24 | mounted() { |
|
25 | this.$events.$on('refresh-table', eventData => this.onTableRefresh(eventData)); |
|
26 | }, |
|
27 | }); |
|
28 | ||
29 | // Accept HMR as per: https://webpack.js.org/api/hot-module-replacement#accept |
|
30 | if (module.hot) { |
|
31 | module.hot.accept(); |
|
32 | } |
|
33 |
@@ 1-30 (lines=30) @@ | ||
1 | import VueEvents from 'vue-events'; |
|
2 | import ErrorsIndexTable from '@/vue/tables/Errors/ErrorsIndexTable.vue'; |
|
3 | import SampleRangePicker from '@/vue/common/SampleRangePicker.vue'; |
|
4 | import ErrorsDetailAreaChart from '@/vue/charts/Errors/ErrorsDetailAreaChart.vue'; |
|
5 | ||
6 | Vue.use(VueEvents); |
|
7 | // Create our vue instance |
|
8 | const vm = new Vue({ |
|
9 | el: "#cp-nav-content", |
|
10 | components: { |
|
11 | 'errors-index-table': ErrorsIndexTable, |
|
12 | 'sample-range-picker': SampleRangePicker, |
|
13 | 'errors-detail-area-chart': ErrorsDetailAreaChart, |
|
14 | }, |
|
15 | data: { |
|
16 | }, |
|
17 | methods: { |
|
18 | onTableRefresh(vuetable) { |
|
19 | Vue.nextTick(() => vuetable.refresh()); |
|
20 | } |
|
21 | }, |
|
22 | mounted() { |
|
23 | this.$events.$on('refresh-table', eventData => this.onTableRefresh(eventData)); |
|
24 | }, |
|
25 | }); |
|
26 | ||
27 | // Accept HMR as per: https://webpack.js.org/api/hot-module-replacement#accept |
|
28 | if (module.hot) { |
|
29 | module.hot.accept(); |
|
30 | } |
|
31 |