summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/work_items/components/work_item_links/index.js
blob: 86f03583ea3e2bf99560d5b3cfd2b5e8d23cb2c7 (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
import Vue from 'vue';
import { GlToast } from '@gitlab/ui';
import { createApolloProvider } from '../../graphql/provider';
import WorkItemLinks from './work_item_links.vue';

Vue.use(GlToast);

export default function initWorkItemLinks() {
  if (!window.gon.features.workItemsHierarchy) {
    return;
  }

  const workItemLinksRoot = document.querySelector('.js-work-item-links-root');

  if (!workItemLinksRoot) {
    return;
  }

  const { projectPath, wiHasIssueWeightsFeature } = workItemLinksRoot.dataset;

  // eslint-disable-next-line no-new
  new Vue({
    el: workItemLinksRoot,
    name: 'WorkItemLinksRoot',
    apolloProvider: createApolloProvider(),
    components: {
      workItemLinks: WorkItemLinks,
    },
    provide: {
      projectPath,
      fullPath: projectPath,
      hasIssueWeightsFeature: wiHasIssueWeightsFeature,
    },
    render: (createElement) =>
      createElement('work-item-links', {
        props: {
          issuableId: parseInt(workItemLinksRoot.dataset.issuableId, 10),
        },
      }),
  });
}