diasporadiaries

commit a7c32adaf7b397ea00a5dc72800b5117b7187d14
parent cf828f76d5ca5a4898b91201504b1bf24200d235
Author: parazyd <parazyd@dyne.org>
Date:   Tue, 22 Jan 2019 16:01:49 +0100

Add modals for deletion actions.

Diffstat:
M
templates/edit.html
 | 
24
+++++++++++++++++++++++-
M
templates/users.html
 | 
25
+++++++++++++++++++++++--

2 files changed, 46 insertions(+), 3 deletions(-)
diff --git a/templates/edit.html b/templates/edit.html
@@ -21,9 +21,31 @@
   <main role="main" class="container">
 
   <p>
-    <a href="/delete?key={{ story['deletekey'] }}" class="btn btn-outline-danger">Delete this story</a>
+    <button type="button" class="btn btn-outline-danger" data-toggle="modal" data-target="#deleteModal">
+      Delete this story
+    </button>
   </p>
 
+  <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalTitle" 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="deleteModalLongTitle">Delete story?</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="modal-body">
+          <p>Are you sure you wish to delete this story?</p>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
+          <a href="/delete?key={{ story['deletekey'] }}" class="btn btn-outline-danger">Delete</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <form action="/edit" method="POST" id="storyform">
   <div class="form-group">
     <input type="text" name="Id" value="{{ story['id'] }}" style="display: none;">
diff --git a/templates/users.html b/templates/users.html
@@ -45,9 +45,30 @@
           </button>
         </td>
         <td>
-          <a href="/users?delid={{ i['id'] }}" class="btn btn-outline-danger">
+          <button type="button" class="btn btn-outline-danger" data-toggle="modal" data-target="#deleteModal_{{ i['id'] }}">
             <span class="fa fa-times"></span>
-          </a>
+          </button>
+
+
+          <div class="modal fade" id="deleteModal_{{ i['id'] }}" tabindex="-1" role="dialog" aria-labelledby="deleteModal_{{ i['id'] }}_Title" 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="deleteModal_{{ i['id'] }}_LongTitle">Delete user?</h5>
+                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
+                </div>
+                <div class="modal-body">
+                  <p>Are you sure you wish to delete this user?</p>
+                </div>
+                <div class="modal-footer">
+                  <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
+                  <a href="/users?delid={{ i['id'] }}" class="btn btn-outline-danger">Delete</a>
+                </div>
+              </div>
+            </div>
+          </div>
         </td>
       </tr>
     {% endfor %}