From 37fab735a4ea90229cc875c3cd7aa78004fcb63d Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Fri, 20 Sep 2019 11:26:57 -0400
Subject: [PATCH] Add modal to page for revoking an invite

---
 templates/applications/settings.html | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/templates/applications/settings.html b/templates/applications/settings.html
index d1af60e8..d2937b89 100644
--- a/templates/applications/settings.html
+++ b/templates/applications/settings.html
@@ -175,9 +175,22 @@
                   {% endfor %}
                 </td>
                 <td>
-                  {% if member.role_status == 'pending' %}
+                  {% if user_can(permissions.DELETE_APPLICATION_MEMBER) and member.role_status == 'pending' %}
+                    {% set revoke_invite_modal = "revoke_invite_{}".format(member.role_id) %}
+                    {% call Modal(name=revoke_invite_modal, dismissable=True) %}
+                      <div class="task-order__modal-cancel">
+                        <form method="post" action="{{ url_for('applications.revoke_invite', application_id=application.id, application_role_id=member.role_id) }}">
+                          {{ member.form.csrf_token }}
+                          <h1>Do you want to revoke the invite for {{ member.user_name }}</h1>
+                          <div class="task-order__modal-cancel_buttons">
+                            <button class="usa-button usa-button-primary" type="submit">Yes, revoke it</button>
+                            <button type='button' v-on:click='closeModal("{{revoke_invite_modal}}")' class="usa-button usa-button-primary">No, do not revoke it</button>
+                          </div>
+                        </form>
+                      </div>
+                    {% endcall %}
                     <a href="#">Resend Invite</a><br>
-                    <a href="#">Revoke Invite</a>
+                    <a v-on:click='openModal("{{ revoke_invite_modal }}")'>Revoke Invite</a>
                   {% endif %}
                 </td>
               </tr>