From f3c01a3a35ab0b73fdb1eaa5143066b97173c927 Mon Sep 17 00:00:00 2001
From: Chris Lawton <31627284+chris-lawton@users.noreply.github.com>
Date: Tue, 5 Nov 2019 11:21:44 +0000
Subject: [PATCH] add skip report confirmation modal (#1657)
* add skip report confirmation modal
---
.../includes/report_line.html | 23 +++++++++++++++----
1 file changed, 19 insertions(+), 4 deletions(-)
diff --git a/opentech/apply/projects/templates/application_projects/includes/report_line.html b/opentech/apply/projects/templates/application_projects/includes/report_line.html
index c2e367a18..b1782b17e 100644
--- a/opentech/apply/projects/templates/application_projects/includes/report_line.html
+++ b/opentech/apply/projects/templates/application_projects/includes/report_line.html
@@ -22,10 +22,25 @@
{% endif %}
{% if request.user.is_apply_staff and report.can_submit %}
- <form action="{% url "apply:projects:reports:skip" pk=report.pk %}" method="post">
- {% csrf_token %}
- <input type="submit" value="Skip" class="btn data-block__action-link"></input>
- </form>
+
+ <input data-fancybox data-src="#skip-report-{{report.id}}" type="button" value="Skip" class="btn data-block__action-link"></input>
+
+ <!-- Skip report confirmation modal -->
+ <div class="modal" id="skip-report-{{report.id}}">
+ <h4 class="modal__header-bar modal__header-bar--no-bottom-space">Skip report</h4>
+ <div class="modal__copy">
+ <p>You're skipping the report for <b>{{report.start_date}}</b> – <b>{{report.end_date}}</b></p>
+ <p>This will result in a gap in reporting for the project. You can undo this at any time.</p>
+ </div>
+ <form action="{% url "apply:projects:reports:skip" pk=report.pk %}" method="post">
+ {% csrf_token %}
+ <div class="modal__buttons">
+ <input type="submit" value="Continue" class="button button--primary button--submit"></input>
+ <button data-fancybox-close class="button button--submit button--white">Cancel</button>
+ </div>
+ </form>
+ </div>
+
{% endif %}
</div>
</li>
--
GitLab