Files
notifications-admin/app/templates/views/organisations/organisation/index.html
Tom Byers c6711a113c Update h1 on pill pages to work with new pill
Pill pages are:
- /notifications
- /template-usage
- /monthly
- /organisations/<organisation_id>
- /templates

Includes changes to:
- the folder-path component
- the page-header component

...all their h1s have the same id.
2020-09-04 09:02:36 +01:00

117 lines
3.5 KiB
HTML

{% from "components/page-header.html" import page_header %}
{% from "components/big-number.html" import big_number %}
{% from "components/live-search.html" import live_search %}
{% from "components/message-count-label.html" import message_count_label %}
{% from "components/pill.html" import pill %}
{% extends "org_template.html" %}
{% block org_page_title %}
Usage
{% endblock %}
{% block maincolumn_content %}
{{ page_header('Usage', size='medium') }}
<div class="bottom-gutter">
{{ pill(years, selected_year, big_number_args={'smallest': True}) }}
</div>
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-one-third">
<h2 class="heading-small">Emails</h2>
<div class="keyline-block">
{{ big_number(
total_emails_sent,
label='sent',
smaller=True
) }}
</div>
</div>
<div class="govuk-grid-column-one-third">
<h2 class="heading-small">Text messages</h2>
<div class="keyline-block">
{{ big_number(
total_sms_cost,
'spent',
currency="£",
smaller=True
) }}
</div>
</div>
<div class="govuk-grid-column-one-third">
<h2 class="heading-small">Letters</h2>
<div class="keyline-block">
{{ big_number(
total_letter_cost,
'spent',
currency="£",
smaller=True
) }}
</div>
</div>
</div>
{% if search_form %}
<div class="govuk-!-margin-bottom-5">
{{ live_search(
target_selector='.organisation-service',
show=True,
form=search_form,
label='Search by service'
) }}
</div>
{% endif %}
<h2 class="heading-small {% if search_form %}visually-hidden{% endif %}">By service</h2>
{% for service in services %}
<div class="keyline-block govuk-!-margin-top-2 organisation-service">
<h3 class="govuk-!-font-weight-bold govuk-!-font-size-24 govuk-!-margin-bottom-3 govuk-!-margin-top-1 live-search-relevant">
<a href="{{ url_for('main.usage', service_id=service.service_id) }}" class="govuk-link govuk-link--no-visited-state browse-list-link">{{ service.service_name }}</a>
</h3>
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-third">
{{ big_number(
service.emails_sent,
label=message_count_label(service.emails_sent, 'email'),
smallest=True
) }}
</div>
<div class="govuk-grid-column-one-third">
{% if service.sms_cost %}
{{ big_number(
service.sms_cost,
'spent on text messages',
currency="£",
smallest=True
) }}
{% else %}
{{ big_number(
service.sms_billable_units,
'free {}'.format(message_count_label(service.sms_billable_units, 'sms')),
smallest=True
) }}
{% endif %}
</div>
<div class="govuk-grid-column-one-third">
{{ big_number(
service.letter_cost,
'spent on letters',
currency="£",
smallest=True
) }}
</div>
</div>
</div>
{% endfor %}
<div class="keyline-block govuk-!-margin-top-2"></div>
{% if not services %}
<p class="govuk-body govuk-hint">
{{ current_org.name }} has no live services on GOV.UK Notify
</p>
<div class="keyline-block govuk-!-margin-top-2"></div>
{% endif %}
{% endblock %}