mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-06 03:13:42 -05:00
Changing the govuk grid to USWDS
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
{% extends "withoutnav_template.html" %}
|
||||
{% block per_page_title %}You’re 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>You’re 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>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
{% extends "withoutnav_template.html" %}
|
||||
{% block per_page_title %}You’re 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">
|
||||
You’re not allowed to see this page
|
||||
</h1>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
{% extends "withoutnav_template.html" %}
|
||||
{% block per_page_title %}Sorry, there’s 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, there’s a problem with Notify.gov
|
||||
</h1>
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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') }}
|
||||
|
||||
|
||||
@@ -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') }}
|
||||
|
||||
|
||||
@@ -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') }}
|
||||
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
</div>
|
||||
<div class="govuk-grid-column-three-quarters">
|
||||
<div class="grid-col-9">
|
||||
{% endif %}
|
||||
{{ govukButton({
|
||||
"element": "a",
|
||||
|
||||
@@ -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">
|
||||
|
||||
</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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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" %}
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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" %}
|
||||
|
||||
@@ -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 }}"/>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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() %}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>We’ll send you an email to create a new password.</p>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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> 
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -17,8 +17,8 @@
|
||||
{{ page_header('Change team member’s 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') }}
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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">
|
||||
|
||||
</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 %}
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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 user’s email addresses ends with one of these domains then
|
||||
any services they create will be associated with this organization.
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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> 
|
||||
@@ -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' %}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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'),
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
@@ -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(
|
||||
|
||||
@@ -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) }}
|
||||
|
||||
|
||||
@@ -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>We’ve 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>
|
||||
|
||||
@@ -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:
|
||||
|
||||
@@ -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() %}
|
||||
|
||||
@@ -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"}) }}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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"}) }}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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> <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>
|
||||
|
||||
@@ -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'>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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(
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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>
|
||||
It’s free to send emails through Notify.gov.
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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": {
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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 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 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>Who’s 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">
|
||||
There’s no monthly charge, no setup fee and no 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>
|
||||
|
||||
@@ -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>.
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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, we’ll aim to read it within 30 minutes and reply within one working day.</p>
|
||||
|
||||
@@ -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') }}
|
||||
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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) }}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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' %}
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>We’ve 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>
|
||||
|
||||
@@ -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>We’ve sent you a text message with a security code.</p>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
</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 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>.
|
||||
|
||||
@@ -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"}) }}
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
@@ -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") %}
|
||||
|
||||
@@ -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>
|
||||
We’ve sent a security code to your new {{ thing }}.
|
||||
</p>
|
||||
|
||||
@@ -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={
|
||||
|
||||
@@ -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(
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
Reference in New Issue
Block a user