mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-30 11:19:44 -04:00
d213e2cc67
The first columns of our tables are always headings for the subsequent columns, even though they go horizontally. HTML has the `<th>` tag, which doesn’t just have to be used for headings along the top of a table. So this commit changes the first column to be a `<th>`. This then allows us to style these elements differently, specifically making them 50% wide. This makes pages like the dashboard align more nicely.
80 lines
2.5 KiB
HTML
80 lines
2.5 KiB
HTML
{% extends "withnav_template.html" %}
|
||
{% from "components/table.html" import list_table, field, text_field, link_field, right_aligned_field_heading, hidden_field_heading, row_heading, date_field %}
|
||
{% from "components/previous-next-navigation.html" import previous_next_navigation %}
|
||
{% from "components/page-footer.html" import page_footer %}
|
||
{% from "components/pill.html" import pill %}
|
||
{% from "components/message-count-label.html" import message_count_label %}
|
||
|
||
{% block page_title %}
|
||
{{ message_count_label(99, message_type, suffix='') | capitalize }} – GOV.UK Notify
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
<h1 class="heading-large">
|
||
|
||
<span class="visually-hidden">
|
||
{%- if request_args.get('status') != 'delivered,failed' -%}
|
||
{%- for label, option, _ in status_filters -%}
|
||
{%- if request_args.get('status', 'delivered,failed') == option -%}{{label}} {% endif -%}
|
||
{%- endfor -%}
|
||
{%- endif -%}
|
||
</span>
|
||
|
||
{{- message_count_label(99, message_type, suffix='') | capitalize }}
|
||
|
||
</h1>
|
||
|
||
<div class='bottom-gutter'>
|
||
{{ pill(
|
||
'Status',
|
||
status_filters,
|
||
request_args.get('status', '')
|
||
) }}
|
||
</div>
|
||
|
||
{% if notifications %}
|
||
<p class="bottom-gutter">
|
||
<a href="{{ download_link }}" download="download" class="heading-small">Download as a CSV file</a>
|
||
 
|
||
Delivery information is available for 7 days
|
||
</p>
|
||
{% endif %}
|
||
|
||
{% call(item, row_number) list_table(
|
||
notifications,
|
||
caption="Recent activity",
|
||
caption_visible=False,
|
||
empty_message='No messages found',
|
||
field_headings=['Recipient', 'Started', 'Status'],
|
||
field_headings_visible=False
|
||
) %}
|
||
|
||
{% call row_heading() %}
|
||
<p>
|
||
{{ item.to }}
|
||
</p>
|
||
<p class="hint">
|
||
{% if item.job %}
|
||
From <a href="{{ url_for(".view_job", service_id=current_service.id, job_id=item.job.id) }}">{{ item.job.original_file_name }}</a>
|
||
{% else %}
|
||
<a href="{{ url_for('.view_template_version', service_id=current_service.id, template_id=item.template.id, version=item.template_version) }}">{{ item.template.name }}</a>
|
||
from an API call
|
||
{% endif %}
|
||
</p>
|
||
{% endcall %}
|
||
|
||
{{ date_field(
|
||
(item.updated_at or item.created_at)|format_datetime_short
|
||
) }}
|
||
|
||
{% call field(status='', align='right') %}
|
||
{{ item.status|format_notification_status(item.template.template_type) }}
|
||
{% endcall %}
|
||
|
||
{% endcall %}
|
||
|
||
{{ previous_next_navigation(prev_page, next_page) }}
|
||
|
||
{% endblock %}
|