mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-03-05 09:51:41 -05:00
010886e5be
Generally, bigger click areas are better[1], as long as they don’t cause ambiguity or accidental clicks. This commit expands the clickable area of tables where the left-hand column is a link to include the meta information under the link. We can’t make the whole row clickable, because sometimes we have links in the right hand column which go to a different place This commit also removes the CSS for `.spark-bar-label`, because these elements are visually identical to `file-list`s now. 1. https://en.wikipedia.org/wiki/Fitts%27s_law
39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
{% from "components/big-number.html" import big_number %}
|
|
{% from "components/message-count-label.html" import message_count_label %}
|
|
{% from "components/big-number.html" import big_number %}
|
|
{% from "components/table.html" import list_table, field, right_aligned_field_heading, row_heading, spark_bar_field %}
|
|
|
|
<div class='dashboard-table'>
|
|
{% call(item, row_number) list_table(
|
|
template_statistics,
|
|
caption="Templates used",
|
|
caption_visible=False,
|
|
empty_message='',
|
|
field_headings=[
|
|
'Template',
|
|
'Messages sent'
|
|
],
|
|
field_headings_visible=True
|
|
) %}
|
|
|
|
{% call row_heading() %}
|
|
<a class="file-list-filename" href="{{ url_for('.view_template', service_id=current_service.id, template_id=item.template_id) }}">{{ item.template_name }}</a>
|
|
<span class="file-list-hint">
|
|
{{ message_count_label(1, item.template_type, suffix='template')|capitalize }}
|
|
</span>
|
|
{% endcall %}
|
|
{% if template_statistics|length > 1 %}
|
|
{{ spark_bar_field(item.count, most_used_template_count, id=item.template_id) }}
|
|
{% else %}
|
|
{% call field() %}
|
|
<span id='{{item.template_id}}' class="heading-small">
|
|
{{ big_number(
|
|
item.count,
|
|
smallest=True
|
|
) }}
|
|
</span>
|
|
{% endcall %}
|
|
{% endif %}
|
|
{% endcall %}
|
|
</div>
|