Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | import Vue from 'vue'; import VueApollo from 'vue-apollo'; import createDefaultClient from '~/lib/graphql'; import { parseBoolean } from '~/lib/utils/common_utils'; import { convertToGraphQLId } from '~/graphql_shared/utils'; import { TYPENAME_PROJECT } from '~/graphql_shared/constants'; import ProjectPipelinesCharts from './components/app.vue'; Vue.use(VueApollo); const apolloProvider = new VueApollo({ defaultClient: createDefaultClient(), }); const mountPipelineChartsApp = (el) => { const { projectId, projectPath, failedPipelinesLink, coverageChartPath, defaultBranch, testRunsEmptyStateImagePath, projectQualitySummaryFeedbackImagePath, } = el.dataset; const shouldRenderDoraCharts = parseBoolean(el.dataset.shouldRenderDoraCharts); const shouldRenderQualitySummary = parseBoolean(el.dataset.shouldRenderQualitySummary); const contextId = convertToGraphQLId(TYPENAME_PROJECT, projectId); return new Vue({ el, name: 'ProjectPipelinesChartsApp', components: { ProjectPipelinesCharts, }, apolloProvider, provide: { projectPath, failedPipelinesLink, shouldRenderDoraCharts, shouldRenderQualitySummary, coverageChartPath, defaultBranch, testRunsEmptyStateImagePath, projectQualitySummaryFeedbackImagePath, contextId, }, render: (createElement) => createElement(ProjectPipelinesCharts, {}), }); }; export default () => { const el = document.querySelector('#js-project-pipelines-charts-app'); return !el ? {} : mountPipelineChartsApp(el); }; |