Skip to content

Commit

Permalink
Certification Unlock Copy & Styling Updates (#2595)
Browse files Browse the repository at this point in the history 
* Ready for certification - remove bolded & reformat

* Submissions homepage - icon on own line & format

* Certification unlock - format, copy, links.

* upload-cancel -> form-cancel

* "Straight quotation marks boo"

Co-authored-by: Tadhg O'Higgins <[email protected]>

---------

Co-authored-by: Tadhg O'Higgins <[email protected]>
  • Loading branch information
@jperson1 @tadhg-ohiggins
jperson1 and tadhg-ohiggins authored Oct 24, 2023
1 parent 1f3c7cb commit 753ccbc
Show file tree
Hide file tree
Showing 3 changed files with 46 additions and 46 deletions.
11 changes: 5 additions & 6 deletions backend/audit/templates/audit/cross-validation/ready-for-certification.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,18 +7,17 @@
{% csrf_token %}
<fieldset class="usa-fieldset">
<legend class="usa-legend usa-legend--large" id="federal-awards">Lock for certification</legend>
<p>You are now ready to lock your single audit submission for auditee and auditor certification. Each must review and certify the documents before they can be submitted to the FAC.</p>
<p>
<strong>
Once the single audit submission is locked for certification, you will not be able to edit or make changes to your data.
</strong>
You are now ready to lock your single audit submission for auditee and auditor certification. Each must review and certify the documents before they can be submitted to the FAC.
</p>
<p>
Make sure you save copies of your documents to your local drive before moving on to the next steps as the FAC does not maintain versions for you.
</p>
<button class="usa-button margin-top-2" id="continue">Lock for certification</button>
<a id="cancel-lock-for-certification-link" class="usa-button usa-button--unstyled margin-left-2" href="{% url 'audit:SubmissionProgress' report_id %}"
aria-controls="upload-cancel">Cancel</a>
<a id="cancel-lock-for-certification-link"
class="usa-button usa-button--unstyled margin-left-2"
href="{% url 'audit:SubmissionProgress' report_id %}"
aria-controls="form-cancel">Cancel</a>
</fieldset>
</form>
</div>
Expand Down
10 changes: 9 additions & 1 deletion backend/audit/templates/audit/my_submissions.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,15 @@ <h1 class="font-sans-xl">Audits in progress</h1>
<tr>
<td>
<a class="usa-link" href="{% url 'audit:SubmissionProgress' item.report_id %}">{{ item.submission_status }}</a>
{% if item.submission_status == "Ready For Certification" %}<a class="usa-link" href="{% url 'audit:UnlockAfterCertification' item.report_id %}"><svg class="usa-icon" aria-hidden="true" focusable="false" role="img">{% uswds_sprite "lock_open" %}</svg></a>{% endif%}
{% if item.submission_status == "Ready For Certification" %}
<p class="margin-0">
<a class="usa-link" href="{% url 'audit:UnlockAfterCertification' item.report_id %}">
<svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
{% uswds_sprite "lock_open" %}
</svg>
</a>
</p>
{% endif%}
</td>
<td>{{ item.auditee_name }}</td>
<td>{{ item.report_id }}</td>
Expand Down
71 changes: 32 additions & 39 deletions backend/audit/templates/audit/unlock-after-certification.html
View file
Original file line number Diff line number Diff line change
@@ -1,48 +1,41 @@
{% extends "base.html" %}
{% load static %}
{% block content %}
<div class="grid-container margin-top-6 margin-bottom-10">
<div class="grid-container margin-top-6">
<div class="grid-row">
<h1 class="font-sans-2xl" id="title">Unlock after certification</h1>
{% if submission_status == target_status %}
<form class="padding-x-6"
id="unlock-after-certification"
method="post">
{% csrf_token %}
<fieldset class="usa-fieldset">

{% comment %} This div is the grey box, and should handle its own margins and padding. {% endcomment %}
<div class="bg-base-lightest padding-5">
<fieldset class="usa-fieldset radio margin-bottom-6" id="question-opt-in-out">
<legend class="margin-bottom-3 font-sans-lg text-bold text-underline">
I understand that this will move the submission back to an in-progress, editable state and that it will need to be marked as ready for certification again in future.
</legend>

<div class="usa-checkbox">
<input id="unlock_after_certification"
name="unlock_after_certification"
class="usa-checkbox__input"
type="checkbox"
value="True"
checked
<label class="usa-checkbox__label" for="unlock-for-certification-checkbox"></label>
</div>

<fieldset class="usa-fieldset margin-top-2 tablet:grid-col-12" id="agree-or-cancel">
<button class="usa-button" id="continue">Agree to unlock for certification</button>
<a class="usa-button usa-button--unstyled margin-left-2 margin-top-2 tablet:margin-top-0"
id="unlock-after-certification-button"
href="{% url 'audit:SubmissionProgress' report_id %}"
aria-controls="form-cancel">Cancel</a>
</fieldset>
</fieldset>
</div>
</fieldset>
</form>
<form class="grid-col-8 grid-offset-2"
id="unlock-after-certification"
method="post">
{% csrf_token %}
<fieldset class="usa-fieldset">
<legend class="usa-legend usa-legend--large" id="auditor-certification">Unlock submission</legend>
<h3>
{% comment %} &#8209; is a non-breaking hyphen, to avoid splitting "re-validated" across two lines. {% endcomment %}
I understand that by unlocking this submission it will need to be re&#8209;validated before certification.
</h3>
<div class="usa-checkbox" hidden>
<input id="unlock_after_certification"
name="unlock_after_certification"
class="usa-checkbox__input"
required
type="checkbox"
value="True"
checked />
<label class="usa-checkbox__label" for="unlock-for-certification-checkbox"></label>
</div>
</fieldset>
<div class="grid-row margin-bottom-8 margin-top-6">
<button class="usa-button tablet:grid-col-5" id="continue">Unlock submission</button>
<a class="usa-link tablet:margin-left-3 tablet:margin-top-0 margin-top-2 tablet:grid-col-2 flex-align-self-center"
id="unlock-after-certification-button"
href="{% url 'audit:MySubmissions' %}"
aria-controls="form-cancel">Cancel</a>
</div>
</form>
{% else %}
<p>This form is only accessible for submissions with a ready for certification status.</p>

{% endif%}
<p class="margin-bottom-6">This form is only accessible for submissions with a “Ready for Certification” status. This submission is not locked for certification.</p>
{% endif %}
</div>
</div>
{% include "audit-metadata.html" %}
Expand Down

0 comments on commit 753ccbc

Please sign in to comment.