Minor changes wrt to agent about block

hlxsites · Jun 8, 2024 · 705d6a6 · 705d6a6
1 parent 29524d6
commit 705d6a6
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 5 deletions.
diff --git a/blocks/agent-about/agent-about.css b/blocks/agent-about/agent-about.css
@@ -20,6 +20,7 @@
   display: inline-block;
   margin-top: 1rem;
   text-decoration: underline;
+  font-size: var(--body-font-size-xs);
 }
 
 .agent-about.block a.view-more::after {
@@ -33,7 +34,7 @@
 .agent-about.block>div.cols-1,
 .agent-about.block>div.cols-2,
 .agent-about.block>div.cols-3 {
-  padding-bottom: 1rem;
+  padding-bottom: 2rem;
 }
 
 .agent-about.block>div>div:first-of-type {

diff --git a/blocks/agent-about/agent-about.js b/blocks/agent-about/agent-about.js
@@ -1,3 +1,4 @@
+import { getMetadata } from '../../scripts/aem.js';
 import {
   a, div, ul, li,
 } from '../../scripts/dom-helpers.js';
@@ -18,7 +19,23 @@ const viewMoreOnClick = (name, anchor, block) => {
   });
 };
 
+const getCol = (list, colText) => {
+  const colsUl = ul();
+  list.split(',').forEach((x) => {
+    colsUl.append(li(x.trim()));
+  });
+  return div(div(colText), div(colsUl));
+};
+
 export default function decorate(block) {
+  const aboutText = getMetadata('about');
+  const accreditations = getMetadata('professional-accreditations');
+  const languages = getMetadata('languages');
+
+  block.replaceChildren(div(div('About'), div(aboutText)),
+    getCol(accreditations, 'Professional Accreditations'),
+    getCol(languages, 'Languages'));
+
   const children = [...block.children];
   if (children?.length) {
     children.forEach((child, index) => {
@@ -43,10 +60,10 @@ export default function decorate(block) {
 
         if (liItems.length > threshold) {
           child.children[1].classList.add('hide');
-          const tempUl = ul({ });
+          const tempUl = ul();
           Array.from(child.children[1].querySelectorAll('li'))
             .slice(0, threshold).forEach((liItem) => {
-              const tempLi = li({}, liItem.textContent);
+              const tempLi = li(liItem.textContent);
               tempUl.append(tempLi);
             });
 

diff --git a/blocks/agent-transactions/agent-transactions.js b/blocks/agent-transactions/agent-transactions.js
@@ -78,8 +78,8 @@ export default async function decorate(block) {
     trBody.appendChild(trElement);
   });
 
-  const tableElement = table({}, thead({}, theadTr), trBody);
-  const heading1 = h1({}, 'Closed Transactions');
+  const tableElement = table(thead(theadTr), trBody);
+  const heading1 = h1('Closed Transactions');
   const anchor = a({ class: 'show-more' });
   anchor.addEventListener('click', () => {
     if (anchor.classList.contains('show-more')) {