Convert radios on set-template-sender page

Includes making the legend the h1 for the page to
follow design system guidance:

https://design-system.service.gov.uk/get-started/labels-legends-headings/
This commit is contained in:
Tom Byers
2021-01-13 14:58:39 +00:00
parent ece956e324
commit 513fbff6e0
5 changed files with 31 additions and 23 deletions

View File

@@ -1,6 +1,4 @@
{% extends "withnav_template.html" %}
{% from "components/radios.html" import radios %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}
{% from "components/back-link/macro.njk" import govukBackLink %}

View File

@@ -1,31 +1,35 @@
{% extends "withnav_template.html" %}
{% from "components/radios.html" import radios %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}
{% from "components/back-link/macro.njk" import govukBackLink %}
{% set page_title = 'Set letter contact block' %}
{% block service_page_title %}
Set letter contact block
{{ page_title }}
{% endblock %}
{% block maincolumn_content %}
{{ page_header(
'Set letter contact block',
back_link=url_for('.view_template', service_id=current_service.id, template_id=template_id)
) }}
<div class="govuk-grid-row">
<div class="govuk-grid-column-three-quarters">
{% call form_wrapper() %}
{{ radios(
form.sender,
option_hints=option_hints,
hide_legend=True
) }}
{{ govukBackLink({ "href": url_for('.view_template', service_id=current_service.id, template_id=template_id) }) }}
<div class="govuk-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-grid-column-three-quarters'
}) }}
<div class="govuk-grid-column-three-quarters">
{{ page_footer('Continue') }}
<a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.service_add_letter_contact', service_id=current_service.id, from_template=template_id) }}">Add new sender</a>
{% endcall %}
</div>
{% endcall %}
</div>
{% endblock %}