mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-23 15:57:23 -04:00
The Design System has standardised on back links being at the top of the page, decorated with a small text-coloured arrow. I think this makes more sense than having them at the bottom, because it suggests, in some way, being able to go back before commiting to any of the forms on the page. Whereas the things at the bottom of the page should be performing actions on what’s in the page. The reason for making this change now is that it de-clutters the area around the green buttons. This was presenting a design challenge where multiple levels of interaction were happening in the same form. Moving these back links to the top of the page should mean that, in these complicated forms, there’s one fewer thing to compete for the user’s attention. I’ve componentised this into a `page_header` macro so that the change is easier to roll out and maintain.
81 lines
3.0 KiB
HTML
81 lines
3.0 KiB
HTML
{% extends "withnav_template.html" %}
|
||
{% from "components/form.html" import form_wrapper %}
|
||
{% from "components/page-header.html" import page_header %}
|
||
{% from "components/page-footer.html" import page_footer %}
|
||
{% from "components/task-list.html" import task_list_wrapper, task_list_item %}
|
||
|
||
{% block service_page_title %}
|
||
Before you request to go live
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
<div class="grid-row">
|
||
<div class="column-whole">
|
||
{{ page_header(
|
||
'Before you request to go live',
|
||
back_link=url_for('main.service_settings', service_id=current_service.id)
|
||
) }}
|
||
{% call task_list_wrapper() %}
|
||
{{ task_list_item(
|
||
current_service.has_estimated_usage,
|
||
'Tell us how many messages you expect to send',
|
||
url_for('main.estimate_usage', service_id=current_service.id),
|
||
) }}
|
||
{{ task_list_item(
|
||
current_service.has_team_members,
|
||
'Add a team member who can manage settings, team and usage',
|
||
url_for('main.manage_users', service_id=current_service.id),
|
||
) }}
|
||
{{ task_list_item(
|
||
current_service.has_templates,
|
||
'Add templates with examples of the content you plan to send',
|
||
url_for('main.choose_template', service_id=current_service.id),
|
||
) }}
|
||
{% if current_service.intending_to_send_email %}
|
||
{{ task_list_item(
|
||
current_service.has_email_reply_to_address,
|
||
'Add an email reply-to address',
|
||
url_for('main.service_email_reply_to', service_id=current_service.id),
|
||
) }}
|
||
{% endif %}
|
||
{% if (
|
||
current_service.intending_to_send_sms
|
||
and current_service.shouldnt_use_govuk_as_sms_sender
|
||
) %}
|
||
{{ task_list_item(
|
||
not current_service.sms_sender_is_govuk,
|
||
'Change your text message sender name',
|
||
url_for('main.service_sms_senders', service_id=current_service.id),
|
||
) }}
|
||
{% endif %}
|
||
{% if show_agreement %}
|
||
{{ task_list_item(
|
||
agreement_signed,
|
||
'Sign our data sharing and financial agreement',
|
||
url_for('main.agreement'),
|
||
) }}
|
||
{% endif %}
|
||
{% endcall %}
|
||
{% if not current_user.is_gov_user %}
|
||
<p>
|
||
Only team members with a government email address can request to go live.
|
||
</p>
|
||
{% elif (not current_service.go_live_checklist_completed) or (show_agreement and not agreement_signed) %}
|
||
<p>
|
||
You must complete these steps before you can request to go live.
|
||
</p>
|
||
{% else %}
|
||
<p>
|
||
When we receive your request we’ll get back to you within one working day.
|
||
</p>
|
||
<p class="bottom-gutter">
|
||
By requesting to go live you’re agreeing to our <a href="{{ url_for('.terms') }}">terms of use</a>.
|
||
</p>
|
||
{% call form_wrapper() %}
|
||
{{ page_footer('Request to go live') }}
|
||
{% endcall %}
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|