1 files changed, 57 insertions, 0 deletions
diff --git a/app/assets/javascripts/lib/utils/confirm_via_gl_modal/confirm_action.js b/app/assets/javascripts/lib/utils/confirm_via_gl_modal/confirm_action.js
new file mode 100644
index 00000000000..3bfbfea7f22
--- /dev/null
+++ b/app/assets/javascripts/lib/utils/confirm_via_gl_modal/confirm_action.js
@@ -0,0 +1,57 @@
+import Vue from 'vue';
+
+export function confirmAction(
+  message,
+  {
+    primaryBtnVariant,
+    primaryBtnText,
+    secondaryBtnVariant,
+    secondaryBtnText,
+    cancelBtnVariant,
+    cancelBtnText,
+    modalHtmlMessage,
+    title,
+    hideCancel,
+  } = {},
+) {
+  return new Promise((resolve) => {
+    let confirmed = false;
+    let component;
+
+    const ConfirmAction = Vue.extend({
+      components: {
+        ConfirmModal: () => import('./confirm_modal.vue'),
+      },
+      render(h) {
+        return h(
+          'confirm-modal',
+          {
+            props: {
+              secondaryText: secondaryBtnText,
+              secondaryVariant: secondaryBtnVariant,
+              primaryVariant: primaryBtnVariant,
+              primaryText: primaryBtnText,
+              cancelVariant: cancelBtnVariant,
+              cancelText: cancelBtnText,
+              title,
+              modalHtmlMessage,
+              hideCancel,
+            },
+            on: {
+              confirmed() {
+                confirmed = true;
+              },
+              closed() {
+                component.$destroy();
+                resolve(confirmed);
+              },
+            },
+          },
+          [message],
+        );
+      },
+    });
+
+    component = new ConfirmAction().$mount();
+  });
+}