app/assets/javascripts/mr_notes/index.js


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

import Vue from 'vue';
import store from '~/mr_notes/stores';
import initCherryPickCommitModal from '~/projects/commit/init_cherry_pick_commit_modal';
import initRevertCommitModal from '~/projects/commit/init_revert_commit_modal';
import initDiffsApp from '../diffs';
import { resetServiceWorkersPublicPath } from '../lib/utils/webpack';
import MergeRequest from '../merge_request';
import discussionCounter from '../notes/components/discussion_counter.vue';
import initDiscussionFilters from '../notes/discussion_filters';
import initSortDiscussions from '../notes/sort_discussions';
import initNotesApp from './init_notes';

export default function initMrNotes() {
  resetServiceWorkersPublicPath();

  const mrShowNode = document.querySelector('.merge-request');
  // eslint-disable-next-line no-new
  new MergeRequest({
    action: mrShowNode.dataset.mrAction,
  });

  initDiffsApp(store);
  initNotesApp();

  document.addEventListener('merged:UpdateActions', () => {
    initRevertCommitModal('i_code_review_post_merge_submit_revert_modal');
    initCherryPickCommitModal('i_code_review_post_merge_submit_cherry_pick_modal');
  });

  requestIdleCallback(() => {
    const el = document.getElementById('js-vue-discussion-counter');

    if (el) {
      const { blocksMerge } = el.dataset;

      // eslint-disable-next-line no-new
      new Vue({
        el,
        name: 'DiscussionCounter',
        components: {
          discussionCounter,
        },
        store,
        render(createElement) {
          return createElement('discussion-counter', {
            props: {
              blocksMerge: blocksMerge === 'true',
            },
          });
        },
      });
    }

    initDiscussionFilters(store);
    initSortDiscussions(store);
  });
}