app/templates/views/user-profile/authenticate.html

{% extends "withoutnav_template.html" %}
{% from "components/textbox.html" import textbox %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}

{% block per_page_title %}
  Change your {{ thing }}
{% endblock %}

{% block maincolumn_content %}

  {{ page_header(
    'Change your {}'.format(thing),
    back_link=back_link
  ) }}

  <div class="govuk-grid-row">
    <div class="govuk-grid-column-three-quarters">

    {% call form_wrapper(autocomplete=True) %}
      {{ form.password(param_extensions={"autocomplete": "current-password"}) }}
      {{ page_footer('Confirm') }}
    {% endcall %}
    </div>
  </div>

{% endblock %}
Don’t inherit directly from admin template Pages that don’t have navigation shouldn’t extend the top-level admin template directly. They should extend `withoutnav_template.html` instead, because then they get a wrapping `<main>` element, which is good semantically and for accessibility, and also defaults the font size to `19px`. 2016-09-28 15:05:54 +01:00			`{% extends "withoutnav_template.html" %}`
Add confirmation of password for important changes This commit adds an extra page or field for confirming your current password when making important changes Name \| Email address \| Mobile number \| Password ---------------------\|-------------------\|-------------------\|------------ No password required \| As second page \| As second page \| On same page as new password 2016-01-12 11:25:46 +00:00			`{% from "components/textbox.html" import textbox %}`
Add GOV.UK Design System style back links The Design System has standardised on back links being at the top of the page, decorated with a small text-coloured arrow. I think this makes more sense than having them at the bottom, because it suggests, in some way, being able to go back before commiting to any of the forms on the page. Whereas the things at the bottom of the page should be performing actions on what’s in the page. The reason for making this change now is that it de-clutters the area around the green buttons. This was presenting a design challenge where multiple levels of interaction were happening in the same form. Moving these back links to the top of the page should mean that, in these complicated forms, there’s one fewer thing to compete for the user’s attention. I’ve componentised this into a `page_header` macro so that the change is easier to roll out and maintain. 2019-04-29 11:44:05 +01:00			`{% from "components/page-header.html" import page_header %}`
Add confirmation of password for important changes This commit adds an extra page or field for confirming your current password when making important changes Name \| Email address \| Mobile number \| Password ---------------------\|-------------------\|-------------------\|------------ No password required \| As second page \| As second page \| On same page as new password 2016-01-12 11:25:46 +00:00			`{% from "components/page-footer.html" import page_footer %}`
Use a macro for form tags This will stop us repeatedly forgetting to add `novalidate` and `autocomplete='off'` to our forms (which is how most of them are set up). It uses sensible defaults, based on how we most-commonly configure forms: - most of our forms are `post`ed (but this can be overridden) - `autocomplete` should only be enabled where it makes sense, otherwise it’s more annoying than useful (but this can be overriden) - we should never be using HTML5 form validation because our own error styles and messages are better 2018-09-19 12:39:36 +01:00			`{% from "components/form.html" import form_wrapper %}`
Add confirmation of password for important changes This commit adds an extra page or field for confirming your current password when making important changes Name \| Email address \| Mobile number \| Password ---------------------\|-------------------\|-------------------\|------------ No password required \| As second page \| As second page \| On same page as new password 2016-01-12 11:25:46 +00:00
Fix page titles that didn’t get fixed before Did most of this work in: https://github.com/alphagov/notifications-admin/pull/1118 > In pages specific to a service (e.g. dashboard and sub pages) the > title needs to distinguish which service it applies to. This is mainly > to give context to screen reader users who could be managing multiple > services. > > Implementing this uses template inheritance: > > `page_title` includes `per_page_title` includes `service_page_title` > > ‘GOV.UK Notify’ is inserted into every page title. > > Pages that set `service_page_title` get the service name inserted too. 2017-02-23 15:34:13 +00:00			`{% block per_page_title %}`
			`Change your {{ thing }}`
Add confirmation of password for important changes This commit adds an extra page or field for confirming your current password when making important changes Name \| Email address \| Mobile number \| Password ---------------------\|-------------------\|-------------------\|------------ No password required \| As second page \| As second page \| On same page as new password 2016-01-12 11:25:46 +00:00			`{% endblock %}`

Don’t inherit directly from admin template Pages that don’t have navigation shouldn’t extend the top-level admin template directly. They should extend `withoutnav_template.html` instead, because then they get a wrapping `<main>` element, which is good semantically and for accessibility, and also defaults the font size to `19px`. 2016-09-28 15:05:54 +01:00			`{% block maincolumn_content %}`
Add confirmation of password for important changes This commit adds an extra page or field for confirming your current password when making important changes Name \| Email address \| Mobile number \| Password ---------------------\|-------------------\|-------------------\|------------ No password required \| As second page \| As second page \| On same page as new password 2016-01-12 11:25:46 +00:00
Add GOV.UK Design System style back links The Design System has standardised on back links being at the top of the page, decorated with a small text-coloured arrow. I think this makes more sense than having them at the bottom, because it suggests, in some way, being able to go back before commiting to any of the forms on the page. Whereas the things at the bottom of the page should be performing actions on what’s in the page. The reason for making this change now is that it de-clutters the area around the green buttons. This was presenting a design challenge where multiple levels of interaction were happening in the same form. Moving these back links to the top of the page should mean that, in these complicated forms, there’s one fewer thing to compete for the user’s attention. I’ve componentised this into a `page_header` macro so that the change is easier to roll out and maintain. 2019-04-29 11:44:05 +01:00			`{{ page_header(`
			`'Change your {}'.format(thing),`
			`back_link=back_link`
			`) }}`
