Changing the govuk grid to USWDS

This commit is contained in:
Jonathan Bobel
2023-08-23 16:18:25 -04:00
parent 4aa781ed9a
commit 412fad89ff
107 changed files with 314 additions and 314 deletions

View File

@@ -66,9 +66,9 @@
</header>
<div class="govuk-width-container">
<main class="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-12" id="main-content" role="main">
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<main class="govuk-main-wrapper govuk-!-padding-top-0" id="main-content" role="main">
<div class="grid-row">
<div class="grid-col-12">
<h1 class="govuk-heading-l govuk-!-padding-top-7">
Sorry, there is a problem with the service
</h1>

View File

@@ -1,8 +1,8 @@
{% extends "withoutnav_template.html" %}
{% block per_page_title %}Youre not authorised to see this page{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1>Youre not authorised to see this page</h1>
<p class="govuk-body"><a class="usa-link" href="{{ url_for('main.sign_in' )}}">Sign in</a> to Notify.gov and try again.</p>
</div>

View File

@@ -1,8 +1,8 @@
{% extends "withoutnav_template.html" %}
{% block per_page_title %}Youre not allowed to see this page{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="heading-large">
Youre not allowed to see this page
</h1>

View File

@@ -1,8 +1,8 @@
{% extends "withoutnav_template.html" %}
{% block per_page_title %}Page not found{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="heading-large">
Page not found
</h1>

View File

@@ -1,8 +1,8 @@
{% extends "withoutnav_template.html" %}
{% block per_page_title %}Page not found{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="heading-large">
Page not found
</h1>

View File

@@ -1,8 +1,8 @@
{% extends "withoutnav_template.html" %}
{% block per_page_title %}Sorry, theres a problem with the service{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="heading-large">
Sorry, theres a problem with Notify.gov
</h1>

View File

@@ -1,6 +1,6 @@
{% extends "admin_template.html" %}
{% set mainClasses = "govuk-!-padding-top-0 govuk-!-padding-bottom-0" %}
{% set mainClasses = "" %}
{% block main %}
{% block beforeContent %}{% endblock %}

View File

@@ -4,7 +4,7 @@
{# specify absolute url for the static assets folder e.g. http://wwww.domain.com/assets #}
{%- set assetUrl = assetUrl | default(assetPath) -%}
<!DOCTYPE html>
<html lang="{{ htmlLang | default('en') }}" class="govuk-template {{ htmlClasses }}">
<html lang="{{ htmlLang | default('en') }}" class="{{ htmlClasses }}">
<head>
<meta charset="utf-8" />
<title>{% block pageTitle %}Notify.gov{% endblock %}</title>

View File

@@ -15,11 +15,11 @@
</div>
<a href="{{ url_for('main.choose_account') }}" class="usa-link navigation-service">Switch service</a>
</div>
<div class="govuk-grid-row govuk-!-padding-bottom-12">
<div class="govuk-grid-column-one-quarter">
<div class="grid-row">
<div class="grid-col-3">
{% include "org_nav.html" %}
</div>
<div class="govuk-grid-column-three-quarters">
<div class="grid-col-9">
{% block beforeContent %}
{% block backLink %}{% endblock %}
{% endblock %}

View File

@@ -3,12 +3,12 @@
<div class="ajax-block-container">
{% if notifications_deleted %}
<div class="govuk-grid-row bottom-gutter-1-2">
<div class="grid-row bottom-gutter-1-2">
{% for label, query_param, url, count in counts %}
{% if query_param == 'pending' %}
<div class="govuk-grid-column-one-quarter">{{ big_number(count, query_param, smaller=True) }}</div>
<div class="grid-col-3">{{ big_number(count, query_param, smaller=True) }}</div>
{% else %}
<div class="govuk-grid-column-one-quarter">{{ big_number(count, label, smaller=True) }}</div>
<div class="grid-col-3">{{ big_number(count, label, smaller=True) }}</div>
{% endif %}
{% endfor %}

View File

@@ -2,31 +2,31 @@
{% call banner_wrapper(type='tour') %}
<p class="heading-medium">Try sending yourself this example</p>
<div class="govuk-grid-row bottom-gutter {% if help != '1' %}greyed-out-step{% endif %}">
<div class="govuk-grid-column-one-sixth">
<div class="grid-row bottom-gutter {% if help != '1' %}greyed-out-step{% endif %}">
<div class="grid-col-2">
<p class="heading-large">1.</p>
</div>
<div class="govuk-grid-column-five-sixths">
<div class="grid-col-10">
<p class="govuk-body">
Every message is sent from a template
</p>
</div>
</div>
<div class="govuk-grid-row bottom-gutter {% if help != '2' %}greyed-out-step{% endif %}">
<div class="govuk-grid-column-one-sixth">
<div class="grid-row bottom-gutter {% if help != '2' %}greyed-out-step{% endif %}">
<div class="grid-col-2">
<p class="heading-large">2.</p>
</div>
<div class="govuk-grid-column-five-sixths">
<div class="grid-col-10">
<p class="govuk-body">
The template pulls in the data you provide
</p>
</div>
</div>
<div class="govuk-grid-row bottom-gutter {% if help != '3' %}greyed-out-step{% endif %}">
<div class="govuk-grid-column-one-sixth">
<div class="grid-row bottom-gutter {% if help != '3' %}greyed-out-step{% endif %}">
<div class="grid-col-2">
<p class="heading-large">3.</p>
</div>
<div class="govuk-grid-column-five-sixths">
<div class="grid-col-10">
<p class="govuk-body">
Notify delivers the message
</p>

View File

@@ -9,8 +9,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
{{ page_header('About your service') }}

View File

@@ -9,8 +9,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
{{ page_header('About your service') }}

View File

@@ -14,8 +14,8 @@
{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{{ page_header('Callbacks for delivery receipts') }}

View File

@@ -14,8 +14,8 @@
{% block maincolumn_content %}
{{ page_header('Callbacks for received text messages') }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
<p>
When you receive a text message in Notify, we can forward it to your system.
Check the <a class="usa-link" href="{{ url_for('.callbacks') }}"> callback documentation </a> for more information.

View File

@@ -50,8 +50,8 @@
{% call form_wrapper() %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
{{ list_entry(
form.email_addresses,

View File

@@ -12,25 +12,25 @@
API integration
</h1>
<nav class="govuk-grid-row bottom-gutter-1-2">
<div class="govuk-grid-column-one-third">
<nav class="grid-row bottom-gutter-1-2">
<div class="grid-col-4">
<a class="usa-link pill-separate-item" href="{{ url_for('.api_keys', service_id=current_service.id) }}">API keys</a>
</div>
<div class="govuk-grid-column-one-third">
<div class="grid-col-4">
<a class="usa-link pill-separate-item" href="{{ url_for('.guest_list', service_id=current_service.id) }}">Guest list</a>
</div>
<div class="govuk-grid-column-one-third">
<div class="grid-col-4">
<a class="usa-link pill-separate-item" href="{{ url_for(callbacks_link, service_id=current_service.id) }}">Callbacks</a>
</div>
</nav>
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="grid-row">
<div class="grid-col-6">
<h2 class="heading-small">
Message log
</h2>
</div>
<div class="govuk-grid-column-one-half align-with-heading-copy-right">
<div class="grid-col-6 align-with-heading-copy-right">
<a class="usa-link" href="{{ url_for('.api_integration', service_id=current_service.id) }}">Refresh</a>
</div>
</div>
@@ -52,11 +52,11 @@
<span class="govuk-details__summary-text">
{{ notification.to }}
</span>
<span class="govuk-grid-row api-notifications-item__meta">
<span class="govuk-grid-column-one-half api-notifications-item__meta-key">
<span class="grid-row api-notifications-item__meta">
<span class="grid-col-6 api-notifications-item__meta-key">
{{notification.key_name}}
</span>
<span class="govuk-grid-column-one-half api-notifications-item__meta-time">
<span class="grid-col-6 api-notifications-item__meta-time">
<time class="timeago" datetime="{{ notification.created_at }}">
{{ notification.created_at|format_delta }}
</time>

View File

@@ -1,8 +1,8 @@
{% extends "withoutnav_template.html" %}
{% block per_page_title %}The invitation you were sent has been cancelled{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">
The invitation you were sent has been cancelled
</h1>

View File

@@ -8,13 +8,13 @@
services=[]
) %}
{% if show_heading and (services or organizations) %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-quarter">
<div class="grid-row">
<div class="grid-col-3">
<h2>
{{ heading }}
</h2>
</div>
<div class="govuk-grid-column-three-quarters">
<div class="grid-col-9">
<ul>
{% else %}
<ul>
@@ -56,13 +56,13 @@
<nav class="browse-list {% if current_user.has_access_to_live_and_trial_mode_services %}top-gutter-2-3{% endif %}">
{% if current_user.platform_admin %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-quarter">
<div class="grid-row">
<div class="grid-col-3">
<h2>
Platform admin
</h2>
</div>
<ul class="govuk-grid-column-three-quarters">
<ul class="grid-col-9">
<li class="browse-list-item">
<a href="{{ url_for('.organizations') }}" class="usa-link">All organizations</a>
<p class="browse-list-hint">
@@ -102,11 +102,11 @@
{% if can_add_service %}
<div class="js-stick-at-bottom-when-scrolling">
{% if current_user.has_access_to_live_and_trial_mode_services %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-quarter">
<div class="grid-row">
<div class="grid-col-3">
&nbsp;
</div>
<div class="govuk-grid-column-three-quarters">
<div class="grid-col-9">
{% endif %}
{{ govukButton({
"element": "a",

View File

@@ -1,18 +1,18 @@
<div class="ajax-block-container">
{% for message in conversation %}
<div class="govuk-grid-row sms-message-row" id="n{{ message.id }}" tabindex="0">
<div class="grid-row sms-message-row" id="n{{ message.id }}" tabindex="0">
{% if message.inbound %}
<div class="govuk-grid-column-two-thirds sms-message-inbound">
<div class="grid-col-8 sms-message-inbound">
{{ message.content | string }}
<div class="sms-message-status">
{{ message.created_at | format_datetime_relative }}
</div>
</div>
{% else %}
<div class="govuk-grid-column-one-third">
<div class="grid-col-4">
&nbsp;
</div>
<div class="govuk-grid-column-two-thirds">
<div class="grid-col-8">
{{ message.content | string }}
{% if message.status == 'delivered' %}
<div class="sms-message-status sms-message-status-outbound">

View File

@@ -9,8 +9,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<div class="cookie-settings__confirmation banner banner-with-tick" data-cookie-confirmation="true" role="group" tabindex="-1">
<h2 class="banner-title">Your cookie settings were saved</h2>
<a class="govuk_link cookie-settings__prev-page govuk-!-margin-top-1" href="#" data-module="track-click" data-track-category="cookieSettings" data-track-action="Back to previous page">

View File

@@ -45,18 +45,18 @@
)
) }}
{% else %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-third">
<div class="grid-row">
<div class="grid-col-4">
{{ big_number(
item.notifications_sending,
smallest=True,
label='pending',
) }}
</div>
<div class="govuk-grid-column-one-third">
<div class="grid-col-4">
{{ big_number(item.notifications_delivered, smallest=True, label='delivered') }}
</div>
<div class="govuk-grid-column-one-third">
<div class="grid-col-4">
{{ big_number(item.notifications_failed, smallest=True, label='failed') }}
</div></div>

View File

@@ -20,8 +20,8 @@
{{ page_header('{} email template'.format(heading_action)) }}
{% call form_wrapper() %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{{ form.name(param_extensions={
"classes": "",
"hint": {"text": "Your recipients will not see this"}
@@ -35,7 +35,7 @@
'Save'
) }}
</div>
<div class="govuk-grid-column-full">
<div class="grid-col-12">
{% include "partials/templates/guidance-formatting.html" %}
{% include "partials/templates/guidance-personalisation.html" %}
{% include "partials/templates/guidance-optional-content.html" %}

View File

@@ -32,8 +32,8 @@
{% endif %}
{% call form_wrapper() %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
{{ form.name(param_extensions={
"classes": "",
"hint": {"text": "Your recipients will not see this"}
@@ -51,7 +51,7 @@
{{ form.process_type }}
{% endif %}
</div>
<div class="govuk-grid-column-full">
<div class="grid-col-12">
<div class="template-content-count">
<div data-module="update-status" data-target="template_content" data-updates-url="{{ url_for('.count_content_length', service_id=current_service.id, template_type='sms') }}" aria-live="polite">
&nbsp;
@@ -62,7 +62,7 @@
After saving, you'll have the option to send 🚀
</p>
</div>
<div class="govuk-grid-column-full">
<div class="grid-col-12">
{% include "partials/templates/guidance-personalisation.html" %}
{% include "partials/templates/guidance-optional-content.html" %}
{% include "partials/templates/guidance-links.html" %}

View File

@@ -17,8 +17,8 @@
{% block platform_admin_content %}
{{ page_header('{} email branding'.format('Update' if email_branding else 'Add')) }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
{% if logo %}
<div id="logo-img">
<img src="https://{{ cdn_url }}/{{ logo }}"/>

View File

@@ -7,8 +7,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">This link has expired</h1>
<p>

View File

@@ -7,8 +7,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Resend email link</h1>
<p>Emails sometimes take a few minutes to arrive. If you do not receive an email link, Notify can send you a new one.</p>

View File

@@ -14,8 +14,8 @@
{% block platform_admin_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{{ page_header('Set auth type for ' + user.name) }}
{% call form_wrapper() %}

View File

@@ -6,8 +6,8 @@
{% endblock %}
{% block platform_admin_content %}
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-full">
<div class="grid-row bottom-gutter">
<div class="grid-col-12">
<h1 class="font-body-2xl margin-bottom-3">
{{ user.name }}
</h1>

View File

@@ -8,8 +8,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Forgot your password?</h1>
<p>Well send you an email to create a new password.</p>

View File

@@ -7,8 +7,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Integration testing</h1>
<p>This information has moved.</p>

View File

@@ -22,8 +22,8 @@
<div class="user-list">
{% for user in users %}
<div class="user-list-item">
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
<h2 class="user-list-item-heading" title="{{ user.email_address }}">
{%- if user.name -%}
<span class="heading-small live-search-relevant">{{ user.name }}</span>&ensp;
@@ -70,7 +70,7 @@
</p>
{% endif %}
</div>
<div class="govuk-grid-column-one-quarter">
<div class="grid-col-3">
{% if current_user.has_permissions('manage_service') %}
{% if user.status == 'pending' %}
<a class="user-list-edit-link usa-link" href="{{ url_for('.cancel_invited_user', service_id=current_service.id, invited_user_id=user.id)}}">Cancel invitation<span class="usa-sr-only"> for {{ user.email_address }}</span></a>

View File

@@ -17,8 +17,8 @@
{{ page_header('Confirm change of email address') }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{% call form_wrapper() %}
<p>New email address:</p>
<div class="panel panel-border-wide bottom-gutter">

View File

@@ -16,8 +16,8 @@
{{ page_header('Confirm change of mobile number') }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{% call form_wrapper() %}
<p>New mobile number:</p>
<div class="panel panel-border-wide bottom-gutter">

View File

@@ -17,8 +17,8 @@
{{ page_header('Change team members mobile number') }}
<p id="user_name">This will change the mobile number for {{ user.name }}.</p>
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
{% call form_wrapper(class="extra-tracking") %}
{{ form.mobile_number }}
{{ page_footer('Save') }}

View File

@@ -8,8 +8,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
{% if user %}
<h1 class="font-body-2xl margin-bottom-3">
Create a new password

View File

@@ -14,11 +14,11 @@
<a href="{{ url_for('main.choose_account') }}" class="usa-link navigation-service usa-breadcrumb-switch">Switch service</a>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-quarter">
<div class="grid-row">
<div class="grid-col-3">
&nbsp;
</div>
<div class="govuk-grid-column-three-quarters">
<div class="grid-col-9">
<main class="govuk-main-wrapper column-main govuk-!-padding-top-0 govuk-!-padding-bottom-0" id="main-content" role="main" >
{% block beforeContent %}{% endblock %}
{% block content %}

View File

@@ -16,8 +16,8 @@
{{ pill(years, selected_year, big_number_args={'smallest': True}) }}
</div>
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-one-half">
<div class="grid-row bottom-gutter">
<div class="grid-col-6">
<h2 class="heading-small">Emails</h2>
<div class="keyline-block">
{{ big_number(
@@ -27,7 +27,7 @@
) }}
</div>
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<h2 class="heading-small">Text messages</h2>
<div class="keyline-block">
{{ big_number(
@@ -58,15 +58,15 @@
<h3 class="govuk-!-font-weight-bold govuk-!-font-size-24 govuk-!-margin-bottom-3 govuk-!-margin-top-1 live-search-relevant">
<a href="{{ url_for('main.usage', service_id=service.service_id) }}" class="usa-link browse-list-link">{{ service.service_name }}</a>
</h3>
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="grid-row">
<div class="grid-col-6">
{{ big_number(
service.emails_sent,
label=service.emails_sent|message_count_label('email'),
smallest=True
) }}
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
{% if service.sms_cost %}
{{ big_number(
service.sms_cost,

View File

@@ -15,8 +15,8 @@
{% block maincolumn_content %}
{{ page_header("Known email domains") }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
<p>
If a users email addresses ends with one of these domains then
any services they create will be associated with this organization.

View File

@@ -15,8 +15,8 @@
{% block maincolumn_content %}
{{ page_header("Edit request to go live notes") }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
<p>
Text entered here will be displayed in the Zendesk ticket when a service
belonging to this organization requests to go live.

View File

@@ -10,8 +10,8 @@
{% block maincolumn_content %}
<h1 class="font-body-2xl margin-bottom-3">Preview email branding</h1>
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{{ email_branding_preview(form.branding_style.data) }}
{% call form_wrapper(action=action) %}
<div class="form-group">

View File

@@ -19,12 +19,12 @@
{{ page_header(page_title) }}
{% call form_wrapper(data_kwargs={'preview-type': 'email'}) %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-full preview-pane">
<div class="grid-row">
<div class="grid-col-12 preview-pane">
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{{ live_search(
target_selector='.govuk-radios__item',
show=True,

View File

@@ -32,8 +32,8 @@
<div class="user-list">
{% for user in users %}
<div class="user-list-item">
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
<h2 class="user-list-item-heading">
{%- if user.name -%}
<span class="heading-small">{{ user.name }}</span>&ensp;
@@ -51,7 +51,7 @@
</span>
</h2>
</div>
<div class="govuk-grid-column-one-quarter">
<div class="grid-col-3">
{% if user.status == 'pending' %}
<a class="usa-link user-list-edit-link" href="{{ url_for('.cancel_invited_org_user', org_id=current_org.id, invited_user_id=user.id)}}">Cancel invitation<span class="usa-sr-only"> for {{ user.email_address }}</span></a>
{% elif user.status != 'cancelled' %}

View File

@@ -6,8 +6,8 @@ Check your email
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Check your email</h1>
<p>Click the link in the email to reset your password.</p>

View File

@@ -9,8 +9,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row govuk-!-margin-bottom-8">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row govuk-!-margin-bottom-8">
<div class="grid-col-8">
{{ page_header('Performance data') }}
</div>
</div>
@@ -19,21 +19,21 @@
Messages sent since May 2023
</h2>
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="grid-row">
<div class="grid-col-6">
<div class="product-page-big-number">{{ total_notifications|format_billions }}</div>
total
</div>
<div class="govuk-grid-column-one-half">
<div class="govuk-grid-row govuk-!-padding-top-4">
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<div class="grid-row govuk-!-padding-top-4">
<div class="grid-col-6">
{{ big_number(
email_notifications|format_billions,
label=email_notifications|message_count_noun('email'),
smallest=True,
) }}
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
{{ big_number(
sms_notifications|format_billions,
label=sms_notifications|message_count_noun('sms'),
@@ -74,8 +74,8 @@
<h2 class="govuk-heading-m">
Messages sent within 10 seconds
</h2>
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="grid-row">
<div class="grid-col-6">
{{ big_number(
'{:.2f}%'.format(average_percentage_under_10_seconds),
label='on average',
@@ -107,13 +107,13 @@
<h2 class="govuk-heading-m">
Organizations using Notify
</h2>
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-one-half">
<div class="grid-row bottom-gutter">
<div class="grid-col-6">
<span class="usa-sr-only">There are</span>
<div class="product-page-big-number">{{ count_of_live_services_and_organizations.organizations|format_thousands }}</div>
organizations
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<span class="usa-sr-only">and</span>
<div class="product-page-big-number">{{ count_of_live_services_and_organizations.services|format_thousands }}</div>
services

View File

@@ -1,7 +1,7 @@
{% from "components/big-number.html" import big_number_with_status %}
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-one-half">
<div class="grid-row bottom-gutter">
<div class="grid-col-6">
{{ big_number_with_status(
global_stats.email.delivered + global_stats.email.failed,
global_stats.email.delivered|message_count_label('email'),
@@ -11,7 +11,7 @@
smaller=True
) }}
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
{{ big_number_with_status(
global_stats.sms.delivered + global_stats.sms.failed,
global_stats.sms.delivered|message_count_label('sms'),

View File

@@ -30,9 +30,9 @@
"open": form.errors | convert_to_boolean
}) }}
<div class="govuk-grid-row bottom-gutter">
<div class="grid-row bottom-gutter">
{% for noti_type in global_stats %}
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
{{ big_number_simple(
noti_type.black_box.number,
noti_type.black_box.number|message_count_label(noti_type.black_box.notification_type)
@@ -51,9 +51,9 @@
{% endfor %}
</div>
<div class="govuk-grid-row bottom-gutter">
<div class="grid-row bottom-gutter">
{% for noti_type in global_stats %}
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<div class="bordered-text-box">
<span class="big-number-number">{{ "{:,}".format(noti_type.test_data.number) }}</span>
{{ noti_type.test_data.label }}

View File

@@ -7,8 +7,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Privacy notice: how we use your data</h1>
{{ content_metadata(

View File

@@ -14,8 +14,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
{{ page_header(provider_versions[0].display_name) }}

View File

@@ -7,8 +7,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">{{ title }}</h1>
<p>For security, we need to check if you still have access to your email address.</p>
<p>Weve sent you a link valid for 1 hour to sign in to Notify. The link will open in a new browser window, so you can close this one.</p>

View File

@@ -8,8 +8,8 @@ Create an account
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Create an account</h1>
<p>
Your account will be created with this email address:

View File

@@ -8,8 +8,8 @@ Create an account
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Create an account</h1>
<p>Your account will be created with this email: {{invited_org_user.email_address}}</p>
{% call form_wrapper() %}

View File

@@ -8,8 +8,8 @@ Create an account
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Create an account</h1>
{% call form_wrapper(autocomplete=True) %}
{{ form.name(param_extensions={"classes": "govuk-!-width-three-quarters"}) }}

View File

@@ -23,12 +23,12 @@
module="autofocus",
data_kwargs={'force-focus': True}
) %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-full {% if form.placeholder_value.label.text == 'phone number' %}extra-tracking{% endif %}">
<div class="grid-row">
<div class="grid-col-12 {% if form.placeholder_value.label.text == 'phone number' %}extra-tracking{% endif %}">
{{ form.placeholder_value(param_extensions={"classes": ""}) }}
</div>
{% if skip_link or link_to_upload %}
<div class="govuk-grid-column-full">
<div class="grid-col-12">
{% if link_to_upload %}
<a class="usa-link govuk-!-margin-right-3" href="{{ url_for('.send_messages', service_id=current_service.id, template_id=template.id) }}">Upload a list of {{ 999|recipient_count_label(template.template_type) }}</a>
{% endif %}

View File

@@ -16,8 +16,8 @@
{{ page_header(heading) }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
{% call form_wrapper() %}
{{ form.password(param_extensions={"autocomplete": "current-password"}) }}

View File

@@ -8,13 +8,13 @@
{% block maincolumn_content %}
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row bottom-gutter">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">
Data retention
</h1>
</div>
<div class="govuk-grid-column-one-third">
<div class="grid-col-4">
{{ govukButton({
"element": "a",
"text": "Add data retention",
@@ -23,8 +23,8 @@
}) }}
</div>
</div>
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-full">
<div class="grid-row bottom-gutter">
<div class="grid-col-12">
By default data is kept for 7 days
</div>
</div>

View File

@@ -25,8 +25,8 @@
{% endif %}
{% for item in current_service.email_reply_to_addresses %}
<div class="user-list-item">
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
<h2 class="user-list-item-heading">
<span class="heading-small">{{ item.email_address }}</span>&ensp;<span class="hint">
{%- if item.is_default -%}
@@ -35,7 +35,7 @@
</span>
</h2>
</div>
<div class="govuk-grid-column-one-quarter">
<div class="grid-col-3">
{% if current_user.has_permissions('manage_service') %}
<a class="usa-link user-list-edit-link" href="{{ url_for('.service_edit_email_reply_to', service_id =current_service.id, reply_to_email_id = item.id) }}">
Change<span class="usa-sr-only"> {{ item.email_address }}</span>
@@ -43,8 +43,8 @@
{% endif %}
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{% if current_service.count_email_reply_to_addresses > 1 %}
{{ copy_to_clipboard(item.id, name=item.email_address, thing="ID") }}
{% endif %}
@@ -53,8 +53,8 @@
</div>
{% endfor %}
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{% if current_user.has_permissions('manage_service') %}
<div class="js-stick-at-bottom-when-scrolling">
{{ govukButton({
@@ -65,7 +65,7 @@
</div>
{% endif %}
</div>
<div class="govuk-grid-column-five-sixths">
<div class="grid-col-10">
<p>
You need to add at least one reply-to address so recipients can reply to your messages.
</p>

View File

@@ -14,8 +14,8 @@
{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{% if not form.at_least_one_volume_filled %}
{% call banner_wrapper(type='dangerous') %}
<h1 class='banner-title'>

View File

@@ -10,8 +10,8 @@
{% block maincolumn_content %}
<h1 class="font-body-2xl margin-bottom-3">Preview email branding</h1>
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{{ email_branding_preview(form.branding_style.data) }}
{% call form_wrapper(action=action) %}
<div class="form-group">

View File

@@ -14,8 +14,8 @@
{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{{ page_header('Before you request to go live') }}
{% call task_list_wrapper() %}
{{ task_list_item(

View File

@@ -15,8 +15,8 @@
{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{{ page_header('Send files by email') }}
<p>
This is an API-only feature.

View File

@@ -6,8 +6,8 @@
{% endblock %}
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{{ page_header('Your service is already live') }}
<p>

View File

@@ -13,8 +13,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{{ page_header('Sign-in method') }}
{% if 'email_auth' in current_service.permissions %}
<p class="heading-small bottom-gutter-2-3">

View File

@@ -19,12 +19,12 @@
{{ page_header(page_title) }}
{% call form_wrapper(data_kwargs={'preview-type': 'email'}) %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-full preview-pane">
<div class="grid-row">
<div class="grid-col-12 preview-pane">
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<div class="grid-row">
<div class="grid-col-12">
{{ live_search(
target_selector='.govuk-radios__item',
show=True,

View File

@@ -14,8 +14,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{{ page_header('Send emails') }}
<p>
Its free to send emails through Notify.gov.

View File

@@ -13,8 +13,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{{ page_header('Receive text messages') }}
{% if 'inbound_sms' in current_service.permissions %}
<p>

View File

@@ -14,8 +14,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{{ page_header('Send international text messages') }}
<p>
Messages to international mobile numbers are charged at 1, 2, or

View File

@@ -13,8 +13,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{% call form_wrapper() %}
{{ form.enabled(param_extensions={
"fieldset": {

View File

@@ -53,8 +53,8 @@
</div>
{% if current_user.has_permissions('manage_service') %}
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-full">
<div class="grid-row bottom-gutter">
<div class="grid-col-12">
{{ govukButton({
"element": "a",
"text": "Add text message sender",

View File

@@ -149,8 +149,8 @@ Notify.gov
<nav class="breadcrumbs breadcrumbs--inverse" aria-label="Breadcrumbs">
</nav>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1>
Send text messages to your users
</h1>
@@ -168,7 +168,7 @@ Notify.gov
it before
</div>
</div>
<div class="govuk-grid-column-one-third">
<div class="grid-col-4">
<img
src="{{ asset_url('images/product/proposition-illustration.png') }}"
alt="An illustration of notifications to a phone, a laptop, and a letter.">
@@ -178,8 +178,8 @@ Notify.gov
</div>
<div class="product-page-section">
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="grid-row">
<div class="grid-col-6">
<h2>
Control your content
</h2>
@@ -187,7 +187,7 @@ Notify.gov
You do not need any technical knowledge to create message templates.
</p>
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<img
src="{{ asset_url('images/product/01-templates.svg') }}"
alt="Example screenshot of adding a new text message template">
@@ -195,8 +195,8 @@ Notify.gov
</div>
</div>
<div class="product-page-section">
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="grid-row">
<div class="grid-col-6">
<h2>
See how your messages perform
</h2>
@@ -205,7 +205,7 @@ Notify.gov
find out which ones are not being delivered.
</p>
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<img
src="{{ asset_url('images/product/02-reporting.svg') }}"
alt="A screenshot of Notify.gov showing counts of emails and text messages sent"
@@ -217,8 +217,8 @@ Notify.gov
<h2 class="with-keyline">
Send messages manually or automatically
</h2>
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="grid-row">
<div class="grid-col-6">
<p>
Upload a spreadsheet of phone&nbsp;numbers and Notify sends the messages.
</p>
@@ -227,7 +227,7 @@ Notify.gov
alt="A screenshot of a spreadsheet with columns for email address, name and color"
>
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<p>
Integrate the Notify.gov API with your web&nbsp;application or
back office system.
@@ -242,13 +242,13 @@ Notify.gov
<div class="product-page-section">
<div class="with-keyline bottom-gutter-2" id="whos-using-notify">
<h2>Whos using Notify.gov</h2>
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-one-half">
<div class="grid-row bottom-gutter">
<div class="grid-col-6">
<span class="usa-sr-only">There are</span>
<div class="product-page-big-number">{{ counts.organizations|format_thousands }}</div>
<span>organizations</span>
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<span class="usa-sr-only">and</span>
<div class="product-page-big-number">{{ counts.services|format_thousands }}</div>
<span>services</span>
@@ -264,19 +264,19 @@ Notify.gov
<div class="product-page-section">
<div class="with-keyline bottom-gutter-2">
<h2>Pricing</h2>
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-one-half">
<div class="grid-row bottom-gutter">
<div class="grid-col-6">
<h3 class="usa-sr-only">Emails</h3>
<div class="product-page-big-number">Unlimited</div>
<span>free emails</span>
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<h3 class="usa-sr-only">Text messages</h3>
<div class="product-page-big-number">Up to 40,000</div>
<span>free text messages a year,<br>
then {{ sms_rate }} pence per message</span>
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<p class="align-with-big-number-hint">
Theres no monthly charge, no setup fee and no&nbsp;procurement process.
</p>
@@ -287,8 +287,8 @@ Notify.gov
</div>
</div>
<div class="product-page-section">
<div class="govuk-grid-row margin-bottom-">
<div class="govuk-grid-column-full">
<div class="grid-row margin-bottom-">
<div class="grid-col-12">
<h2 class="with-keyline">
The team
</h2>

View File

@@ -14,8 +14,8 @@
{% block maincolumn_content %}
{{ page_header('Out of hours emergencies')}}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<p>
First, check the
<a class="usa-link" href="https://status.notifications.service.gov.uk">system status page</a>.

View File

@@ -16,8 +16,8 @@
{% block maincolumn_content %}
{{ page_header(page_title) }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
{% if show_status_page_banner %}
<div class="panel panel-border-wide">
<p>

View File

@@ -28,8 +28,8 @@
{{ page_footer('Continue') }}
{% endcall %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h2 class="font-body-lg">Office hours</h2>
<p>Our office hours are 9:30am to 5:30pm, Monday to Friday.</p>
<p>When you report a problem in office hours, well aim to read it within 30 minutes and reply within one working day.</p>

View File

@@ -13,8 +13,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
{{ page_header('The Notify.gov service is for people who work in the government') }}

View File

@@ -14,8 +14,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
{{ page_header(page_title) }}
{% call form_wrapper() %}
{{ form.severe }}

View File

@@ -32,8 +32,8 @@
<ul class="bottom-gutter">
{% for event in events %}
<li class="history-list-item">
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-third">
<div class="grid-row">
<div class="grid-col-4">
<div class="history-list-user">
{{ user_getter(event.user_id) }}
</div>
@@ -41,7 +41,7 @@
{{ event.time | format_time_24h }}
</div>
</div>
<div class="govuk-grid-column-two-thirds">
<div class="grid-col-8">
{{ event }}
</div>
</li>

View File

@@ -1,4 +1,4 @@
<div class="govuk-grid-column-full">
<div class="grid-col-12">
<h2 class="message-name">{{ template.name }}</h2>
<p class="hint">
{% if template.get_raw('version', 1) > 1 %}
@@ -11,6 +11,6 @@
</p>
</div>
<div class="govuk-grid-column-full">
<div class="grid-col-12">
{{ template|string }}
</div>

View File

@@ -13,8 +13,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{{ page_header('{} are disabled'.format(notification_type.capitalize())) }}
<p>
Sending {{ 999|message_count_label(notification_type, suffix='') }} has been disabled for your service.

View File

@@ -17,8 +17,8 @@
{% block maincolumn_content %}
{{ page_header('Confirm changes') }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{% if template_change.placeholders_removed %}
<p>
You removed {{ list_of_placeholders(template_change.placeholders_removed) }}

View File

@@ -32,8 +32,8 @@
{% else %}
<div class="govuk-grid-row">
<div class="{% if current_user.has_permissions('manage_templates') %} govuk-grid-column-five-sixths {% else %} govuk-grid-column-full {% endif %}">
<div class="grid-row">
<div class="{% if current_user.has_permissions('manage_templates') %} grid-col-10 {% else %} grid-col-12 {% endif %}">
<div class="usa-alert usa-alert--info usa-alert--slim">
<div class="usa-alert__body">
<p class="usa-alert__text">
@@ -49,7 +49,7 @@
) }}
</div>
{% if current_user.has_permissions('manage_templates') and current_template_folder_id and user_has_template_folder_permission %}
<div class="govuk-grid-column-one-sixth">
<div class="grid-col-2">
<a href="{{ url_for('.manage_template_folder', service_id=current_service.id, template_folder_id=current_template_folder_id) }}" class="usa-link folder-heading-manage-link">Manage<span class="usa-sr-only"> this folder</span></a>
</div>
{% endif %}

View File

@@ -6,7 +6,7 @@
{% block maincolumn_content %}
<h1 class="font-body-2xl margin-bottom-3">Previous versions</h1>
<div class="govuk-grid-row">
<div class="grid-row">
{% for template in versions %}
{% with show_title=True %}
{% include 'views/templates/_template_history.html' %}

View File

@@ -9,8 +9,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row bottom-gutter-1-2">
<div class="govuk-grid-column-full">
<div class="grid-row bottom-gutter-1-2">
<div class="grid-col-12">
{{ folder_path(
folders=template_folder_path,
service_id=current_service.id,

View File

@@ -13,19 +13,19 @@
{% block maincolumn_content %}
<div class="govuk-grid-row govuk-!-margin-top-3">
<div class="grid-row govuk-!-margin-top-3">
{% call form_wrapper() %}
{{ form.sender(param_extensions={
'fieldset': {
'legend': {
'isPageHeading': True,
'text': sender_context.title,
'classes': 'govuk-fieldset__legend--l govuk-grid-column-full'
'classes': 'govuk-fieldset__legend--l grid-col-12'
}
},
'classes': 'govuk-grid-column-three-quarters'
'classes': 'grid-col-9'
}) }}
<div class="govuk-grid-column-three-quarters">
<div class="grid-col-9">
{{ page_footer('Continue') }}
</div>
{% endcall %}

View File

@@ -15,19 +15,19 @@
{% block maincolumn_content %}
<div class="govuk-grid-row govuk-!-margin-top-3">
<div class="grid-row govuk-!-margin-top-3">
{% call form_wrapper() %}
{{ form.sender(param_extensions={
'fieldset': {
'legend': {
'isPageHeading': True,
'text': page_title,
'classes': 'govuk-fieldset__legend--l govuk-grid-column-full'
'classes': 'govuk-fieldset__legend--l grid-col-12'
}
},
'classes': 'govuk-grid-column-three-quarters'
'classes': 'grid-col-9'
}) }}
<div class="govuk-grid-column-three-quarters">
<div class="grid-col-9">
{{ page_footer('Continue') }}
<a class="usa-link" href="{{ url_for('.service_add_letter_contact', service_id=current_service.id, from_template=template_id) }}">Add new sender</a>
</div>

View File

@@ -10,7 +10,7 @@
<h1 class="font-body-2xl margin-bottom-3">{{ template.name }}</h1>
<div class="govuk-grid-row">
<div class="grid-row">
{% with show_title=False %}
{% include 'views/templates/_template_history.html' %}
{% endwith %}

View File

@@ -8,8 +8,8 @@ Check your mobile number
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Check your mobile number</h1>
<p>Check your mobile phone number is correct and then resend the security code.</p>

View File

@@ -7,8 +7,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">{{ title }}</h1>
<p>Weve emailed you a link to sign in to Notify.</p>
<p>Clicking the link will open Notify in a new browser window, so you can close this one.</p>

View File

@@ -8,8 +8,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Check your phone</h1>
<p>Weve sent you a text message with a security code.</p>

View File

@@ -36,8 +36,8 @@
}
}) }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="grid-row">
<div class="grid-col-6">
{{ page_header(page_title) }}
<p>
@@ -64,7 +64,7 @@
"text": "JavaScript is not available for this page. Security keys need JavaScript to work."
}) }}
</div>
<div class="govuk-grid-column-one-quarter">
<div class="grid-col-3">
<img src="{{ asset_url('images/security-key.svg') }}" alt="" class="webauthn-illustration" width="149" height="150">
</div>
</div>

View File

@@ -18,9 +18,9 @@
{{ pill(years, selected_year, big_number_args={'smallest': True}) }}
</div>
<div id='pill-selected-item'>
<div class='govuk-grid-row'>
<div class='grid-row'>
<div class='govuk-grid-column-one-half'>
<div class='grid-col-6'>
<h2 class='heading-small'>Text messages</h2>
<div class="keyline-block">
{{ big_number(sms_sent, 'sent', smaller=True) }}
@@ -39,7 +39,7 @@
{% endfor %}
</div>
</div>
{# <div class='govuk-grid-column-one-half'>
{# <div class='grid-col-6'>
<h2 class='heading-small'>Emails</h2>
<div class="keyline-block">
{{ big_number(emails_sent, 'email disabled during SMS pilot', smaller=True) }}
@@ -48,8 +48,8 @@
</div> #}
</div>
{# <div class='govuk-grid-row'>
<div class='govuk-grid-column-one-half'>
{# <div class='grid-row'>
<div class='grid-col-6'>
<div class="keyline-block">
{{ big_number(
sms_cost,
@@ -59,7 +59,7 @@
) }}
</div>
</div>
<div class='govuk-grid-column-one-half'>
<div class='grid-col-6'>
<div class="keyline-block">
&nbsp;
</div>
@@ -126,13 +126,13 @@
{% endif %}
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-third">
<div class="grid-row">
<div class="grid-col-4">
<p class="align-with-heading-copy">
Federal fiscal year ends September&nbsp;30
</p>
</div>
<div class="govuk-grid-column-two-thirds">
<div class="grid-col-8">
<p class="align-with-heading-copy">
What counts as 1 text message?<br />
See <a class="usa-link" href="{{ url_for('.pricing') }}">pricing</a>.

View File

@@ -16,8 +16,8 @@
{{ page_header('Change your {}'.format(thing)) }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
{% call form_wrapper(autocomplete=True) %}
{{ form.password(param_extensions={"autocomplete": "current-password"}) }}

View File

@@ -16,8 +16,8 @@
{{ page_header('Change your password') }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
{% call form_wrapper(autocomplete=True) %}
{{ form.old_password }}
{{ form.new_password }}

View File

@@ -16,8 +16,8 @@
{{ page_header('Change your {}'.format(thing)) }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
{% call form_wrapper() %}
{{ form_field(error_message_with_html=True) }}
{% if current_user.auth_type == 'email_auth' and (current_user.mobile_number and thing == "mobile number") %}

View File

@@ -16,8 +16,8 @@
{{ page_header('Change your {}'.format(thing)) }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
<p>
Weve sent a security code to your new {{ thing }}.
</p>

View File

@@ -15,8 +15,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-five-sixths">
<div class="grid-row">
<div class="grid-col-10">
{% call form_wrapper(class="govuk-!-margin-top-3") %}
{{ form.enabled(param_extensions={

View File

@@ -17,8 +17,8 @@
{% block maincolumn_content %}
{{ page_header(page_title) }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
<div class="grid-row">
<div class="grid-col-9">
{% call form_wrapper(autocomplete=True) %}
{{ form.security_key_name }}
{{ page_footer(

View File

@@ -45,7 +45,7 @@
}) }}
{% endset %}
<div class="govuk-grid-row">
<div class="grid-row">
{{ govukErrorMessage({
"classes": "banner-dangerous govuk-!-display-none",
@@ -63,7 +63,7 @@
}) }}
{% if credentials %}
<div class="govuk-grid-column-five-sixths">
<div class="grid-col-10">
{{ page_header(page_title) }}
<div class="body-copy-table">
{% call mapping_table(
@@ -86,7 +86,7 @@
{{ webauthn_button }}
</div>
{% else %}
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
{{ page_header(page_title) }}
<p>
Security keys are an alternative way of signing in to Notify,
@@ -98,7 +98,7 @@
</p>
{{ webauthn_button }}
</div>
<div class="govuk-grid-column-one-quarter">
<div class="grid-col-3">
<img src="{{ asset_url('images/security-key.svg') }}" alt="" class="webauthn-illustration" width="149" height="150">
</div>
{% endif %}

View File

@@ -7,11 +7,11 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-third">
<div class="grid-row">
<div class="grid-col-4">
{{ sub_navigation(navigation_links) }}
</div>
<div class="govuk-grid-column-two-thirds">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Using Notify</h1>

View File

@@ -7,8 +7,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row">
<div class="grid-col-8">
<h1 class="font-body-2xl margin-bottom-3">Resend security code</h1>
<p>Text messages sometimes take a few minutes to arrive. If you do not receive a security code, Notify can send you a new one.</p>

View File

@@ -80,9 +80,9 @@
</header>
<div class="govuk-width-container">
<main class="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-12" id="main-content" role="main">
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<main class="govuk-main-wrapper govuk-!-padding-top-0" id="main-content" role="main">
<div class="grid-row">
<div class="grid-col-12">
<h1 class="govuk-heading-l govuk-!-padding-top-7">
Sorry, the service is unavailable
</h1>

Some files were not shown because too many files have changed in this diff Show More