mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-05-02 23:20:56 -04:00
This adds spacing classes from the design system where necessary to keep the spacing looking the same. It also replaces the `<aside>` elements with a `<div>` on the edit template pages. The accessibility audit noted that these were inside a `<main>` element, so screen readers may not be able to navigate the elements correctly.
55 lines
2.1 KiB
HTML
55 lines
2.1 KiB
HTML
{% extends "withnav_template.html" %}
|
|
{% from "components/textbox.html" import textbox %}
|
|
{% from "components/page-header.html" import page_header %}
|
|
{% from "components/page-footer.html" import page_footer %}
|
|
{% from "components/form.html" import form_wrapper %}
|
|
|
|
{% block service_page_title %}
|
|
{{ heading_action }} text message template
|
|
{% endblock %}
|
|
|
|
{% block maincolumn_content %}
|
|
|
|
{{ page_header(
|
|
'{} text message template'.format(heading_action),
|
|
back_link=url_for('main.view_template', service_id=current_service.id, template_id=template.id) if template else url_for('main.choose_template', service_id=current_service.id, template_folder_id=template_folder_id)
|
|
) }}
|
|
|
|
{% call form_wrapper() %}
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-grid-column-two-thirds">
|
|
{{ form.name(param_extensions={
|
|
"classes": "govuk-!-width-full",
|
|
"hint": {"text": "Your recipients will not see this"}
|
|
}) }}
|
|
{{ textbox(
|
|
form.template_content,
|
|
highlight_placeholders=True,
|
|
width='1-1',
|
|
rows=5,
|
|
extra_form_group_classes='govuk-!-margin-bottom-2'
|
|
) }}
|
|
{% if current_user.platform_admin %}
|
|
{{ form.process_type }}
|
|
{% endif %}
|
|
</div>
|
|
<div class="govuk-grid-column-full">
|
|
<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">
|
|
|
|
</div>
|
|
</div>
|
|
{{ page_footer('Save') }}
|
|
</div>
|
|
<div class="govuk-grid-column-full">
|
|
{% include "partials/templates/guidance-personalisation.html" %}
|
|
{% include "partials/templates/guidance-optional-content.html" %}
|
|
{% include "partials/templates/guidance-links.html" %}
|
|
{% include "partials/templates/guidance-character-count.html" %}
|
|
</div>
|
|
</div>
|
|
{% endcall %}
|
|
|
|
|
|
{% endblock %}
|