mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-24 09:58:43 -04:00
104 lines
3.3 KiB
HTML
104 lines
3.3 KiB
HTML
{% extends "withnav_template.html" %}
|
|
|
|
{% from "components/show-more.html" import show_more %}
|
|
{% from "components/table.html" import list_table, field, right_aligned_field_heading, hidden_field_heading %}
|
|
{% from "components/ajax-block.html" import ajax_block %}
|
|
{% from "components/big-number.html" import big_number %}
|
|
{% from "components/pill.html" import pill %}
|
|
|
|
{% block service_page_title %}
|
|
Dashboard
|
|
{% endblock %}
|
|
|
|
{% block maincolumn_content %}
|
|
|
|
<div class="dashboard margin-bottom-8">
|
|
|
|
<div>
|
|
<canvas id="myChart"></canvas>
|
|
</div>
|
|
|
|
<h1 class="usa-sr-only">Dashboard</h1>
|
|
{% if current_user.has_permissions('manage_templates') and not current_service.all_templates %}
|
|
{% include 'views/dashboard/write-first-messages.html' %}
|
|
{% endif %}
|
|
|
|
<h2 class="font-body-xl margin-0">
|
|
SMS Activity
|
|
</h2>
|
|
<h3>Total 1000</h3>
|
|
<div class="chart-container">
|
|
<div class="bar" id="delivered"></div>
|
|
<div class="bar" id="pending"></div>
|
|
<div class="bar" id="failed"></div>
|
|
</div>
|
|
<div class="legend">
|
|
<div class="legend-item">
|
|
<div class="legend-color" style="background-color: green;"></div>
|
|
<div class="legend-label">Delivered</div>
|
|
<div class="legend-value" id="delivered-value"></div>
|
|
</div>
|
|
<div class="legend-item">
|
|
<div class="legend-color" style="background-color: yellow;"></div>
|
|
<div class="legend-label">Pending</div>
|
|
<div class="legend-value" id="pending-value"></div>
|
|
</div>
|
|
<div class="legend-item">
|
|
<div class="legend-color" style="background-color: red;"></div>
|
|
<div class="legend-label">Failed</div>
|
|
<div class="legend-value" id="failed-value"></div>
|
|
</div>
|
|
</div>
|
|
|
|
{{ pill(years, selected_year, big_number_args={'smallest': True}) }}
|
|
|
|
Test:
|
|
You have sent
|
|
{{ big_number(sms_sent, 'messages of your', smaller=True) }}
|
|
{{ big_number(sms_free_allowance, 'free messages allowance.', smaller=True) }}
|
|
|
|
<h2 class="font-body-xl margin-0">
|
|
Messages sent
|
|
</h2>
|
|
<p class="margin-top-0">In the last seven days</p>
|
|
|
|
{{ ajax_block(partials, updates_url, 'inbox') }}
|
|
|
|
{{ ajax_block(partials, updates_url, 'totals') }}
|
|
|
|
{{ ajax_block(partials, updates_url, 'template-statistics') }}
|
|
|
|
<h2 class="margin-top-4 margin-bottom-1">Usage</h2>
|
|
<h3 class="margin-bottom-0">Daily</h3>
|
|
<p class="margin-0">Across all services</p>
|
|
<table class="usa-table usa-table--borderless margin-top-1 margin-bottom-5">
|
|
<caption class="usa-sr-only">
|
|
Daily
|
|
</caption>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Usage</th>
|
|
<th scope="col">Remaining</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>{{ global_message_limit - daily_global_messages_remaining }}</td>
|
|
<td>{{ daily_global_messages_remaining }}</td>
|
|
<td>{{ current_service.message_limit }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
{% if current_user.has_permissions('manage_service') %}
|
|
<h3 class='margin-bottom-0' id="current-year"></h3>
|
|
{{ ajax_block(partials, updates_url, 'usage') }}
|
|
{{ show_more(
|
|
url_for(".usage", service_id=current_service['id']),
|
|
'See all usage'
|
|
) }}
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% endblock %}
|