mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-15 07:18:58 -04:00
87dcea779e
The existing behaviour focused the form control for each popup (radios or textbox) when opened. This gives no indication the submit button or cancel link have been added to the page. These changes: - make the parent element a region to group all the new content - label the region to link it to the button that opened it - add a description to the region so users know how to use it and that all the controls have been added to the page
41 lines
2.4 KiB
HTML
41 lines
2.4 KiB
HTML
{% from "components/radios.html" import radios, radios_nested %}
|
|
{% from "components/page-footer.html" import page_footer %}
|
|
|
|
<div id="sticky_template_forms">
|
|
<button type="submit" name="operation" value="unknown" hidden></button>
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
|
|
{% if templates_and_folders_form.move_to.choices and template_list.templates_to_show %}
|
|
<div id="move_to_folder_radios" class="sticky-template-form" role="region" aria-label="Choose the folder to move selected items to">
|
|
<div class="js-will-stick-at-bottom-when-scrolling">
|
|
{{ radios_nested(templates_and_folders_form.move_to, move_to_children, option_hints=option_hints) }}
|
|
</div>
|
|
<div class="js-will-stick-at-bottom-when-scrolling">
|
|
{{ page_footer('Move', button_name='operation', button_value='move-to-existing-folder', button_text_hidden_suffix=' selection to folder') }}
|
|
</div>
|
|
</div>
|
|
<div id="move_to_new_folder_form" class="sticky-template-form" role="region" aria-label="Enter name of the new folder to move selected items to">
|
|
<div class="js-will-stick-at-bottom-when-scrolling">
|
|
{{ templates_and_folders_form.move_to_new_folder_name(param_extensions={"classes": "govuk-!-width-full"}) }}
|
|
{{ page_footer('Add to new folder', button_name='operation', button_value='move-to-new-folder') }}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
<div id="add_new_folder_form" class="sticky-template-form" role="region" aria-label="Enter name of the new folder">
|
|
<div class="js-will-stick-at-bottom-when-scrolling">
|
|
{{ templates_and_folders_form.add_new_folder_name(param_extensions={"classes": "govuk-!-width-full"}) }}
|
|
{{ page_footer('Add new folder', button_name='operation', button_value='add-new-folder') }}
|
|
</div>
|
|
</div>
|
|
<div id="add_new_template_form" class="sticky-template-form" role="region" aria-label="Choose template type" {% if single_notification_channel %}data-channel="{{single_notification_channel}}" data-service="{{current_service.id}}"{% endif %}>
|
|
<div class="js-will-stick-at-bottom-when-scrolling">
|
|
{{ radios(templates_and_folders_form.add_template_by_template_type) }}
|
|
</div>
|
|
<div class="js-will-stick-at-bottom-when-scrolling">
|
|
{{ page_footer('Continue', button_name='operation', button_value='add-new-template') }}
|
|
</div>
|
|
</div>
|
|
<div class="selection-counter govuk-visually-hidden" role="status" aria-live="polite">
|
|
Nothing selected
|
|
</div>
|
|
</div>
|