nystudio107 /
craft-webperf
| @@ 1-33 (lines=33) @@ | ||
| 1 | import VueEvents from 'vue-events'; |
|
| 2 | import PerformanceDetailAreaChart from '@/vue/charts/performance/PerformanceDetailAreaChart.vue'; |
|
| 3 | import PerformanceDetailTable from '@/vue/tables/performance/PerformanceDetailTable.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 | import RecommendationsList from '@/vue/common/RecommendationsList.vue'; |
|
| 9 | ||
| 10 | Vue.use(VueEvents); |
|
| 11 | // Create our vue instance |
|
| 12 | const vm = new Vue({ |
|
| 13 | el: "#cp-nav-content", |
|
| 14 | components: { |
|
| 15 | 'performance-detail-area-chart': PerformanceDetailAreaChart, |
|
| 16 | 'performance-detail-table': PerformanceDetailTable, |
|
| 17 | 'radial-bar-chart': RadialBarChart, |
|
| 18 | 'simple-bar-chart': SimpleBarChart, |
|
| 19 | 'sample-range-picker': SampleRangePicker, |
|
| 20 | 'sample-pane-footer': SamplePaneFooter, |
|
| 21 | 'recommendations-list': RecommendationsList, |
|
| 22 | }, |
|
| 23 | data: { |
|
| 24 | }, |
|
| 25 | methods: { |
|
| 26 | onTableRefresh(vuetable) { |
|
| 27 | Vue.nextTick(() => vuetable.refresh()); |
|
| 28 | } |
|
| 29 | }, |
|
| 30 | mounted() { |
|
| 31 | this.$events.$on('refresh-table', eventData => this.onTableRefresh(eventData)); |
|
| 32 | }, |
|
| 33 | }); |
|
| 34 | ||
| @@ 1-31 (lines=31) @@ | ||
| 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 | ||
| @@ 1-27 (lines=27) @@ | ||
| 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 | ||
| @@ 1-25 (lines=25) @@ | ||
| 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 | ||
