Add latest changes from gitlab-org/gitlab@master

1 files changed, 36 insertions, 17 deletions

diff --git a/app/assets/javascripts/confirm_modal.js b/app/assets/javascripts/confirm_modal.js
index 1c9346e35e0..ff29d5fa355 100644
--- a/app/assets/javascripts/confirm_modal.js
+++ b/app/assets/javascripts/confirm_modal.js
@@ -1,26 +1,45 @@
 import Vue from 'vue';
 import ConfirmModal from '~/vue_shared/components/confirm_modal.vue';
 
-const mountConfirmModal = button => {
-  const props = {
-    path: button.dataset.path,
-    method: button.dataset.method,
-    modalAttributes: JSON.parse(button.dataset.modalAttributes),
-  };
-
+const mountConfirmModal = () => {
   return new Vue({
+    data() {
+      return {
+        path: '',
+        method: '',
+        modalAttributes: null,
+        showModal: false,
+      };
+    },
+    mounted() {
+      document.querySelectorAll('.js-confirm-modal-button').forEach(button => {
+        button.addEventListener('click', e => {
+          e.preventDefault();
+
+          this.path = button.dataset.path;
+          this.method = button.dataset.method;
+          this.modalAttributes = JSON.parse(button.dataset.modalAttributes);
+          this.showModal = true;
+        });
+      });
+    },
+    methods: {
+      dismiss() {
+        this.showModal = false;
+      },
+    },
     render(h) {
-      return h(ConfirmModal, { props });
+      return h(ConfirmModal, {
+        props: {
+          path: this.path,
+          method: this.method,
+          modalAttributes: this.modalAttributes,
+          showModal: this.showModal,
+        },
+        on: { dismiss: this.dismiss },
+      });
     },
   }).$mount();
 };
 
-export default () => {
-  document.getElementsByClassName('js-confirm-modal-button').forEach(button => {
-    button.addEventListener('click', e => {
-      e.preventDefault();
-
-      mountConfirmModal(button);
-    });
-  });
-};
+export default () => mountConfirmModal();