summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/jira_connect/subscriptions/index.js
blob: 8a7a80d885d85fe9b628da248fd6da09fe1b8c3f (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
import '../../webpack';

import setConfigs from '@gitlab/ui/dist/config';
import Vue from 'vue';
import GlFeatureFlagsPlugin from '~/vue_shared/gl_feature_flags_plugin';
import Translate from '~/vue_shared/translate';

import JiraConnectApp from './components/app.vue';
import createStore from './store';
import { getGitlabSignInURL, sizeToParent } from './utils';

const store = createStore();

/**
 * Add `return_to` query param to all HAML-defined GitLab sign in links.
 */
const updateSignInLinks = async () => {
  await Promise.all(
    Array.from(document.querySelectorAll('.js-jira-connect-sign-in')).map(async (el) => {
      const updatedLink = await getGitlabSignInURL(el.getAttribute('href'));
      el.setAttribute('href', updatedLink);
    }),
  );
};

export async function initJiraConnect() {
  await updateSignInLinks();

  const el = document.querySelector('.js-jira-connect-app');
  if (!el) {
    return null;
  }

  setConfigs();
  Vue.use(Translate);
  Vue.use(GlFeatureFlagsPlugin);

  const { groupsPath, subscriptions, subscriptionsPath, usersPath } = el.dataset;
  sizeToParent();

  return new Vue({
    el,
    store,
    provide: {
      groupsPath,
      subscriptions: JSON.parse(subscriptions),
      subscriptionsPath,
      usersPath,
    },
    render(createElement) {
      return createElement(JiraConnectApp);
    },
  });
}

document.addEventListener('DOMContentLoaded', initJiraConnect);