All files / app/assets/javascripts/pages/shared/wikis edit.js

0% Statements 0/28
0% Branches 0/6
0% Functions 0/8
0% Lines 0/28

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98                                                                                                                                                                                                   
import $ from 'jquery';
import Vue from 'vue';
import VueApollo from 'vue-apollo';
import createApolloClient from '~/lib/graphql';
import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
import csrf from '~/lib/utils/csrf';
import Translate from '~/vue_shared/translate';
import GLForm from '~/gl_form';
import ZenMode from '~/zen_mode';
import deleteWikiModal from './components/delete_wiki_modal.vue';
import wikiAlert from './components/wiki_alert.vue';
import wikiForm from './components/wiki_form.vue';
 
const createModalVueApp = () => {
  const deleteWikiModalWrapperEl = document.getElementById('delete-wiki-modal-wrapper');
 
  if (deleteWikiModalWrapperEl) {
    Vue.use(Translate);
 
    const { deleteWikiUrl, pageTitle } = deleteWikiModalWrapperEl.dataset;
 
    // eslint-disable-next-line no-new
    new Vue({
      el: deleteWikiModalWrapperEl,
      data() {
        return {
          deleteWikiUrl: '',
        };
      },
      render(createElement) {
        return createElement(deleteWikiModal, {
          props: {
            pageTitle,
            deleteWikiUrl,
            csrfToken: csrf.token,
          },
        });
      },
    });
  }
};
 
const createAlertVueApp = () => {
  const el = document.getElementById('js-wiki-error');
  if (el) {
    const { error, wikiPagePath } = el.dataset;
 
    // eslint-disable-next-line no-new
    new Vue({
      el,
      render(createElement) {
        return createElement(wikiAlert, {
          props: {
            error,
            wikiPagePath,
          },
        });
      },
    });
  }
};
 
const createWikiFormApp = () => {
  const el = document.getElementById('js-wiki-form');
 
  if (el) {
    const { pageInfo, formatOptions, templates } = el.dataset;
 
    Vue.use(VueApollo);
 
    const apolloProvider = new VueApollo({ defaultClient: createApolloClient() });
 
    // eslint-disable-next-line no-new
    new Vue({
      el,
      apolloProvider,
      provide: {
        formatOptions: JSON.parse(formatOptions),
        pageInfo: convertObjectPropsToCamelCase(JSON.parse(pageInfo)),
        drawioUrl: gon.diagramsnet_url,
        templates: JSON.parse(templates),
      },
      render(createElement) {
        return createElement(wikiForm);
      },
    });
  }
};
 
export const mountApplications = () => {
  new ZenMode(); // eslint-disable-line no-new
  new GLForm($('.wiki-form')); // eslint-disable-line no-new
 
  createModalVueApp();
  createAlertVueApp();
  createWikiFormApp();
};