From ee03753187c418036ea6089b55903d601cf8f8cb Mon Sep 17 00:00:00 2001
From: Tom Byers <tombaromba@gmail.com>
Date: Tue, 9 Jun 2020 16:36:52 +0100
Subject: [PATCH] Make template-list checkbox label text match link

The checkboxes need an accessible name that
identifies the folder/template and this needs to
include their full path to avoid duplication.

There's a lot of debate about how to write out
breadcrumb/path syntax so this just puts all the
words together under the assumption that the
folder naming will describe the path (and to
introduce as little extra semantics as possible
to start with).
---
 .../views/templates/_template_list.html        | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/templates/views/templates/_template_list.html b/app/templates/views/templates/_template_list.html
index 0c7f4125c..f17fcfb07 100644
--- a/app/templates/views/templates/_template_list.html
+++ b/app/templates/views/templates/_template_list.html
@@ -1,12 +1,15 @@
 {% from "components/message-count-label.html" import folder_contents_count, message_count_label %}
 
-{% macro format_item_name(name) -%}
+{% macro format_item_name(name, separators=True) -%}
   {%- if name is string -%}
     {{- name -}}
   {%- else -%}
     {%- for part in name -%}
-      {{- format_item_name(part) -}}
-      {%- if not loop.last %} <span class="message-name-separator"></span> {% endif -%}
+      {{- format_item_name(part, separators) -}}
+      {%- if not loop.last -%}
+        {%- if separators %}
+        <span class="message-name-separator"></span>{%- else %} {% endif -%}
+      {% endif -%}
     {%- endfor -%}
   {% endif %}
 {%- endmacro %}
@@ -33,17 +36,20 @@
         {% endfor %}
         {% if item.is_folder %}
           <a href="{{ url_for('.choose_template', service_id=current_service.id, template_type=template_type, template_folder_id=item.id) }}" class="govuk-link govuk-link--no-visited-state template-list-folder">
-            <span class="live-search-relevant">{{ format_item_name(item.name) }}</span>
+            <span class="live-search-relevant">{{- format_item_name(item.name) -}}</span>
           </a>
         {% else %}
           <a href="{{ url_for('.view_template', service_id=current_service.id, template_id=item.id) }}" class="govuk-link govuk-link--no-visited-state template-list-template">
-            <span class="live-search-relevant">{{ format_item_name(item.name) }}</span>
+            <span class="live-search-relevant">{{- format_item_name(item.name) -}}</span>
           </a>
         {% endif %}
       {% endset %}
 
       {% set label_content %}
-        <span class="govuk-visually-hidden">{{ format_item_name(item.name) }}</span>
+        <span class="govuk-visually-hidden">
+          {%- for ancestor in item.ancestors %}{{ format_item_name(ancestor.name, separators=False) }} {% endfor -%}
+          {{ format_item_name(item.name, separators=False) -}}
+        </span>
       {% endset %}
 
       {% set item_meta %}