darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-07-21 00:23:53 -04:00
Code Issues Packages Projects Releases Wiki Activity
Files
4d0da6594de60fcf37dc7796279462e32072d7a1
notifications-admin/app/templates/views/dashboard/_totals.html

44 lines
2.1 KiB
HTML
Raw Normal View History

Refactor dashboard templates Previously the structure was ``` dashboard.html |_ today.html |_ some random html |_ a few things split into partials ``` This commit simplifies the structure to just be: ``` dashboard.html |_ partial |_ partial |_ … ```
2016-06-28 08:59:08 +01:00
{% from "components/big-number.html" import big_number_with_status %}
{% from "components/message-count-label.html" import message_count_label %}
Fix dashboard totals in older IE versions The layout of the totals on the dashboard was getting horizontally squashed on older versions of IE. This was something to do with the `grid-row` CSS class no longer being applied when AJAX updated the page. Grid columns don’t work properly unless they’re contained in a grid row. This commit wraps the `div` with `grid-row` in another `div`. Not totally sure why this works, but it’s something to do with how the DiffDOM algorithm is working. Seems like the simpler the diff it has to compute, the better chance it has of not messing things up.
2017-01-23 11:56:01 +00:00
<div class="ajax-block-container">
Replace `grid-row` with `govuk-grid-row` Replaced all instances of `grid-row` in the HTML and JavaScript with `govuk-grid-row`, which is the new GOV.UK Frontend class.
2020-02-19 11:57:15 +00:00
<div class="govuk-grid-row">
Replace `column-one-third` with `govuk-grid-column-one-third` Also replaces `column-third`, with `govuk-grid-column-one-third`, since this appears to be an alias of `column-one-third`.
2020-02-19 12:29:28 +00:00
<div id="total-email" class="govuk-grid-column-one-third">
Fix dashboard totals in older IE versions The layout of the totals on the dashboard was getting horizontally squashed on older versions of IE. This was something to do with the `grid-row` CSS class no longer being applied when AJAX updated the page. Grid columns don’t work properly unless they’re contained in a grid row. This commit wraps the `div` with `grid-row` in another `div`. Not totally sure why this works, but it’s something to do with how the DiffDOM algorithm is working. Seems like the simpler the diff it has to compute, the better chance it has of not messing things up.
2017-01-23 11:56:01 +00:00
{{ big_number_with_status(
statistics['email']['requested'],
Clarify that big numbers mean ‘sent’ Since we now have inbound and outbound messages we should be clear about which the counts refer to.
2017-05-23 10:54:44 +01:00
message_count_label(statistics['email']['requested'], 'email', suffix='sent'),
Fix dashboard totals in older IE versions The layout of the totals on the dashboard was getting horizontally squashed on older versions of IE. This was something to do with the `grid-row` CSS class no longer being applied when AJAX updated the page. Grid columns don’t work properly unless they’re contained in a grid row. This commit wraps the `div` with `grid-row` in another `div`. Not totally sure why this works, but it’s something to do with how the DiffDOM algorithm is working. Seems like the simpler the diff it has to compute, the better chance it has of not messing things up.
2017-01-23 11:56:01 +00:00
statistics['email']['failed'],
statistics['email']['failed_percentage'],
statistics['email']['show_warning'],
failure_link=url_for(".view_notifications", service_id=service_id, message_type='email', status='failed'),
Make dashboard totals smaller if numbers are big Numbers over a billion overflow the two column layout. Numbers over one hundred thousand overflow the three column layout. This commit makes the type size smaller in these cases, so that the numbers still fit in the boxes.
2017-11-09 17:17:50 +00:00
link=url_for(".view_notifications", service_id=service_id, message_type='email', status='sending,delivered,failed'),
Revert "Revert "Restyle template statistics and received text messages""
2020-02-18 16:16:51 +00:00
smaller=True,
Fix dashboard totals in older IE versions The layout of the totals on the dashboard was getting horizontally squashed on older versions of IE. This was something to do with the `grid-row` CSS class no longer being applied when AJAX updated the page. Grid columns don’t work properly unless they’re contained in a grid row. This commit wraps the `div` with `grid-row` in another `div`. Not totally sure why this works, but it’s something to do with how the DiffDOM algorithm is working. Seems like the simpler the diff it has to compute, the better chance it has of not messing things up.
2017-01-23 11:56:01 +00:00
) }}
</div>
Replace `column-one-third` with `govuk-grid-column-one-third` Also replaces `column-third`, with `govuk-grid-column-one-third`, since this appears to be an alias of `column-one-third`.
2020-02-19 12:29:28 +00:00
<div id="total-sms" class="govuk-grid-column-one-third">
Fix dashboard totals in older IE versions The layout of the totals on the dashboard was getting horizontally squashed on older versions of IE. This was something to do with the `grid-row` CSS class no longer being applied when AJAX updated the page. Grid columns don’t work properly unless they’re contained in a grid row. This commit wraps the `div` with `grid-row` in another `div`. Not totally sure why this works, but it’s something to do with how the DiffDOM algorithm is working. Seems like the simpler the diff it has to compute, the better chance it has of not messing things up.
2017-01-23 11:56:01 +00:00
{{ big_number_with_status(
statistics['sms']['requested'],
Clarify that big numbers mean ‘sent’ Since we now have inbound and outbound messages we should be clear about which the counts refer to.
2017-05-23 10:54:44 +01:00
message_count_label(statistics['sms']['requested'], 'sms', suffix='sent'),
Fix dashboard totals in older IE versions The layout of the totals on the dashboard was getting horizontally squashed on older versions of IE. This was something to do with the `grid-row` CSS class no longer being applied when AJAX updated the page. Grid columns don’t work properly unless they’re contained in a grid row. This commit wraps the `div` with `grid-row` in another `div`. Not totally sure why this works, but it’s something to do with how the DiffDOM algorithm is working. Seems like the simpler the diff it has to compute, the better chance it has of not messing things up.
2017-01-23 11:56:01 +00:00
statistics['sms']['failed'],
statistics['sms']['failed_percentage'],
statistics['sms']['show_warning'],
failure_link=url_for(".view_notifications", service_id=service_id, message_type='sms', status='failed'),
Make dashboard totals smaller if numbers are big Numbers over a billion overflow the two column layout. Numbers over one hundred thousand overflow the three column layout. This commit makes the type size smaller in these cases, so that the numbers still fit in the boxes.
2017-11-09 17:17:50 +00:00
link=url_for(".view_notifications", service_id=service_id, message_type='sms', status='sending,delivered,failed'),
Revert "Revert "Restyle template statistics and received text messages""
2020-02-18 16:16:51 +00:00
smaller=True,
Fix dashboard totals in older IE versions The layout of the totals on the dashboard was getting horizontally squashed on older versions of IE. This was something to do with the `grid-row` CSS class no longer being applied when AJAX updated the page. Grid columns don’t work properly unless they’re contained in a grid row. This commit wraps the `div` with `grid-row` in another `div`. Not totally sure why this works, but it’s something to do with how the DiffDOM algorithm is working. Seems like the simpler the diff it has to compute, the better chance it has of not messing things up.
2017-01-23 11:56:01 +00:00
) }}
</div>
Replace `column-one-third` with `govuk-grid-column-one-third` Also replaces `column-third`, with `govuk-grid-column-one-third`, since this appears to be an alias of `column-one-third`.
2020-02-19 12:29:28 +00:00
<div id="total-letters" class="govuk-grid-column-one-third">
Always show letter counts on dashboard We hid letters originally because it wasn’t a mature feature. We rolled it out by letting teams choose to use it (#1803) and then automatically giving it to new teams (notifications-api/#1600). This commit doesn’t change who has access to letters, but it does make it more discoverable by revealing it in the UI. This is the same thing we do for emails/texts, where even if you switch them off they still show up on the dashboard and usage page.
2019-10-25 15:34:01 +01:00
{{ big_number_with_status(
statistics['letter']['requested'],
message_count_label(statistics['letter']['requested'], 'letter', suffix='sent'),
statistics['letter']['failed'],
statistics['letter']['failed_percentage'],
statistics['letter']['show_warning'],
failure_link=url_for(".view_notifications", service_id=service_id, message_type='letter', status='failed'),
link=url_for(".view_notifications", service_id=service_id, message_type='letter', status=''),
Revert "Revert "Restyle template statistics and received text messages""
2020-02-18 16:16:51 +00:00
smaller=True,
Always show letter counts on dashboard We hid letters originally because it wasn’t a mature feature. We rolled it out by letting teams choose to use it (#1803) and then automatically giving it to new teams (notifications-api/#1600). This commit doesn’t change who has access to letters, but it does make it more discoverable by revealing it in the UI. This is the same thing we do for emails/texts, where even if you switch them off they still show up on the dashboard and usage page.
2019-10-25 15:34:01 +01:00
) }}
</div>
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
</div>
Refactor dashboard templates Previously the structure was ``` dashboard.html |_ today.html |_ some random html |_ a few things split into partials ``` This commit simplifies the structure to just be: ``` dashboard.html |_ partial |_ partial |_ … ```
2016-06-28 08:59:08 +01:00
</div>
Reference in New Issue Copy Permalink