From 0ffd539b88ef28844db148a5a0be47149b628a74 Mon Sep 17 00:00:00 2001
From: Zubair Slamdien <zubair.slamdien@kineo.co.za>
Date: Fri, 3 May 2024 10:13:45 +0200
Subject: [PATCH] Required and optional labels added

---
 templates/boxMenuItem.hbs | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/templates/boxMenuItem.hbs b/templates/boxMenuItem.hbs
index 145f44a..d198cd8 100644
--- a/templates/boxMenuItem.hbs
+++ b/templates/boxMenuItem.hbs
@@ -27,6 +27,14 @@
       </div>
       {{/if}}
 
+      {{#all _globals._accessibility._ariaLabels.optional _globals._accessibility._ariaLabels.required}}
+        <div class='menu-item__priority boxmenu-item__priority' aria-hidden="true">
+            <span class="label">
+              {{#if _isOptional}}{{{_globals._accessibility._ariaLabels.optional}}}{{else}}{{{_globals._accessibility._ariaLabels.required}}}{{/if}}
+            </span>
+        </div>
+      {{/all}}
+
       {{#if duration}}
       <div class="menu-item__duration boxmenu-item__duration">
         <div class="menu-item__duration-inner boxmenu-item__duration-inner">
@@ -40,7 +48,7 @@
       </div>
 
       <div class="menu-item__button-container boxmenu-item__button-container">
-        <button class="btn-text menu-item__button boxmenu-item__button js-btn-click{{#if _isVisited}} is-visited{{/if}}{{#if _isLocked}} is-locked{{/if}}" aria-label="{{#if _isComplete}}{{_globals._accessibility._ariaLabels.complete}}. {{else _isVisited}}{{_globals._accessibility._ariaLabels.visited}}. {{/if}}{{#if _isLocked}}{{_globals._accessibility._ariaLabels.locked}}. {{else}}{{linkText}} {{/if}}{{title}}. {{{compile _globals._menu._boxMenu.itemCount}}}.{{#if _isOptional}} {{_globals._accessibility._ariaLabels.optional}}{{/if}}"{{#if _isLocked}} aria-disabled="true"{{/if}} role="link">
+        <button class="btn-text menu-item__button boxmenu-item__button js-btn-click{{#if _isVisited}} is-visited{{/if}}{{#if _isLocked}} is-locked{{/if}}" aria-label="{{#if _isComplete}}{{_globals._accessibility._ariaLabels.complete}}. {{else _isVisited}}{{_globals._accessibility._ariaLabels.visited}}. {{/if}}{{#if _isLocked}}{{_globals._accessibility._ariaLabels.locked}}. {{else}}{{linkText}} {{/if}}{{title}}. {{{compile _globals._menu._boxMenu.itemCount}}}.{{#if _isOptional}} {{_globals._accessibility._ariaLabels.optional}}{{else}} {{_globals._accessibility._ariaLabels.required}}{{/if}}"{{#if _isLocked}} aria-disabled="true"{{/if}} role="link">
           {{{linkText}}}
         </button>