Add clazz

janfaracik · Feb 10, 2024 · 1c19e43 · 1c19e43
1 parent 8b944e9
commit 1c19e43
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/core/src/main/resources/lib/layout/dropdowns/item.jelly b/core/src/main/resources/lib/layout/dropdowns/item.jelly
@@ -37,6 +37,9 @@ THE SOFTWARE.
         <st:attribute name="href">
             Optional HREF for the menu item
         </st:attribute>
+        <st:attribute name="clazz">
+            Optional class for the menu item
+        </st:attribute>
     </st:documentation>
 
     <j:set var="icon">
@@ -48,5 +51,6 @@ THE SOFTWARE.
               data-dropdown-icon="${icon}"
               data-dropdown-text="${attrs.text}"
               data-dropdown-href="${attrs.href}"
+              data-dropdown-clazz="${attrs.clazz}"
     />
 </j:jelly>
diff --git a/war/src/main/js/components/dropdowns/templates.js b/war/src/main/js/components/dropdowns/templates.js
@@ -45,7 +45,7 @@ function menuItem(options) {
   const tag = itemOptions.type === "link" ? "a" : "button";
 
   const item = createElementFromHtml(`
-      <${tag} class="jenkins-dropdown__item" href="${itemOptions.url}" id="${itemOptions.id}">
+      <${tag} class="jenkins-dropdown__item ${itemOptions.clazz ? itemOptions.clazz : ''}" href="${itemOptions.url}" id="${itemOptions.id}">
           ${
             itemOptions.icon
               ? `<div class="jenkins-dropdown__item__icon">${

diff --git a/war/src/main/js/components/dropdowns/utils.js b/war/src/main/js/components/dropdowns/utils.js
@@ -153,6 +153,7 @@ function convertHtmlToItems(children) {
           id: attributes.dropdownId,
           icon: attributes.dropdownIcon,
           iconXml: attributes.dropdownIcon,
+          clazz: attributes.dropdownClazz,
         };
 
         if (attributes.dropdownHref) {