mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-05-03 07:31:28 -04:00
9c856af789
For entering 2 or 3fa codes, we want a textbox that’s just over 6 characters wide. To do this, a width can now be passed to the textbox macro. The possible widths are the same as those provided by GOV.UK Elements, and in the same format (eg 1-4, 1-2, 2-3…) This commit also adds a new width (5em) which is suitable for 3fa codes, and adds it to the verify page.
36 lines
1003 B
HTML
36 lines
1003 B
HTML
{% extends "withoutnav_template.html" %}
|
||
{% from "components/textbox.html" import textbox %}
|
||
{% from "components/page-footer.html" import page_footer %}
|
||
|
||
{% block page_title %}
|
||
GOV.UK Notify | Confirm email address and mobile number
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
<div class="grid-row">
|
||
<div class="column-two-thirds">
|
||
<h1 class="heading-large">Activate your account</h1>
|
||
|
||
<p>We’ve sent you confirmation codes by email and text message. You need to enter both codes here.</p>
|
||
|
||
<form autocomplete="off" method="post">
|
||
{{ textbox(
|
||
form.email_code,
|
||
width='5em',
|
||
help_link=url_for('.check_and_resend_email_code'),
|
||
help_link_text='I haven’t received an email'
|
||
) }}
|
||
{{ textbox(
|
||
form.sms_code,
|
||
width='5em',
|
||
help_link=url_for('.check_and_resend_text_code'),
|
||
help_link_text='I haven’t received a text'
|
||
) }}
|
||
{{ page_footer("Continue") }}
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
{% endblock %}
|