mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-02 04:39:25 -04:00
92549fd2d6
This has several advantages: - It gives us more room to explain the error and actions. This will be useful for upcoming work we want to do, which will add yet more validations for CSV uploads. - We already use a flash to show certain kinds of errors on these pages (just above). This is more consistent. - It's potentially more accessible. Previously the error and the button text used to be read out as a single sentence. Now the page reloads and reads the flash error alone. In theory we should show an error in both places, but this can be confusing on pages where there's only a single form control, and especially if the error is long.
97 lines
2.7 KiB
HTML
97 lines
2.7 KiB
HTML
{% extends "withnav_template.html" %}
|
|
{% from "components/banner.html" import banner_wrapper %}
|
|
{% from "components/file-upload.html" import file_upload %}
|
|
{% from "components/page-header.html" import page_header %}
|
|
{% from "components/table.html" import list_table, text_field, index_field, index_field_heading %}
|
|
{% from "components/back-link/macro.njk" import govukBackLink %}
|
|
|
|
{% block service_page_title %}
|
|
Upload an emergency contact list
|
|
{% endblock %}
|
|
|
|
{% block backLink %}
|
|
{% if not error %}
|
|
{{ govukBackLink({ "href": url_for('main.uploads', service_id=current_service.id) }) }}
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block maincolumn_content %}
|
|
{% if error %}
|
|
{% call banner_wrapper(type='dangerous') %}
|
|
<h1 class="banner-title">{{ error.title }}</h1>
|
|
{% if error.detail %}
|
|
<p class="govuk-body">{{ error.detail | safe }}</p>
|
|
{% endif %}
|
|
{% endcall %}
|
|
{% else %}
|
|
{{ page_header('Upload an emergency contact list') }}
|
|
<p class="govuk-body">
|
|
Save a list of staff email addresses or phone numbers in Notify.
|
|
</p>
|
|
<p class="govuk-body">
|
|
In an emergency, you can send a message to everyone on the list.
|
|
</p>
|
|
<p class="govuk-body">
|
|
Do not include contact details for members of the public.
|
|
</p>
|
|
{% endif %}
|
|
|
|
<div class="bottom-gutter">
|
|
{{ file_upload(
|
|
form.file,
|
|
allowed_file_extensions=allowed_file_extensions,
|
|
button_text='Choose file',
|
|
show_errors=False,
|
|
)}}
|
|
</div>
|
|
|
|
<h2 class="heading-medium">Your file needs to look like one of these examples</h2>
|
|
|
|
<p class="hint">
|
|
Save your file as a
|
|
<acronym title="Comma Separated Values">CSV</acronym>,
|
|
<acronym title="Tab Separated Values">TSV</acronym>,
|
|
<acronym title="Open Document Spreadsheet">ODS</acronym>,
|
|
or Microsoft Excel spreadsheet
|
|
</p>
|
|
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-grid-column-one-half">
|
|
<div class="spreadsheet">
|
|
{% call(item, row_number) list_table(
|
|
[
|
|
['email address'],
|
|
['test@example.gov.uk'],
|
|
],
|
|
caption="Example",
|
|
caption_visible=False,
|
|
field_headings=['', 'A']
|
|
) %}
|
|
{{ index_field(row_number - 1) }}
|
|
{% for column in item %}
|
|
{{ text_field(column) }}
|
|
{% endfor %}
|
|
{% endcall %}
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-column-one-half">
|
|
<div class="spreadsheet">
|
|
{% call(item, row_number) list_table(
|
|
[
|
|
['phone number'],
|
|
['07700 900123'],
|
|
],
|
|
caption="Example",
|
|
caption_visible=False,
|
|
field_headings=['', 'A']
|
|
) %}
|
|
{{ index_field(row_number - 1) }}
|
|
{% for column in item %}
|
|
{{ text_field(column) }}
|
|
{% endfor %}
|
|
{% endcall %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|