fix: autogenerate footer links with aria-current attribute if necessary

webapp/templates/app_base.html.twig

@@ -66,7 +66,13 @@
            margin: 0 auto;
        }
 
-   </style>
+
+       footer#page_footer nav > ul > li > a[aria-current='page'] {
+           color: black;
+       }
+
+
+       </style>
 {% endcspstyle %}
 
 

webapp/templates/app_base_footer.html.twig

+{%
+    set footerMainNavLinks = {
+        'page_footer_link_home': {
+            'route': 'app_home_i18n',
+            'i18nKey': 'public.footer.link.home'
+        },
+        'page_footer_link_contact': {
+            'route': 'app_page_contact',
+            'i18nKey': 'public.footer.link.contact'
+        },
+        'page_footer_link_about': {
+            'route': 'app_page_about',
+            'i18nKey': 'public.footer.link.about'
+        },
+        'page_footer_link_legal': {
+            'route': 'app_page_legal',
+            'i18nKey': 'public.footer.link.legal'
+        },
+        'page_footer_link_accessibility': {
+            'route': 'app_page_accessibility',
+            'i18nKey': 'public.footer.link.accessibility'
+        },
+        'page_footer_link_opendata': {
+            'route': 'app_page_opendata',
+            'i18nKey': 'public.footer.link.open-data',
+            'title': 'Open data - Données ouvertes du Comptoir du Libre'
+        },
+    }
+%}
 
 <footer id="page_footer" class="border-top mt-5 pt-2 ">
     <nav>
         <ul>
-            <li>
-                <a id="page_footer_link_home"
-                   href="{{ path('app_home_i18n') }}">{{ 'public.footer.link.home'|trans }}</a>
-            </li>
-            <li>
-                <a id="page_footer_link_contact"
-                   href="{{ path('app_page_contact') }}">{{ 'public.footer.link.contact'|trans }}</a>
-            </li>
-            <li>
-                <a id="page_footer_link_about"
-                   href="{{ path('app_page_about') }}">{{ 'public.footer.link.about'|trans }}</a>
-            </li>
-            <li>
-                <a id="page_footer_link_legal"
-                   href="{{ path('app_page_legal') }}">{{ 'public.footer.link.legal'|trans }}</a>
-            </li>
-            <li>
-                <a id="page_footer_link_accessibility"
-                   href="{{ path('app_page_accessibility') }}">{{ 'public.footer.link.accessibility'|trans }}</a>
-            </li>
-            {#  <li><a href="/fr/pages/accessibility" aria-current="page">Accessibilité : non conforme</a> </li>#}
-            <li>
-                <a id="page_footer_link_opendata"
-                   href="{{ path('app_page_opendata') }}"
-                   title="Open data - Données ouvertes du Comptoir du Libre">{{ 'public.footer.link.open-data'|trans }}</a>
-            </li>
+            {%  set currentRoute = app.request.attributes.get("_route") %}
+            {% for key, linkData in footerMainNavLinks %}
+                {% set ariaCurrentAttr = (currentRoute == linkData.route) ? 'aria-current="page"' : '' %}
+                <li>
+                    <a id="{{ key }}" {{ ariaCurrentAttr|raw }}
+                       href="{{ path(linkData.route) }}">{{ linkData.i18nKey|trans }}</a>
+                </li>
+            {% endfor %}
         </ul>
     </nav>
 </footer>