darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-07-14 18:30:15 -04:00
Code Issues Packages Projects Releases Wiki Activity
Files
4d0da6594de60fcf37dc7796279462e32072d7a1
notifications-admin/app/templates/views/returned-letter-summary.html

45 lines
1.5 KiB
HTML
Raw Normal View History

Make appearance of ‘empty’ table rows even Our table rows take up 65px vertical space. We also have things that look like rows that say: - there are no rows - there are more rows than can be shown on screen This commit makes them appear the same height.
2019-12-31 13:36:18 +00:00
{% from "components/table.html" import list_table, row_heading %}
Remove POST where not needed. Use plural method to display letter or letters Remove unused params from list_table method.
2019-12-27 17:27:55 +00:00
{% from "components/message-count-label.html" import message_count_label %}
Add some context to the list of reports We reckon people need some context/expectation setting about what the date of the report is.
2020-02-20 11:48:34 +00:00
{% from "components/page-header.html" import page_header %}
New pages to show a summary of all the reports the services has for its returned letters
2019-12-17 17:23:00 +00:00
{% extends "withnav_template.html" %}
{% block service_page_title %}
Returned letters
{% endblock %}
{% block maincolumn_content %}
Update a couple more old grid styles
2020-03-03 16:58:06 +00:00
<div class="govuk-grid-row">
Replace the `.column-...` classes in _grids.scss 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`
2020-02-20 16:55:56 +00:00
<div class="govuk-grid-column-five-sixths">
Add some context to the list of reports We reckon people need some context/expectation setting about what the date of the report is.
2020-02-20 11:48:34 +00:00
{{ page_header(
'Returned letters',
back_link=url_for('main.service_dashboard', service_id=current_service.id)
) }}
<p class="govuk-body">
Reports are published once a month.
</p>
<p class="govuk-body">
You’ll only get a report if one or more of your letters is returned.
</p>
</div>
</div>
Make appearance of ‘empty’ table rows even Our table rows take up 65px vertical space. We also have things that look like rows that say: - there are no rows - there are more rows than can be shown on screen This commit makes them appear the same height.
2019-12-31 13:36:18 +00:00
<div class="dashboard-table">
New pages to show a summary of all the reports the services has for its returned letters
2019-12-17 17:23:00 +00:00
{% call(item, row_number) list_table(
data,
Remove POST where not needed. Use plural method to display letter or letters Remove unused params from list_table method.
2019-12-27 17:27:55 +00:00
caption="Returned letters report",
New pages to show a summary of all the reports the services has for its returned letters
2019-12-17 17:23:00 +00:00
caption_visible=False,
Add field headings to table Headings are good for accessibility. They also are what adds the grey border to the top of the first row in the table.
2019-12-31 10:24:39 +00:00
empty_message='If you have returned letter reports they will be listed here',
field_headings=['Report'],
field_headings_visible=False
Make appearance of ‘empty’ table rows even Our table rows take up 65px vertical space. We also have things that look like rows that say: - there are no rows - there are more rows than can be shown on screen This commit makes them appear the same height.
2019-12-31 13:36:18 +00:00
) %}
{% call row_heading() %}
Fix wrong link colour on returned letters Underscore meant it wasn’t getting the Design System link styles. Missing class meant it was going purple once clicked.
2020-02-27 15:37:49 +00:00
<a class="govuk-link govuk-link--no-visited-state file-list-filename"
Add a page for each report It’s useful to get some kind of preview of the report before you download it. And if there’s only a few letters in there then you might not even need to download it at all. For teams with lots of letters we don’t want the page to load too slowly so let’s cap the number of displayed items to 50, same as previewing a spreadsheet.
2019-12-31 13:27:27 +00:00
href="{{url_for('.returned_letters', service_id=current_service.id, reported_at=item.reported_at)}}">{{ item.reported_at | format_date_normal }}</a>
Use file list pattern for list of files This means the page has the same appearance as other lists of stuff like the notifications page.
2019-12-31 10:20:09 +00:00
<p class="file-list-hint">
{{ item.returned_letter_count}} {{ message_count_label(item.returned_letter_count, 'letter', suffix='')}}
</p>
New pages to show a summary of all the reports the services has for its returned letters
2019-12-17 17:23:00 +00:00
{% endcall %}
{% endcall %}
</div>
Use file list pattern for list of files This means the page has the same appearance as other lists of stuff like the notifications page.
2019-12-31 10:20:09 +00:00
{% endblock %}
Reference in New Issue Copy Permalink