mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-31 03:39:19 -04:00
4df99bd27f
All paragraphs should have class="govuk-body", or be otherwise custom-styled. This commit adds some extra checks to our test fixture that looks for paragraphs that don’t have any styling. Our test coverage is pretty good, so this should check almost all pages, and prevent regressions. I’ve done this in such a way that it can be extended for other elements (e.g. links) in the future.
113 lines
4.1 KiB
HTML
113 lines
4.1 KiB
HTML
{% extends "withnav_template.html" %}
|
||
{% from "components/banner.html" import banner_wrapper %}
|
||
{% from "components/radios.html" import radio_select %}
|
||
{% from "components/table.html" import list_table, field, text_field, index_field, hidden_field_heading %}
|
||
{% from "components/file-upload.html" import file_upload %}
|
||
{% from "components/back-link/macro.njk" import govukBackLink %}
|
||
{% from "components/message-count-label.html" import message_count_label %}
|
||
|
||
{% set file_contents_header_id = 'file-preview' %}
|
||
{% macro skip_to_file_contents() %}
|
||
<p class="govuk-visually-hidden">
|
||
<a class="govuk-link govuk-link--no-visited-state" href="#{{ file_contents_header_id }}">Skip to file contents</a>
|
||
</p>
|
||
{% endmacro %}
|
||
|
||
{% block service_page_title %}
|
||
Error
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
{{ govukBackLink({ "href": url_for('main.upload_contact_list', service_id=current_service.id) }) }}
|
||
|
||
<div class="bottom-gutter-1-2">
|
||
{% call banner_wrapper(type='dangerous') %}
|
||
|
||
{% if not recipients|length %}
|
||
|
||
<h1 class='banner-title' data-module="track-error" data-error-type="No rows" data-error-label="{{ upload_id }}">
|
||
Your file is missing some rows
|
||
</h1>
|
||
<p class="govuk-body">
|
||
It needs at least one row of data
|
||
{%- if template_type %}.{% else %}, in a column called ‘email address’ or ‘phone number’.{% endif %}
|
||
</p>
|
||
|
||
{% elif recipients.column_headers|length == 1 %}
|
||
|
||
<h1 class='banner-title' data-module="track-error" data-error-type="Too many rows" data-error-label="{{ upload_id }}">
|
||
Your file needs a column called ‘email address’ or ‘phone number’.
|
||
</h1>
|
||
<p class="govuk-body">
|
||
Right now it has 1 column called ‘{{ recipients._raw_column_headers[0] }}’.
|
||
</p>
|
||
|
||
{% else %}
|
||
|
||
<h1 class='banner-title' data-module="track-error" data-error-type="Too many rows" data-error-label="{{ upload_id }}">
|
||
Your file has too many columns
|
||
</h1>
|
||
<p class="govuk-body">
|
||
It needs to have 1 column, called ‘email address’ or ‘phone number’.
|
||
</p>
|
||
<p class="govuk-body">
|
||
Right now it has {{ recipients._raw_column_headers|length }} columns called {{ recipients._raw_column_headers | formatted_list }}.
|
||
</p>
|
||
|
||
{% endif %}
|
||
|
||
{{ skip_to_file_contents() }}
|
||
|
||
{% endcall %}
|
||
</div>
|
||
|
||
|
||
<div class="js-stick-at-top-when-scrolling">
|
||
<div class="form-group">
|
||
{{ file_upload(
|
||
form.file,
|
||
action=url_for('.upload_contact_list', service_id=current_service.id),
|
||
button_text='Upload your file again'
|
||
) }}
|
||
</div>
|
||
<a href="#content" class="govuk-link govuk-link--no-visited-state back-to-top-link">Back to top</a>
|
||
</div>
|
||
|
||
{% set column_headers = recipients._raw_column_headers if recipients.duplicate_recipient_column_headers else recipients.column_headers %}
|
||
|
||
<h2 class="heading-medium" id="{{ file_contents_header_id }}">{{ original_file_name }}</h2>
|
||
|
||
<div class="fullscreen-content" data-module="fullscreen-table">
|
||
{% call(item, row_number) list_table(
|
||
recipients.displayed_rows,
|
||
caption=original_file_name,
|
||
caption_visible=False,
|
||
field_headings=[
|
||
'<span class="govuk-visually-hidden">Row in file</span> <span aria-hidden="true">1</span>'|safe
|
||
] + recipients._raw_column_headers
|
||
) %}
|
||
{{ index_field(item.index + 2) }}
|
||
{% for column in column_headers %}
|
||
{% if item[column].ignore %}
|
||
{{ text_field(item[column].data or '', status='default') }}
|
||
{% else %}
|
||
{{ text_field(item[column].data or '') }}
|
||
{% endif %}
|
||
{% endfor %}
|
||
{% if item[None].data %}
|
||
{% for column in item[None].data %}
|
||
{{ text_field(column, status='default') }}
|
||
{% endfor %}
|
||
{% endif %}
|
||
{% endcall %}
|
||
</div>
|
||
|
||
{% if recipients.displayed_rows|list|length < recipients|length %}
|
||
<p class="table-show-more-link">
|
||
Only showing the first {{ recipients.displayed_rows|list|length }} rows
|
||
</p>
|
||
{% endif %}
|
||
|
||
{% endblock %}
|