allow tag list to output links for tags that have url attribute.

aem-design · Jun 5, 2021 · 2ccb376 · 2ccb376
1 parent 6ab8117
commit 2ccb376
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/...t/apps/aemdesign/components/details/generic-details/v1/generic-details/field/taglist.html b/...t/apps/aemdesign/components/details/generic-details/v1/generic-details/field/taglist.html
@@ -1,11 +1,18 @@
 <template data-sly-template.field="${@ componentProperties}">
-    <div data-sly-test="${componentProperties.category}"
-         class="card-taglist">
-        <ul data-sly-list.tag="${componentProperties.category}"
-            class="taglist">
-            <li data-sly-test="${componentProperties.category[tag]}"
-                class="taglist__item"
-                id="${componentProperties.category[tag].value @ context='attribute'}">${componentProperties.category[tag].title @ context='text'}</li>
-        </ul>
-    </div>
+  <div data-sly-test="${componentProperties.category}"
+       class="card-taglist">
+    <ul data-sly-list.tag="${componentProperties.category}"
+        class="taglist">
+      <li data-sly-test="${componentProperties.category[tag] && componentProperties.category[tag].url == ''}"
+          class="taglist__item"
+          id="${componentProperties.category[tag].value @ context='attribute'}">${componentProperties.category[tag].title @ context='text'}</li>
+      <li data-sly-test="${componentProperties.category[tag] && componentProperties.category[tag].url != ''}"
+          class="taglist__item"
+          id="${componentProperties.category[tag].value @ context='attribute'}">
+        <a href="${componentProperties.category[tag].url @ context='attribute'}"
+           title="${componentProperties.category[tag].title @ context='attribute'}"
+          >${componentProperties.category[tag].title @ context='text'}</a>
+      </li>
+    </ul>
+  </div>
 </template>