darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-05-05 16:38:59 -04:00
Code Issues Packages Projects Releases Wiki Activity
Files
8d81c4d9846a3ebcf82ea4758f73223203bdd0fc
notifications-admin/app/templates/views/verify.html

36 lines
994 B
HTML
Raw Normal View History

Make spacing and position of banners consistent Banners should always be the first thing on the page. Because headers already have padding we don’t want to put padding on the container. So banners should also have top padding to distance then from the red bar. They should also sit in the 3/4 column if the page has side navigation. This commit adds a new template (`withoutnav_template.html`) which extends `admin_template.html`. All views then extend one or the other, never the `admin_template.html` directly. This means that `admin_template.html` doesn’t have to make decisions about where the flash messages are displayed.
2016-02-01 12:15:38 +00:00
{% extends "withoutnav_template.html" %}
Add a WTForms-compatible textbox macro This macro: - accepts a WTForm form field as a parameter - renders a form field which follows the GOV.UK Elements patterns, both visually and in markup terms It then changes any page which uses either: - the old, non-WTForms macro or - the old, WTFforms `render_field` macro …to use this new macro and removes both of the old ones. It also adds the option to display hint text above the textbox.
2016-01-11 13:15:10 +00:00
{% from "components/textbox.html" import textbox %}
Rename `submit_form` component to `page_footer` Submit form was - a confusing name in itself - not descriptive, because it also has an optional ‘back’ link This commit also puts this component in as many pages as possible, stripping out any hard-coded buttons and links. It replaces any usage of buttons for ‘back’, because these are links, not buttons (ie they don’t change any data).
2016-01-07 20:11:22 +00:00
{% from "components/page-footer.html" import page_footer %}
Create base forms for registration and sign in Created routes and forms for registration, sign in, and registration from an invite. Also tidied up assets folder, removed copy of fronted toolkit.
2015-11-25 16:21:28 +00:00
{% block page_title %}
Make page titles consistent This commit modifies the HTML `<title>` tags for all the pages. It makes two main changes: - make the title tag match the `<h1>` of the page, for better or worse - put the service name after the page title, seperated by an en dash, as per GOV.UK
2016-02-08 09:23:51 +00:00
Enter the codes we’ve sent you – GOV.UK Notify
Create base forms for registration and sign in Created routes and forms for registration, sign in, and registration from an invite. Also tidied up assets folder, removed copy of fronted toolkit.
2015-11-25 16:21:28 +00:00
{% endblock %}
Make spacing and position of banners consistent Banners should always be the first thing on the page. Because headers already have padding we don’t want to put padding on the container. So banners should also have top padding to distance then from the red bar. They should also sit in the 3/4 column if the page has side navigation. This commit adds a new template (`withoutnav_template.html`) which extends `admin_template.html`. All views then extend one or the other, never the `admin_template.html` directly. This means that `admin_template.html` doesn’t have to make decisions about where the flash messages are displayed.
2016-02-01 12:15:38 +00:00
{% block maincolumn_content %}
Create base forms for registration and sign in Created routes and forms for registration, sign in, and registration from an invite. Also tidied up assets folder, removed copy of fronted toolkit.
2015-11-25 16:21:28 +00:00
<div class="grid-row">
Replace tabs with two spaces for consistency
2016-02-01 16:57:29 +00:00
<div class="column-two-thirds">
Fix wording
2016-02-02 15:41:54 +00:00
<h1 class="heading-large">Enter the codes we’ve sent you</h1>
<p>
We’ve sent you confirmation codes by email and text message.
</p>
Replace tabs with two spaces for consistency
2016-02-01 16:57:29 +00:00
<form autocomplete="off" method="post">
Reduce spacing between textbox and ‘I have’t rec…’ The grouping on this page was weird because these links were two far away from the associated textbox, and too close to the next textbox. This commit adds them as parameters to the textbox macro, which means their relative spacing can be controlled exactly, and thus reduced.
2016-02-02 15:12:59 +00:00
{{ textbox(
form.sms_code,
Allow textboxes to have width set, default to 2/3 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.
2016-02-02 15:31:11 +00:00
width='5em',
Reduce spacing between textbox and ‘I have’t rec…’ The grouping on this page was weird because these links were two far away from the associated textbox, and too close to the next textbox. This commit adds them as parameters to the textbox macro, which means their relative spacing can be controlled exactly, and thus reduced.
2016-02-02 15:12:59 +00:00
help_link=url_for('.check_and_resend_text_code'),
Fix wording
2016-02-02 15:41:54 +00:00
help_link_text='I haven’t received a text message'
Reduce spacing between textbox and ‘I have’t rec…’ The grouping on this page was weird because these links were two far away from the associated textbox, and too close to the next textbox. This commit adds them as parameters to the textbox macro, which means their relative spacing can be controlled exactly, and thus reduced.
2016-02-02 15:12:59 +00:00
) }}
Swap order of fields of three factor page Most people seem to get the text message before the email, so it makes sense for this to be the first field on the page.
2016-02-09 10:49:28 +00:00
{{ textbox(
form.email_code,
width='5em',
help_link=url_for('.check_and_resend_email_code'),
help_link_text='I haven’t received an email'
) }}
Replace tabs with two spaces for consistency
2016-02-01 16:57:29 +00:00
{{ page_footer("Continue") }}
</form>
</div>
Create base forms for registration and sign in Created routes and forms for registration, sign in, and registration from an invite. Also tidied up assets folder, removed copy of fronted toolkit.
2015-11-25 16:21:28 +00:00
</div>
Updated html title [ci skip]
2015-12-01 09:56:46 +00:00
{% endblock %}
Reference in New Issue Copy Permalink