darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-02 17:48:50 -04:00
Code Issues Packages Projects Releases Wiki Activity
Files
e2099d6170f2dade3dce41172ef88bcff02ea853
notifications-admin/app/templates/views/dashboard/_jobs.html

91 lines
3.1 KiB
HTML
Raw Normal View History

Give each row in a table a heading 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.
2016-06-08 13:41:02 +01:00
{% from "components/table.html" import list_table, field, right_aligned_field_heading, row_heading %}
Split the JSON responses into one key per section Previously, the AJAX update for the dashboard was returning a big blob of JSON with one key. This commit splits it up to return: - one key for each section of the page - each containing a smaller chunk of HTML rendered from a partial The jobs page was already working this way (pretty much) but just needed a little tweaking to get it the same.
2016-06-28 09:07:04 +01:00
{% from "components/big-number.html" import big_number -%}
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
{% from "components/message-count-label.html" import message_count_label -%}
Put uploaded files on the dashboard This commit depends on and uses the data returned by: - [x] https://github.com/alphagov/notifications-api/pull/345 - [x] https://github.com/alphagov/notifications-api/pull/347 - [x] https://github.com/alphagov/notifications-admin/pull/612 It puts the last 5 jobs on the dashboard. This should be changed to all the jobs from the last 7 days when that parameter is available. It also: - links to the jobs page - makes the numbers on the jobs page consistent with the dashboard - makes the numbers on an individual job consistent with the appearance of the dashboard
2016-05-25 13:36:35 +01:00
Make sure partials always have a wrapping `<div>` The diffDOM Javascript sometimes throws an error if it can’t calculate a diff between the original content of the page and the updated HTML delivered via AJAX. The problem seems to be when there’s not one, consistent top-level element for it to base its calculations on. This commit: - makes sure that all AJAX-delivered partials have a wrapping `<div>` - that this `<div>` has a consistent class name to make it clear why it’s there
2016-09-01 11:06:52 +01:00
<div class='dashboard-table ajax-block-container'>
Fix display of spreadsheet tables a9f79bcf078fae57c52b496762ca2e78f285a725 made all tables have a `fixed` layout. This causes issues with the spreadsheet-looking tables. This commit treats tables with half-width first columns as the exception, not the rule, and makes other tables display as before.
2016-06-09 15:52:10 +01:00
{% call(item, row_number) list_table(
jobs,
Split the JSON responses into one key per section Previously, the AJAX update for the dashboard was returning a big blob of JSON with one key. This commit splits it up to return: - one key for each section of the page - each containing a smaller chunk of HTML rendered from a partial The jobs page was already working this way (pretty much) but just needed a little tweaking to get it the same.
2016-06-28 09:07:04 +01:00
caption="Recent files uploaded",
Fix display of spreadsheet tables a9f79bcf078fae57c52b496762ca2e78f285a725 made all tables have a `fixed` layout. This causes issues with the spreadsheet-looking tables. This commit treats tables with half-width first columns as the exception, not the rule, and makes other tables display as before.
2016-06-09 15:52:10 +01:00
caption_visible=False,
Put upload letters button on jobs page This is going to become the one true ‘Uploads’ page, so it need the sticky footer that takes users into the new upload letters journey.
2019-10-09 10:52:11 +01:00
empty_message=(
Show scheduled jobs on page one of the uploads page This is the same thing we do for caseworking users who don’t have the dashboard. Since we’re going to summarise scheduled jobs on the dashboard instead of listing them they need to be listed here instead (which is where we’ll link to from the dashboard). Design of this will probably evolve as we work out how to style single letter uploads and letter jobs, but that’s OK for now because no-one has the uploads page at the moment.
2020-02-17 14:59:59 +00:00
'Upload a letter and Notify will print, pack and post it for you.' if current_service.can_upload_letters else 'You have not uploaded any files yet'
Put upload letters button on jobs page This is going to become the one true ‘Uploads’ page, so it need the sticky footer that takes users into the new upload letters journey.
2019-10-09 10:52:11 +01:00
),
Fix display of spreadsheet tables a9f79bcf078fae57c52b496762ca2e78f285a725 made all tables have a `fixed` layout. This causes issues with the spreadsheet-looking tables. This commit treats tables with half-width first columns as the exception, not the rule, and makes other tables display as before.
2016-06-09 15:52:10 +01:00
field_headings=[
'File',
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
'Status'
Fix display of spreadsheet tables a9f79bcf078fae57c52b496762ca2e78f285a725 made all tables have a `fixed` layout. This causes issues with the spreadsheet-looking tables. This commit treats tables with half-width first columns as the exception, not the rule, and makes other tables display as before.
2016-06-09 15:52:10 +01:00
],
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
field_headings_visible=False
Fix display of spreadsheet tables a9f79bcf078fae57c52b496762ca2e78f285a725 made all tables have a `fixed` layout. This causes issues with the spreadsheet-looking tables. This commit treats tables with half-width first columns as the exception, not the rule, and makes other tables display as before.
2016-06-09 15:52:10 +01:00
) %}
{% call row_heading() %}
<div class="file-list">
Updated the uploads page to include letters. Now the page shows uploaded letters plus jobs. New units tests have not been written for this page because it is very like this will be refactor and probably a new template created for the page. Some design needs to go into this page. But we needed something ready for user research.
2019-12-05 16:14:30 +00:00
{% if item.upload_type == 'letter' %}
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
<a class="file-list-filename-large govuk-link govuk-link--no-visited-state" href="{{ url_for('.view_notification', service_id=current_service.id, notification_id=item.id) }}">{{ item.original_file_name }}</a>
Updated the uploads page to include letters. Now the page shows uploaded letters plus jobs. New units tests have not been written for this page because it is very like this will be refactor and probably a new template created for the page. Some design needs to go into this page. But we needed something ready for user research.
2019-12-05 16:14:30 +00:00
{% else %}
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
<a class="file-list-filename-large govuk-link govuk-link--no-visited-state" href="{{ url_for('.view_job', service_id=current_service.id, job_id=item.id) }}">{{ item.original_file_name }}</a>
Updated the uploads page to include letters. Now the page shows uploaded letters plus jobs. New units tests have not been written for this page because it is very like this will be refactor and probably a new template created for the page. Some design needs to go into this page. But we needed something ready for user research.
2019-12-05 16:14:30 +00:00
{% endif %}
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
{% if item.scheduled %}
<span class="file-list-hint">
Sending {{
item.scheduled_for|format_datetime_relative
}}
</span>
{% else %}
<span class="file-list-hint">
Sent {{
(item.scheduled_for or item.created_at)|format_datetime_relative
}}
</span>
{% endif %}
Highlight failing jobs on the dashboard > When we have jobs that have over 3% failure rates we should highlight > those so that peoples attention is drawn to deal with the failure. > > They would then go to the job view to see what the details are where > they could filter by failure, but that's a different story... > > This is just about calculating and highlighting those that need their > attention. — https://www.pivotaltracker.com/story/show/121206123 This commit: - calculates the failure rate for each job - makes jobs with a failure rate of > 3% go red on the dashboard
2016-06-14 16:47:22 +01:00
</div>
Fix display of spreadsheet tables a9f79bcf078fae57c52b496762ca2e78f285a725 made all tables have a `fixed` layout. This causes issues with the spreadsheet-looking tables. This commit treats tables with half-width first columns as the exception, not the rule, and makes other tables display as before.
2016-06-09 15:52:10 +01:00
{% endcall %}
{% call field() %}
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
{% if item.scheduled %}
{{ big_number(
item.notification_count,
smallest=True,
label=message_count_label(
item.notification_count,
item.template_type,
suffix='waiting to send'
)
) }}
{% elif item.template_type == 'letter' %}
{{ big_number(
item.notification_count,
smallest=True,
label=message_count_label(
item.notification_count,
item.template_type,
suffix=''
)
) }}
{% elif item.pdf_letter %}
<p class="govuk-body govuk-!-margin-bottom-1">
Test that addresses display on uploads page We didn’t have a test that checked for the first two lines of the address being displayed when rendering one-off letters on the uploads page. I double checked in the database and we store addresses in the `to` field with newlines, not commas.
2020-03-03 10:50:07 +00:00
{% for line in item.recipient.splitlines() %}
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
{% if loop.index < 3 %}
{{ line }}<br>
{% endif %}
{% endfor %}
</p>
{% else %}
Update a couple more old grid styles
2020-03-03 16:58:06 +00:00
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-third">
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
{{ big_number(
item.notifications_sending,
smallest=True,
label='sending',
) }}
</div>
Update a couple more old grid styles
2020-03-03 16:58:06 +00:00
<div class="govuk-grid-column-one-third">
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
{{ big_number(item.notifications_delivered, smallest=True, label='delivered') }}
</div>
Update a couple more old grid styles
2020-03-03 16:58:06 +00:00
<div class="govuk-grid-column-one-third">
Differentiate between different kinds of uploads Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
2020-02-27 14:03:03 +00:00
{{ big_number(item.notifications_failed, smallest=True, label='failed') }}
</div></div>
{% endif %}
Fix display of spreadsheet tables a9f79bcf078fae57c52b496762ca2e78f285a725 made all tables have a `fixed` layout. This causes issues with the spreadsheet-looking tables. This commit treats tables with half-width first columns as the exception, not the rule, and makes other tables display as before.
2016-06-09 15:52:10 +01:00
{% endcall %}
Put uploaded files on the dashboard This commit depends on and uses the data returned by: - [x] https://github.com/alphagov/notifications-api/pull/345 - [x] https://github.com/alphagov/notifications-api/pull/347 - [x] https://github.com/alphagov/notifications-admin/pull/612 It puts the last 5 jobs on the dashboard. This should be changed to all the jobs from the last 7 days when that parameter is available. It also: - links to the jobs page - makes the numbers on the jobs page consistent with the dashboard - makes the numbers on an individual job consistent with the appearance of the dashboard
2016-05-25 13:36:35 +01:00
{% endcall %}
Fix display of spreadsheet tables a9f79bcf078fae57c52b496762ca2e78f285a725 made all tables have a `fixed` layout. This causes issues with the spreadsheet-looking tables. This commit treats tables with half-width first columns as the exception, not the rule, and makes other tables display as before.
2016-06-09 15:52:10 +01:00
</div>
Reference in New Issue Copy Permalink