tAdd modals for deletion actions. - diasporadiaries - a platform for writing stories with personal accounts and messages
[h|git clone git://parazyd.org/diasporadiaries.git|URL:git://parazyd.org/diasporadiaries.git|server|port]
[1|Log|/git/diasporadiaries/log.gph|server|port]
[1|Files|/git/diasporadiaries/files.gph|server|port]
[1|Refs|/git/diasporadiaries/refs.gph|server|port]
[1|Submodules|/git/diasporadiaries/file/.gitmodules.gph|server|port]
[1|README|/git/diasporadiaries/file/README.md.gph|server|port]
[1|LICENSE|/git/diasporadiaries/file/LICENSE.gph|server|port]
---
[1|commit a7c32adaf7b397ea00a5dc72800b5117b7187d14|/git/diasporadiaries/commit/a7c32adaf7b397ea00a5dc72800b5117b7187d14.gph|server|port]
[1|parent cf828f76d5ca5a4898b91201504b1bf24200d235|/git/diasporadiaries/commit/cf828f76d5ca5a4898b91201504b1bf24200d235.gph|server|port]
[h|Author: parazyd <parazyd@dyne.org>|URL:mailto:parazyd@dyne.org|server|port]
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(-)
---
[1|diff --git a/templates/edit.html b/templates/edit.html|/git/diasporadiaries/file/templates/edit.html.gph|server|port]
t@@ -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;">
[1|diff --git a/templates/users.html b/templates/users.html|/git/diasporadiaries/file/templates/users.html.gph|server|port]
t@@ -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 %}