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
68
69
70
71
72
73
74
75
76
|
import Vue from 'vue';
import VueApollo from 'vue-apollo';
import { s__ } from '~/locale';
import ShortcutsIssuable from '~/behaviors/shortcuts/shortcuts_issuable';
import { initPipelineCountListener } from '~/commit/pipelines/utils';
import { initIssuableSidebar } from '~/issuable';
import MergeRequestStatusBadge from '~/merge_requests/components/merge_request_status_badge.vue';
import createDefaultClient from '~/lib/graphql';
import initSourcegraph from '~/sourcegraph';
import ZenMode from '~/zen_mode';
import initAwardsApp from '~/emoji/awards_app';
import MrWidgetHowToMergeModal from '~/vue_merge_request_widget/components/mr_widget_how_to_merge_modal.vue';
import { initMrExperienceSurvey } from '~/surveys/merge_request_experience';
import toast from '~/vue_shared/plugins/global_toast';
import getStateQuery from './queries/get_state.query.graphql';
export default function initMergeRequestShow() {
new ZenMode(); // eslint-disable-line no-new
initPipelineCountListener(document.querySelector('#commit-pipeline-table-view'));
new ShortcutsIssuable(true); // eslint-disable-line no-new
initSourcegraph();
initIssuableSidebar();
initAwardsApp(document.getElementById('js-vue-awards-block'));
initMrExperienceSurvey();
const el = document.querySelector('.js-mr-status-box');
const { iid, issuableType, projectPath, state } = el.dataset;
// eslint-disable-next-line no-new
new Vue({
el,
name: 'IssuableStatusBoxRoot',
apolloProvider: new VueApollo({
defaultClient: createDefaultClient(),
}),
provide: {
query: getStateQuery,
iid,
projectPath,
},
render(createElement) {
return createElement(MergeRequestStatusBadge, {
props: {
initialState: state,
issuableType,
},
});
},
});
const modalEl = document.getElementById('js-check-out-modal');
// eslint-disable-next-line no-new
new Vue({
el: modalEl,
render(h) {
return h(MrWidgetHowToMergeModal, {
props: {
canMerge: modalEl.dataset.canMerge === 'true',
isFork: modalEl.dataset.isFork === 'true',
sourceBranch: modalEl.dataset.sourceBranch,
sourceProjectPath: modalEl.dataset.sourceProjectPath,
targetBranch: modalEl.dataset.targetBranch,
sourceProjectDefaultUrl: modalEl.dataset.sourceProjectDefaultUrl,
reviewingDocsPath: modalEl.dataset.reviewingDocsPath,
},
});
},
});
const copyReferenceButton = document.querySelector('.js-copy-reference');
copyReferenceButton?.addEventListener('click', () => {
toast(s__('MergeRequests|Reference copied'));
});
}
|