mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-03-30 15:12:33 -04:00
9d1a7904a8
For accessibility reasons a page should have one (and only one) H1. This commit fixes an instance where the H1 was duplicated as a result of the work done to componentize our page headings. It also adds an extra check to `client_request` so that we don’t introduce pages with multiple or no H1s in the future.
84 lines
3.4 KiB
HTML
84 lines
3.4 KiB
HTML
{% macro folder_path(
|
||
folders,
|
||
service_id,
|
||
template_type,
|
||
current_user,
|
||
link_current_item=False,
|
||
root_element='h1'
|
||
) %}
|
||
<{{ root_element }} class="heading-medium folder-heading">
|
||
{% for folder in folders %}
|
||
{% if loop.last and not link_current_item %}
|
||
{% if folder.template_type or not folder.id %}
|
||
<span class="folder-heading-template">{{ folder.name }}</span>
|
||
{% else %}
|
||
<span class="folder-heading-folder">{{ folder.name }}</span>
|
||
{% endif %}
|
||
{% else %}
|
||
{% if folder.id %}
|
||
{% if current_user.has_template_folder_permission(folder) %}
|
||
<a href="{{ url_for('.choose_template', service_id=service_id, template_type=template_type, template_folder_id=folder.id) }}" class="folder-heading-folder {% if loop.index < (loop.length - 1) %}folder-heading-folder-truncated{% endif %}" title="{{ folder.name }}">{{ folder.name }}</a>
|
||
{% else %}
|
||
<span class="folder-heading-folder">{{ folder.name }}</span>
|
||
{% endif %}
|
||
{% else %}
|
||
<a href="{{ url_for('.choose_template', service_id=service_id, template_type=template_type) }}" title="Templates" class="{% if loop.length > 2 %}folder-heading-folder-root-truncated{% endif %}">Templates</a>
|
||
{% endif %}
|
||
{% if not loop.last %}{{ folder_path_separator() }}{% endif %}
|
||
{% endif %}
|
||
{% endfor %}
|
||
</{{ root_element }}>
|
||
{% endmacro %}
|
||
|
||
|
||
{% macro copy_folder_path(
|
||
folder_path,
|
||
current_service_id,
|
||
from_service,
|
||
current_user
|
||
) %}
|
||
{% if folder_path %}
|
||
<h2 class="heading-medium folder-heading">
|
||
{% if folder_path|length == 1 %}
|
||
<a href="{{ url_for('.choose_template_to_copy', service_id=current_service_id) }}">Services</a>
|
||
{{ folder_path_separator() }}
|
||
{% endif %}
|
||
{% for folder in folder_path %}
|
||
{% if loop.last %}
|
||
<span class="folder-heading-folder">
|
||
{{ folder.name if folder.id else from_service.name }}
|
||
</span>
|
||
{% else %}
|
||
{% if folder.id %}
|
||
{% if current_user.has_template_folder_permission(folder) %}
|
||
<a href="{{ url_for('.choose_template_to_copy', service_id=current_service_id, from_service=from_service.id, from_folder=folder.id) }}" class="folder-heading-folder">{{ folder.name }}</a>
|
||
{% else %}
|
||
<span class="folder-heading-folder">{{ folder.name }}</span>
|
||
{% endif %}
|
||
{% if not loop.last %}{{ folder_path_separator() }}{% endif %}
|
||
{% elif folder.parent_id == None %}
|
||
<a href="{{ url_for('.choose_template_to_copy', service_id=current_service_id, from_service=from_service.id, from_folder=folder.id) }}" class="folder-heading-folder">{{ from_service.name }}</a> {% if not loop.last %}{{ folder_path_separator() }}{% endif %}
|
||
{% else %}
|
||
<a href="{{ url_for('.choose_template_to_copy', service_id=current_service_id, from_service=from_service.id) }}">{{ from_service.name }}</a> {% if not loop.last %}{{ folder_path_separator() }}{% endif %}
|
||
{% endif %}
|
||
{% endif %}
|
||
{% endfor %}
|
||
</h2>
|
||
{% endif %}
|
||
{% endmacro %}
|
||
|
||
|
||
{% macro page_title_folder_path(folders) %}
|
||
{% for folder in folders|reverse %}
|
||
{{ folder.name }}
|
||
{% if not loop.last %}
|
||
–
|
||
{% endif %}
|
||
{% endfor %}
|
||
{% endmacro %}
|
||
|
||
|
||
{% macro folder_path_separator() %}
|
||
<span class="folder-heading-separator">/</span>
|
||
{% endmacro %}
|