Truncate contact link text on settings page

The contact link on the settings page should be truncated instead of the
text being wrapped and overflowing on to multiple lines. This adds in an
option to the text_field macro to truncate long text fields. This
setting has been used to truncate the API callback URLs too on the
services/<service_id>/api/callbacks page.
This commit is contained in:
Katie Smith
2018-06-07 10:55:48 +01:00
parent 33277ce3e2
commit 0633af4e4a
4 changed files with 18 additions and 7 deletions

View File

@@ -265,3 +265,9 @@ a.table-show-more-link {
overflow: hidden;
text-overflow: ellipsis;
}
.truncate-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

View File

@@ -78,7 +78,7 @@
</td>
{%- endmacro %}
{% macro text_field(text, status='') -%}
{% macro text_field(text, status='', truncate=false) -%}
{% call field(status=status) %}
{% if text is iterable and text is not string %}
<ul class="list list-bullet">
@@ -89,15 +89,20 @@
{% endfor %}
</ul>
{% else %}
{{ text }}
{% if truncate %}
<div class="truncate-text" title="{{ text }}">{{text}}</div>
{% else %}
{{ text }}
{% endif %}
{% endif %}
{% endcall %}
{%- endmacro %}
{% macro optional_text_field(text, default='Not set') -%}
{% macro optional_text_field(text, default='Not set', truncate=false) -%}
{{ text_field(
text or default,
status='' if text else 'default'
status='' if text else 'default',
truncate=truncate
) }}
{%- endmacro %}

View File

@@ -19,13 +19,13 @@
) %}
{% call row() %}
{{ text_field('Callbacks for delivery receipts') }}
{{ optional_text_field(delivery_status_callback) }}
{{ optional_text_field(delivery_status_callback, truncate=true) }}
{{ edit_field('Change', url_for('.delivery_status_callback', service_id=current_service.id)) }}
{% endcall %}
{% call row() %}
{{ text_field('Callbacks for received text messages') }}
{{ optional_text_field(received_text_messages_callback) }}
{{ optional_text_field(received_text_messages_callback, truncate=true) }}
{{ edit_field('Change', url_for('.received_text_messages_callback', service_id=current_service.id)) }}
{% endcall %}
{% endcall %}

View File

@@ -49,7 +49,7 @@
{% if 'upload_document' in current_service.permissions %}
{% call row() %}
{{ text_field('Contact link') }}
{{ text_field(current_service.contact_link) }}
{{ text_field(current_service.contact_link, truncate=true) }}
{{ edit_field(
'Change',
url_for('.service_set_contact_link',