mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-05 17:09:01 -04:00
a85f7fa2c1
We had 7 classes in _grids.scss named `.column-...` which were being used to give a certain column width. These worked by using `@include grid column()`, which is now deprecated. `.column-whole` and `.column-three-quarters` can be removed and replaced with `govuk-grid-column-full` and `govuk-grid-column-three-quarters` respectively. The other column classes don't have a direct replacment in GOV.UK Frontend. To get round this, we overwrite the `$govuk-grid-width` SASS map in `extensions.scss` to add in extra widths, then use this with the `govuk-grid-column` mixin to create new classes in for our custom widths in `_grids.scss`
89 lines
2.8 KiB
HTML
89 lines
2.8 KiB
HTML
{% extends "withnav_template.html" %}
|
|
{% from "components/ajax-block.html" import ajax_block %}
|
|
{% from "components/message-count-label.html" import message_count_label, recipient_count_label %}
|
|
{% from "components/page-footer.html" import page_footer %}
|
|
{% from "components/textbox.html" import textbox %}
|
|
{% from "components/form.html" import form_wrapper %}
|
|
{% from "components/button/macro.njk" import govukButton %}
|
|
|
|
{% set title_status = (
|
|
'Failed '
|
|
if status == 'failed' and message_type == 'letter'
|
|
else ''
|
|
) %}
|
|
{% set page_title = (
|
|
(title_status + message_count_label(99, message_type, suffix='')) | capitalize
|
|
if current_user.has_permissions('view_activity')
|
|
else 'Sent messages'
|
|
) %}
|
|
|
|
{% block service_page_title %}
|
|
{{ page_title }}
|
|
{% endblock %}
|
|
|
|
{% block maincolumn_content %}
|
|
|
|
<h1 class="heading-large">
|
|
{{ page_title }}
|
|
</h1>
|
|
{% if not message_type == "letter" %}
|
|
|
|
{{ ajax_block(
|
|
partials,
|
|
url_for('.get_notifications_as_json', service_id=current_service.id, message_type=message_type, status=status),
|
|
'counts'
|
|
) }}
|
|
|
|
{% call form_wrapper(
|
|
action=url_for('.view_notifications', service_id=current_service.id, message_type=message_type),
|
|
class="govuk-grid-row"
|
|
) %}
|
|
<div class="govuk-grid-column-three-quarters {% if message_type == 'sms' %}extra-tracking{% endif %}">
|
|
{{ textbox(
|
|
search_form.to,
|
|
width='1-1',
|
|
label=things_you_can_search_by|formatted_list(
|
|
conjunction='or',
|
|
before_each='',
|
|
after_each='',
|
|
prefix='Search by',
|
|
prefix_plural='Search by'
|
|
)
|
|
) }}
|
|
</div>
|
|
<div class="govuk-grid-column-one-quarter">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
{{ govukButton({
|
|
"text": "Search",
|
|
"classes": "search-form__button"
|
|
}) }}
|
|
</div>
|
|
{% endcall %}
|
|
|
|
{% call form_wrapper(id="search-form") %}
|
|
<input type="hidden" name="to" value="{{ search_form.to.data }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
{% endcall %}
|
|
{% else %}
|
|
{% call form_wrapper(id="search-form") %}
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
|
|
{% endcall %}
|
|
{% endif %}
|
|
|
|
{% if current_user.has_permissions('view_activity') %}
|
|
<p class="bottom-gutter">
|
|
<a href="{{ download_link }}" download="download" class="govuk-link govuk-link--no-visited-state govuk-!-font-weight-bold">Download this report</a>
|
|
 
|
|
Data available for {{ partials.service_data_retention_days }} days
|
|
</p>
|
|
{% endif %}
|
|
|
|
{{ ajax_block(
|
|
partials,
|
|
url_for('.get_notifications_as_json', service_id=current_service.id, message_type=message_type, status=status, page=page),
|
|
'notifications',
|
|
form='search-form'
|
|
) }}
|
|
|
|
{% endblock %}
|