mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-02 12:30:48 -04:00
6c96b90922
It’s weird to be on a page that says ‘2 seconds ago’ and stays stuck there. We don’t want to AJAX the whole page because it would get in the way of interacting with the list of notifications. This commit adds the venerable jQuery Timeago[1] plugin to keep the relative times accurate and fresh. 1. http://timeago.yarp.com/
109 lines
3.9 KiB
HTML
109 lines
3.9 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 %}
|
||
|
||
{% block page_title %}
|
||
API integration – GOV.UK Notify
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
<h1 class="heading-large bottom-gutter">
|
||
API integration
|
||
</h1>
|
||
|
||
{% if current_service.restricted %}
|
||
{% call banner_wrapper(type='warning') %}
|
||
<h2 class="heading-medium">Your service is in trial mode</h2>
|
||
<p>
|
||
You can only send messages to people in your team or whitelist.
|
||
</p>
|
||
{% endcall %}
|
||
{% endif %}
|
||
|
||
<nav class="grid-row bottom-gutter-1-2">
|
||
{% if current_service.restricted %}
|
||
<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('.api_documentation', service_id=current_service.id) }}">Documentation</a>
|
||
</div>
|
||
{% else %}
|
||
<div class="column-half">
|
||
<a class="pill-separate-item" href="{{ url_for('.api_keys', service_id=current_service.id) }}">API keys</a>
|
||
</div>
|
||
<div class="column-half">
|
||
<a class="pill-separate-item" href="{{ url_for('.api_documentation', service_id=current_service.id) }}">Documentation</a>
|
||
</div>
|
||
{% endif %}
|
||
</nav>
|
||
|
||
<div class="grid-row">
|
||
<div class="column-half">
|
||
<h2 class="heading-medium">
|
||
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>
|
||
<div class="grid-row api-notifications-item-meta">
|
||
<div class="column-half api-notifications-item-key">
|
||
{{notification.key_name}}
|
||
</div>
|
||
<div class="column-half api-notifications-item-time">
|
||
<time class="timeago" datetime="{{ notification.created_at }}">
|
||
{{ notification.created_at|format_delta }}
|
||
</time>
|
||
</div>
|
||
</div>
|
||
</summary>
|
||
<dl id="notification-{{ notification.id }}" class="api-notifications-item-data bottom-gutter-1-2">
|
||
{% for key in [
|
||
'id', 'notification_type', 'created_at', 'updated_at', 'sent_at', 'status'
|
||
] %}
|
||
<dt>{{ key }}:</dt>
|
||
<dd class="api-notifications-item-data-item">{{ notification[key] }}</dd>
|
||
{% endfor %}
|
||
</dl>
|
||
</details>
|
||
{% endfor %}
|
||
{% if api_notifications.notifications %}
|
||
<div class="api-notifications-item">
|
||
{% if api_notifications.links %}
|
||
<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 %}
|