From 5a2696cdb150070ef21f40e7d28096eeed7edca5 Mon Sep 17 00:00:00 2001
From: Gertjan van den Burg <gertjanvandenburg@gmail.com>
Date: Wed, 5 Jun 2019 17:23:31 +0100
Subject: Make the modal modular

---
 app/templates/admin/manage_users.html | 21 ++++-----------------
 1 file changed, 4 insertions(+), 17 deletions(-)

(limited to 'app/templates/admin/manage_users.html')

diff --git a/app/templates/admin/manage_users.html b/app/templates/admin/manage_users.html
index 0e365d4..6e3b51a 100644
--- a/app/templates/admin/manage_users.html
+++ b/app/templates/admin/manage_users.html
@@ -1,4 +1,6 @@
 {% extends "base.html" %}
+{% import "_partials/modals.html" as modals %}
+
 {% block styles %}
 {{ super() }}
 <link rel="stylesheet" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
@@ -21,23 +23,8 @@
     </div>
   </div>
 
-  <!-- Modal -->
-  <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered" role="document">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="deleteModalLabel">Delete Dataset</h5>
-        </div>
-        <div class="modal-body">
-          You are about to delete the user <span id="user-name"></span> <b>and</b> all associated tasks and annotations. Are you sure?
-        </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
-          <button type="button" class="btn btn-success success" id="modal-confirm">Confirm</button>
-        </div>
-      </div>
-    </div>
-  </div>
+  {{ modals.confirm("delete", "Delete User", "You are about to delete the user 
+  <b>and</b> all associated tasks and annotations. Are you sure?") }}
 
   <br>
   <h1>User Overview</h1>
-- 
cgit v1.2.3