Merge branch 'main' into communities

hlxsites · Jul 30, 2024 · 4b80d29 · 4b80d29
2 parents 7149d8f + 66543f1
commit 4b80d29
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 7 deletions.
diff --git a/blocks/agent-testimonials/agent-testimonials.js b/blocks/agent-testimonials/agent-testimonials.js
@@ -44,7 +44,7 @@ export default function decorate(block) {
     });
   };
 
-  const externalID = getMetadata('externalid');
+  const externalID = getMetadata('id');
   fetch(`https://testimonialtree.com/Widgets/jsonFeed.aspx?widgetid=45133&externalID=${externalID}`)
     .then((response) => response.json())
     .then((data) => {

diff --git a/scripts/util.js b/scripts/util.js
@@ -1,9 +1,5 @@
-import { fetchPlaceholders } from './aem.js';
-import {
-  div,
-  img,
-  domEl,
-} from './dom-helpers.js';
+import { fetchPlaceholders, loadCSS } from './aem.js';
+import { div, img, domEl } from './dom-helpers.js';
 
 /**
  * Creates the standard Spinner Div.
@@ -193,6 +189,27 @@ export function phoneFormat(num) {
   return phoneNum;
 }
 
+export const getDesign = (designType, defaultDesign, design1, design2, design3, design4, design5) => {
+  switch (designType.toLowerCase()) {
+    case 'design-1':
+      return design1;
+    case 'design-2':
+      return design2;
+    case 'design-3':
+      return design3;
+    case 'design-4':
+      return design4;
+    case 'design-5':
+      return design5;
+    default:
+      return defaultDesign;
+  }
+};
+
+export const loadTemplateCSS = (blockName, designType) => {
+  loadCSS(`${window.hlx.codeBasePath}/blocks/${blockName}/${designType.toLowerCase()}.css`);
+};
+
 export const getLoader = (className) => div({ class: `${className}-loader` },
   div({ class: 'animation' },
     domEl('picture', img({ src: '/styles/images/loading.png' })),
@@ -206,6 +223,8 @@ const Util = {
   i18nLookup,
   getEnvType,
   getCookieValue,
+  getDesign,
+  loadTemplateCSS,
   getLoader,
 };