From b0a31723363a9e8fd087dd6219c3366a00f8c8e4 Mon Sep 17 00:00:00 2001
From: dandds <dan-ctr@friends.dds.mil>
Date: Tue, 6 Nov 2018 16:23:02 -0500
Subject: [PATCH] component for confirming destructive actions

---
 templates/components/confirmation_button.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 templates/components/confirmation_button.html

diff --git a/templates/components/confirmation_button.html b/templates/components/confirmation_button.html
new file mode 100644
index 00000000..5802052a
--- /dev/null
+++ b/templates/components/confirmation_button.html
@@ -0,0 +1,18 @@
+{% macro ConfirmationButton(btn_text, action, confirm_msg="Are you sure?", confirm_btn="Confirm", cancel_btn="Cancel") -%}
+  <v-popover placement='top-start'>
+    <template slot="popover">
+      <p>{{ confirm_msg }}</p>
+      <div class='action-group'>
+        <form method="POST" action="{{ action }}">
+          <button class='usa-button usa-button-primary' type='submit'>
+            {{ confirm_btn }}
+          </button>
+        </form>
+        <button class='usa-button usa-button-secondary' v-close-popover>
+          {{ cancel_btn }}
+        </button>
+      </div>
+    </template>
+    <button class="tooltip-target">{{ btn_text }}</button>
+  </v-popover>
+{%- endmacro %}