summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/pages/projects/merge_requests/init_merge_request_show.js
blob: 48e360ce7629d2cc656d8fe2fef52ca15c36b043 (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
import Vue from 'vue';
import VueApollo from 'vue-apollo';
import ShortcutsIssuable from '~/behaviors/shortcuts/shortcuts_issuable';
import { initPipelineCountListener } from '~/commit/pipelines/utils';
import { initIssuableSidebar } from '~/issuable';
import StatusBox from '~/issuable/components/status_box.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 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'));

  const el = document.querySelector('.js-mr-status-box');
  const { iid, issuableType, projectPath } = el.dataset;
  const apolloProvider = new VueApollo({
    defaultClient: createDefaultClient(),
  });
  // eslint-disable-next-line no-new
  new Vue({
    el,
    name: 'IssuableStatusBoxRoot',
    apolloProvider,
    provide: {
      query: getStateQuery,
      iid,
      projectPath,
    },
    render(h) {
      return h(StatusBox, {
        props: {
          initialState: el.dataset.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,
        },
      });
    },
  });
}