diff options
Diffstat (limited to 'app/templates')
| -rw-r--r-- | app/templates/base/layout.html | 1 | ||||
| -rw-r--r-- | app/templates/home.html | 19 | ||||
| -rw-r--r-- | app/templates/workout/manage.html | 6 |
3 files changed, 19 insertions, 7 deletions
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 %} |