mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-10 03:14:58 -04:00
8d5e7e70ab
If users scroll a page with an autofocus component on so it is off-screen it seems safe to assume they won't want it focused if they return to it. This prevents that happening. This adds a data-attribute flag to allow this behaviour to be overridden. We have some situations where the assumption here isn't appropriate, for example on pages where the component with autofocus is in a sticky element. This means it will appear offscreen when the page loads but, when its parent becomes sticky, will be visible again.
49 lines
1.5 KiB
HTML
49 lines
1.5 KiB
HTML
{% extends "withnav_template.html" %}
|
|
{% from "components/page-footer.html" import page_footer %}
|
|
{% from "components/message-count-label.html" import recipient_count_label %}
|
|
{% from "components/textbox.html" import textbox %}
|
|
{% from "components/form.html" import form_wrapper %}
|
|
|
|
{% block service_page_title %}
|
|
{{ page_title }}
|
|
{% endblock %}
|
|
|
|
{% block maincolumn_content %}
|
|
|
|
<h1 class="heading-large">
|
|
{{ page_title }}
|
|
</h1>
|
|
|
|
{% call form_wrapper(
|
|
class='js-stick-at-top-when-scrolling send-one-off-form' if template.template_type != 'sms' else 'send-one-off-form',
|
|
module="autofocus",
|
|
data_kwargs={'forceFocus': True}
|
|
) %}
|
|
<div class="grid-row">
|
|
<div class="column-two-thirds {% if form.placeholder_value.label.text == 'phone number' %}extra-tracking{% endif %}">
|
|
{{ textbox(
|
|
form.placeholder_value,
|
|
hint='Optional' if optional_placeholder else None,
|
|
width='1-1',
|
|
) }}
|
|
</div>
|
|
{% if skip_link %}
|
|
<div class="column-one-third">
|
|
<a href="{{ skip_link[1] }}" class="top-gutter-4-3">{{ skip_link[0] }}</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% if link_to_upload %}
|
|
<p>
|
|
<a href="{{ url_for('.send_messages', service_id=current_service.id, template_id=template.id) }}">
|
|
Upload a list of {{ recipient_count_label(999, template.template_type) }}
|
|
</a>
|
|
</p>
|
|
{% endif %}
|
|
{{ page_footer('Continue', back_link=back_link) }}
|
|
{% endcall %}
|
|
|
|
{{ template|string }}
|
|
|
|
{% endblock %}
|