mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-24 09:21:06 -04:00
b8cc0de44e
Most of our tables are now lists which have: - a thing you click on - some secondary info about that thing underneath - some extra numbers/status on the right hand side Since these are so similar, they should share the same pattern, which this commit does (using the `file-list` pattern). Visually this means: - the secondary text on the inbox becomes grey not black, for consistency - the status bit of the notifications tables bottom align like the status of messages in the inbox These both seem like OK changes to make for the sake of consistency.
50 lines
1.6 KiB
HTML
50 lines
1.6 KiB
HTML
{% from "components/table.html" import list_table, field, hidden_field_heading, right_aligned_field_heading, row_heading %}
|
||
{% from "components/message-count-label.html" import message_count_label %}
|
||
|
||
{% extends "withnav_template.html" %}
|
||
|
||
{% block service_page_title %}
|
||
Received text messages
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
<h1 class="heading-large">
|
||
Received text messages
|
||
</h1>
|
||
<div>
|
||
{% call(item, row_number) list_table(
|
||
messages,
|
||
caption="Inbox",
|
||
caption_visible=False,
|
||
empty_message='When users text your service’s phone number ({}) you’ll see the messages here'.format(current_service.sms_sender),
|
||
field_headings=[
|
||
'From',
|
||
'First two lines of message'
|
||
],
|
||
field_headings_visible=False
|
||
) %}
|
||
{% call field() %}
|
||
<a
|
||
class="file-list-filename"
|
||
href="{{ url_for('.conversation', service_id=current_service.id, notification_id=item.id) }}#n{{ item.id }}"
|
||
>
|
||
{{ item.user_number | format_phone_number_human_readable }}
|
||
</a>
|
||
<span class="file-list-hint">{{ item.content }}</span>
|
||
{% endcall %}
|
||
{% call field(align='right') %}
|
||
<span class="align-with-message-body">
|
||
{{ item.created_at | format_delta }}
|
||
</span>
|
||
{% endcall %}
|
||
{% endcall %}
|
||
{% if messages %}
|
||
<p class="table-show-more-link">
|
||
{{ count_of_messages }} message{{ '' if 1 == count_of_messages else 's' }}
|
||
from {{ count_of_users }} user{{ '' if 1 == count_of_users else 's' }}
|
||
</p>
|
||
{% endif %}
|
||
</div>
|
||
{% endblock %}
|