mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-05-03 23:51:22 -04:00
063f9cc081
If you’re signing in on a phone, it’s easier to type the two factor code with a numeric keypad. The most reliable way to get the numeric keypad to show up on multiple devices is: - `type='tel'` (not `type='number'` because that’s only meant for numbers, not string of digits, ie `01234` is not a number) - `pattern='[0-9]*'`, without which it doesn’t work on iOS Based on the guidance here: - https://github.com/alphagov/govuk-design-system-backlog/issues/74 - https://docs.google.com/document/d/1wozIhOdt6wvlgqVReauUnlsJI-3fqUlNuQFwUI7tqAA/edit
34 lines
876 B
HTML
34 lines
876 B
HTML
{% extends "withoutnav_template.html" %}
|
||
{% from "components/textbox.html" import textbox %}
|
||
{% from "components/checkbox.html" import checkbox %}
|
||
{% from "components/page-footer.html" import page_footer %}
|
||
|
||
{% block per_page_title %}
|
||
Text verification
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
<div class="grid-row">
|
||
<div class="column-two-thirds">
|
||
<h1 class="heading-large">Check your phone</h1>
|
||
|
||
<p>We’ve sent you a text message with a security code.</p>
|
||
|
||
<form autocomplete="off" method="post" class="extra-tracking" novalidate>
|
||
{{ textbox(
|
||
form.sms_code,
|
||
width='5em',
|
||
autofocus=True
|
||
) }}
|
||
{{ page_footer(
|
||
"Continue",
|
||
secondary_link=url_for('main.check_and_resend_text_code'),
|
||
secondary_link_text='Not received a text message?'
|
||
) }}
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
{% endblock %}
|