app/templates/views/returned-letter-summary.html

{% from "components/table.html" import list_table, row_heading %}
{% from "components/message-count-label.html" import message_count_label %}
{% extends "withnav_template.html" %}

{% block service_page_title %}
  Returned letters
{% endblock %}

{% block maincolumn_content %}
<h1 class="heading-large">
    Returned letters
  </h1>
<div class="dashboard-table">
    {% call(item, row_number) list_table(
        data,
        caption="Returned letters report",
        caption_visible=False,
        empty_message='If you have returned letter reports they will be listed here',
        field_headings=['Report'],
        field_headings_visible=False
    ) %}
    {% call row_heading() %}
      <a class="govuk_link file-list-filename"
         href="{{url_for('.returned_letters', service_id=current_service.id, reported_at=item.reported_at)}}">{{ item.reported_at | format_date_normal }}</a>
       <p class="file-list-hint">
         {{ item.returned_letter_count}} {{ message_count_label(item.returned_letter_count, 'letter', suffix='')}}
       </p>
    {% endcall %}
  {% endcall %}
</div>

{% endblock %}
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 %}`
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 %}`
			`<h1 class="heading-large">`
Added tests 2019-12-24 14:33:52 +00:00			`Returned letters`
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			`</h1>`
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() %}`
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			`<a class="govuk_link file-list-filename"`
			`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 %}`