From 73b96155fcd54b958fe8c676db028fd4fc4fabe4 Mon Sep 17 00:00:00 2001
From: stilbruch <stilbruch@protonmail.com>
Date: Wed, 6 Apr 2022 15:54:13 -0500
Subject: Add confirmation modal for deleting a workout

---
 app/templates/base/layout.html    |  1 +
 app/templates/home.html           | 19 ++++++++++++++++++-
 app/templates/workout/manage.html |  6 ------
 3 files changed, 19 insertions(+), 7 deletions(-)
 delete mode 100644 app/templates/workout/manage.html

(limited to 'app/templates')

diff --git a/app/templates/base/layout.html b/app/templates/base/layout.html
index 1acdfda..cbdb567 100644
--- a/app/templates/base/layout.html
+++ b/app/templates/base/layout.html
@@ -100,5 +100,6 @@
 	</section>
 
 	<!-- TODO: footer -->
+	<script async type="text/javascript" src="/static/js/bulma.js"></script>
 </body>
 </html>
diff --git a/app/templates/home.html b/app/templates/home.html
index 4d5cb8a..a8cf949 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -63,10 +63,27 @@
 										<td class="level-right">
 											<p class="buttons">
 												<a class="button is-small is-primary" href="/workout/edit?id={{ workout.id }}">Edit</a>
-												<a class="button is-small is-danger" href="#">Delete</a>
+												<a class="button is-small is-danger js-modal-trigger" data-target="modal-{{ workout.id }}" href="#">Delete</a>
 											</p>
 										</td>
 									</tr>
+									<!-- Confirmation Modal -->
+									<div class="modal" id="modal-{{ workout.id }}">
+										<div class="modal-background"></div>
+										<div class="modal-card">
+											<section class="modal-card-body">
+												<h1 class="title has-text-black">Are you sure?</h1>
+												<p>
+													Are you sure you want to delete this workout?
+													You will not be able to restore it once you do.
+												</p>
+											</section>
+											<footer class="modal-card-foot">
+												<button class="button is-danger">Confirm</button>
+												<button class="button">Cancel</button>
+											</footer>
+										</div>
+									</div>
 								{% endfor %}
 							</tbody>
 						</table>
diff --git a/app/templates/workout/manage.html b/app/templates/workout/manage.html
deleted file mode 100644
index 95f03f5..0000000
--- a/app/templates/workout/manage.html
+++ /dev/null
@@ -1,6 +0,0 @@
-{% extends 'base/layout.html' %}
-
-{% block content %}
-<div class="container">
-</div>
-{% endblock %}
-- 
cgit v1.2.3