mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-07 00:58:25 -04:00
834b0fc3d5
Password managers will try to guess what they should save as a username by looking at the fields on the page where you set up your password. When registering from an invite the email address (what we use as a username) is predefined, and only shown on the page as text, not an input. This commit also adds a hidden input field for password managers to pick up. Adapted from: https://github.com/UKGovernmentBEIS/beis-opss-psd/blob/master/app/views/users/complete_registration.html.erb#L29-L36
39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
{% extends "withoutnav_template.html" %}
|
||
{% from "components/textbox.html" import textbox %}
|
||
{% from "components/page-footer.html" import page_footer %}
|
||
{% from "components/form.html" import form_wrapper %}
|
||
|
||
{% block per_page_title %}
|
||
Create an account
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
<div class="govuk-grid-row">
|
||
<div class="govuk-grid-column-two-thirds">
|
||
<h1 class="heading-large">Create an account</h1>
|
||
<p class="govuk-body">
|
||
Your account will be created with this email address:
|
||
<span class="nowrap">{{invited_user.email_address}}</span>
|
||
</p>
|
||
{% call form_wrapper() %}
|
||
<div class="visually-hidden">
|
||
<input type="email" name="username" id="username" value="{{ invited_user.email_address }}" disabled="disabled" tabindex="-1" aria-hidden="true" autocomplete="username" />
|
||
</div>
|
||
{{ textbox(form.name, width='3-4') }}
|
||
{% if invited_user.auth_type == 'sms_auth' %}
|
||
<div class="extra-tracking">
|
||
{{ textbox(form.mobile_number, width='3-4', hint='We’ll send you a security code by text message') }}
|
||
</div>
|
||
{% endif %}
|
||
{{ textbox(form.password, hint="At least 8 characters", width='3-4', autocomplete='new-password') }}
|
||
{{ page_footer("Continue") }}
|
||
{{form.service}}
|
||
{{form.email_address}}
|
||
{{form.auth_type}}
|
||
{% endcall %}
|
||
</div>
|
||
</div>
|
||
|
||
{% endblock %}
|