blob: da09852a7f4f0042633331e5e0744a3fb66e5df1 (
plain)
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
57
58
59
60
61
62
63
64
65
66
67
|
import VueRouter from 'vue-router';
import { createAlert } from '~/alert';
import { __ } from '~/locale';
import { pipelineTabName } from './constants';
import { createPipelineDetailsHeaderApp } from './pipeline_details_header';
import { apolloProvider } from './pipeline_shared_client';
const SELECTORS = {
PIPELINE_DETAILS_HEADER: '#js-pipeline-details-header-vue',
PIPELINE_TABS: '#js-pipeline-tabs',
};
export default async function initPipelineDetailsBundle() {
const headerSelector = SELECTORS.PIPELINE_DETAILS_HEADER;
const headerApp = createPipelineDetailsHeaderApp;
const headerEl = document.querySelector(headerSelector);
if (headerEl) {
const { dataset: headerDataset } = headerEl;
try {
headerApp(headerSelector, apolloProvider, headerDataset.graphqlResourceEtag);
} catch {
createAlert({
message: __('An error occurred while loading a section of this page.'),
});
}
}
const tabsEl = document.querySelector(SELECTORS.PIPELINE_TABS);
if (tabsEl) {
const { dataset } = tabsEl;
const dismissalDescriptions = JSON.parse(dataset.dismissalDescriptions || '{}');
const { createAppOptions } = await import('ee_else_ce/ci/pipeline_details/pipeline_tabs');
const { createPipelineTabs } = await import('./pipeline_tabs');
const { routes } = await import('ee_else_ce/ci/pipeline_details/routes');
const securityRoute = routes.find((route) => route.path === '/security');
if (securityRoute) {
securityRoute.props = { dismissalDescriptions };
}
const router = new VueRouter({
mode: 'history',
base: dataset.pipelinePath,
routes,
});
// We handle the shortcut `pipelines/latest` by forwarding the user to the pipeline graph
// tab and changing the route to the correct `pipelines/:id`
if (window.location.pathname.endsWith('latest')) {
router.replace({ name: pipelineTabName });
}
try {
const appOptions = createAppOptions(SELECTORS.PIPELINE_TABS, apolloProvider, router);
createPipelineTabs(appOptions);
} catch {
createAlert({
message: __('An error occurred while loading a section of this page.'),
});
}
}
}
|