From f2209aa35b90b305b2d0b85f6c262dc5f5d2479e Mon Sep 17 00:00:00 2001 From: Tobias Juelg <tobias@juelg.net> Date: Thu, 12 Nov 2020 23:53:12 +0100 Subject: [PATCH] last sub issue of #2 --- management/static/management/js/session.js | 5 ++++ management/templates/management/session.html | 29 ++++++++++++++++++-- 2 files changed, 31 insertions(+), 3 deletions(-) create mode 100644 management/static/management/js/session.js diff --git a/management/static/management/js/session.js b/management/static/management/js/session.js new file mode 100644 index 0000000..c1123c7 --- /dev/null +++ b/management/static/management/js/session.js @@ -0,0 +1,5 @@ +$(function () { + $('#downloadlink').click(function () { + $('#downloadToken').modal('hide'); + }); +}); \ No newline at end of file diff --git a/management/templates/management/session.html b/management/templates/management/session.html index a069a90..e4e8b36 100644 --- a/management/templates/management/session.html +++ b/management/templates/management/session.html @@ -83,9 +83,11 @@ </div> <br> - - <a class="btn btn-dark d-inline float-left ml-2" - href="{% url 'management:print_token' session.pk %}">Download Tokens</a> + <button type="button" class="btn btn-dark d-inline float-left ml-2" data-toggle="modal" + data-target="#downloadToken" + aria-label="download tokens"> + <span aria-hidden="true">Download Tokens</span> + </button> </div> </div> </div> @@ -112,8 +114,29 @@ </div> </div> {% endfor %} + <div class="modal fade" id="downloadToken" role="dialog"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <h4 class="modal-title">Download Token</h4> + <button type="button" class="close" data-dismiss="modal">×</button> + </div> + <div class="modal-body"> + <p>Downloading the tokens PDF will generate new tokens and thus invalidating any previously + generated tokens. Are you sure you want to download the tokens?</p> + </div> + <div class="modal-footer"> + <a class="btn btn-warning d-inline float-left ml-2" id="downloadlink" + href="{% url 'management:print_token' session.pk %}">Download Tokens</a> + + <button type="button" class="btn btn-light" data-dismiss="modal">Close</button> + </div> + </div> + </div> + </div> <script src="{% static "js/jquery-3.4.1.slim.min.js" %}" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"></script> <script src="{% static "bootstrap-4.4.1-dist/js/bootstrap.min.js" %}" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"></script> + <script src="{% static "management/js/session.js" %}"></script> {% endblock %} -- GitLab