Add confirmation of password for important changes This commit adds an extra page or field for confirming your current password when making important changes Name \| Email address \| Mobile number \| Password ---------------------\|-------------------\|-------------------\|------------ No password required \| As second page \| As second page \| On same page as new password 2016-01-12 11:25:46 +00:00
Replace `grid-row` with `govuk-grid-row` Replaced all instances of `grid-row` in the HTML and JavaScript with `govuk-grid-row`, which is the new GOV.UK Frontend class. 2020-02-19 11:57:15 +00:00			`<div class="govuk-grid-row">`
Replace the `.column-...` classes in _grids.scss We had 7 classes in _grids.scss named `.column-...` which were being used to give a certain column width. These worked by using `@include grid column()`, which is now deprecated. `.column-whole` and `.column-three-quarters` can be removed and replaced with `govuk-grid-column-full` and `govuk-grid-column-three-quarters` respectively. The other column classes don't have a direct replacment in GOV.UK Frontend. To get round this, we overwrite the `$govuk-grid-width` SASS map in `extensions.scss` to add in extra widths, then use this with the `govuk-grid-column` mixin to create new classes in for our custom widths in `_grids.scss` 2020-02-20 16:55:56 +00:00			`<div class="govuk-grid-column-three-quarters">`
Add confirmation of password for important changes This commit adds an extra page or field for confirming your current password when making important changes Name \| Email address \| Mobile number \| Password ---------------------\|-------------------\|-------------------\|------------ No password required \| As second page \| As second page \| On same page as new password 2016-01-12 11:25:46 +00:00
Use a macro for form tags This will stop us repeatedly forgetting to add `novalidate` and `autocomplete='off'` to our forms (which is how most of them are set up). It uses sensible defaults, based on how we most-commonly configure forms: - most of our forms are `post`ed (but this can be overridden) - `autocomplete` should only be enabled where it makes sense, otherwise it’s more annoying than useful (but this can be overriden) - we should never be using HTML5 form validation because our own error styles and messages are better 2018-09-19 12:39:36 +01:00			`{% call form_wrapper(autocomplete=True) %}`
Convert PasswordFields to GovukPasswordFields Converts them directly in the following forms: - LoginForm - ConfirmPasswordForm Changes the password function to return GovukPasswordField instead of PasswordField which effects the following forms: - RegisterUserForm - RegisterUserFromInviteForm - RegisterUserFromOrgInviteForm - NewPasswordForm - ChangePasswordForm It also updates StringField on RegisterUserFromOrgInviteForm to GovukTextInputField Also includes changes to templates that use this form and associated tests. 2020-08-07 09:53:09 +01:00			`{{ form.password(param_extensions={"autocomplete": "current-password"}) }}`
Add GOV.UK Design System style back links The Design System has standardised on back links being at the top of the page, decorated with a small text-coloured arrow. I think this makes more sense than having them at the bottom, because it suggests, in some way, being able to go back before commiting to any of the forms on the page. Whereas the things at the bottom of the page should be performing actions on what’s in the page. The reason for making this change now is that it de-clutters the area around the green buttons. This was presenting a design challenge where multiple levels of interaction were happening in the same form. Moving these back links to the top of the page should mean that, in these complicated forms, there’s one fewer thing to compete for the user’s attention. I’ve componentised this into a `page_header` macro so that the change is easier to roll out and maintain. 2019-04-29 11:44:05 +01:00			`{{ page_footer('Confirm') }}`
Use a macro for form tags This will stop us repeatedly forgetting to add `novalidate` and `autocomplete='off'` to our forms (which is how most of them are set up). It uses sensible defaults, based on how we most-commonly configure forms: - most of our forms are `post`ed (but this can be overridden) - `autocomplete` should only be enabled where it makes sense, otherwise it’s more annoying than useful (but this can be overriden) - we should never be using HTML5 form validation because our own error styles and messages are better 2018-09-19 12:39:36 +01:00			`{% endcall %}`
Add confirmation of password for important changes This commit adds an extra page or field for confirming your current password when making important changes Name \| Email address \| Mobile number \| Password ---------------------\|-------------------\|-------------------\|------------ No password required \| As second page \| As second page \| On same page as new password 2016-01-12 11:25:46 +00:00			`</div>`
			`</div>`

			`{% endblock %}`