Changed delete wiki prompt from 'confirm' for 'gl_modal'

1 files changed, 22 insertions, 0 deletions

diff --git a/app/assets/javascripts/pages/projects/wikis/index.js b/app/assets/javascripts/pages/projects/wikis/index.js
index ec01c66ffda..467f65541ec 100644
--- a/app/assets/javascripts/pages/projects/wikis/index.js
+++ b/app/assets/javascripts/pages/projects/wikis/index.js
@@ -1,12 +1,34 @@
 import $ from 'jquery';
+import Vue from 'vue';
+import Translate from '~/vue_shared/translate';
+import csrf from '~/lib/utils/csrf';
 import Wikis from './wikis';
 import ShortcutsWiki from '../../../shortcuts_wiki';
 import ZenMode from '../../../zen_mode';
 import GLForm from '../../../gl_form';
+import deleteWikiModal from './components/delete_wiki_modal.vue';
 
 document.addEventListener('DOMContentLoaded', () => {
   new Wikis(); // eslint-disable-line no-new
   new ShortcutsWiki(); // eslint-disable-line no-new
   new ZenMode(); // eslint-disable-line no-new
   new GLForm($('.wiki-form'), true); // eslint-disable-line no-new
+
+  Vue.use(Translate);
+  const { deleteWikiUrl } = document.getElementById('delete-wiki-button').dataset;
+  const deleteWikiModalEl = document.getElementById('delete-wiki-modal');
+  const deleteModal = new Vue({
+    el: deleteWikiModalEl,
+    data: {
+      deleteWikiUrl: '',
+    },
+    render(createElement) {
+      return createElement(deleteWikiModal, {
+        props: {
+          deleteWikiUrl,
+          csrfToken: csrf.token,
+        },
+      });
+    },
+  });
 });