mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-14 07:24:22 -05:00
d9da63401f
Since we added template folders the templates page has had a ‘medium’ sized heading, where other pages have stuck with a ‘large’ size. This commit rationalises the decision around which pages have which heading size: - ‘navigation’ pages (eg templates, team members, email reply to addresses) have medium sized headings - transactional pages (ie ones which have a green button) keep the larger heading size
99 lines
3.7 KiB
HTML
99 lines
3.7 KiB
HTML
{% extends "withnav_template.html" %}
|
||
{% from "components/table.html" import list_table, field, hidden_field_heading %}
|
||
{% from "components/api-key.html" import api_key %}
|
||
{% from "components/banner.html" import banner_wrapper %}
|
||
{% from "components/message-count-label.html" import message_count_label %}
|
||
|
||
{% block service_page_title %}
|
||
API integration
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
<h1 class="heading-medium bottom-gutter-3-2">
|
||
API integration
|
||
</h1>
|
||
|
||
<nav class="grid-row bottom-gutter-1-2">
|
||
<div class="column-one-third">
|
||
<a class="pill-separate-item" href="{{ url_for('.api_keys', service_id=current_service.id) }}">API keys</a>
|
||
</div>
|
||
<div class="column-one-third">
|
||
<a class="pill-separate-item" href="{{ url_for('.whitelist', service_id=current_service.id) }}">Whitelist</a>
|
||
</div>
|
||
<div class="column-one-third">
|
||
<a class="pill-separate-item" href="{{ url_for(callbacks_link, service_id=current_service.id) }}">Callbacks</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="grid-row">
|
||
<div class="column-half">
|
||
<h2 class="heading-small">
|
||
Message log
|
||
</h2>
|
||
</div>
|
||
<div class="column-half align-with-heading-copy-right">
|
||
<a href="{{ url_for('.api_integration', service_id=current_service.id) }}">Refresh</a>
|
||
</div>
|
||
</div>
|
||
<div class="api-notifications">
|
||
{% if not api_notifications.notifications %}
|
||
<div class="api-notifications-item">
|
||
<p class="api-notifications-item-meta">
|
||
When you send messages via the API they’ll appear here.
|
||
</p>
|
||
<p class="api-notifications-item-meta">
|
||
Notify deletes messages after 7 days.
|
||
</p>
|
||
</div>
|
||
{% endif %}
|
||
{% for notification in api_notifications.notifications %}
|
||
<details class="api-notifications-item">
|
||
<summary class="api-notifications-item-title">
|
||
<h3 class="api-notifications-item-recipient">
|
||
{{ notification.to }}
|
||
</h3>
|
||
<span class="grid-row api-notifications-item-meta">
|
||
<span class="column-half api-notifications-item-key">
|
||
{{notification.key_name}}
|
||
</span>
|
||
<span class="column-half api-notifications-item-time">
|
||
<time class="timeago" datetime="{{ notification.created_at }}">
|
||
{{ notification.created_at|format_delta }}
|
||
</time>
|
||
</span>
|
||
</span>
|
||
</summary>
|
||
<div>
|
||
<dl id="notification-{{ notification.id }}" class="api-notifications-item-data bottom-gutter-1-2">
|
||
{% for key in [
|
||
'id', 'client_reference', 'notification_type', 'created_at', 'updated_at', 'sent_at', 'status'
|
||
] %}
|
||
{% if notification[key] %}
|
||
<dt>{{ key }}:</dt>
|
||
<dd class="api-notifications-item-data-item">{{ notification[key] }}</dd>
|
||
{% endif %}
|
||
{% endfor %}
|
||
{% if notification.status not in ('pending-virus-check', 'virus-scan-failed') %}
|
||
<a href="{{ url_for('.view_notification', service_id=current_service.id, notification_id=notification.id) }}">View {{ message_count_label(1, notification.template.template_type, suffix='') }}</a>
|
||
{% endif %}
|
||
</dl>
|
||
</div>
|
||
</details>
|
||
{% endfor %}
|
||
{% if api_notifications.notifications %}
|
||
<div class="api-notifications-item">
|
||
{% if api_notifications.notifications|length == 50 %}
|
||
<p class="api-notifications-item-meta">
|
||
Only showing the first 50 messages.
|
||
</p>
|
||
{% endif %}
|
||
<p class="api-notifications-item-meta">
|
||
Notify deletes messages after 7 days.
|
||
</p>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
|
||
{% endblock %}
|