Code Duplication    Length = 30-36 lines in 3 locations

src/assetbundles/webperf/src/js/errors-detail.js 1 location

@@ 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

src/assetbundles/webperf/src/js/performance-index.js 1 location

@@ 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

src/assetbundles/webperf/src/js/errors-index.js 1 location

@@ 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