calculator ui in progress

blocks/accordion/accordion.js

@@ -1,16 +1,26 @@
+import { fetchAPI } from "../../scripts/scripts.js";
+
 /* this function also gets called by accordion-group */
 export function generateAccordionDOM(block) {
   const details = document.createElement("details");
   const summary = document.createElement("summary");
   details.append(summary);
-  Array.from(block.children).forEach((element, i) => {
+  Array.from(block.children).forEach(async (element, i) => {
     if (i === 0) {
-      const heading = element.querySelector("h2,h3,h4,h5,h6");
+      // const heading = element.querySelector("h2,h3,h4,h5,h6");
+      const heading = element;
       summary.append(heading || element.textContent.trim());
     } else {
-       const elementText = element.innerHTML;
-       var elementDiv = document.createElement("div");
-       elementDiv.innerHTML = elementText;
+      const url = element.innerText.trim();
+      const isurl = url.includes(".json");
+      if (isurl) {
+        const data = await renderDataFromAPI(url);
+        details += data;
+        return
+      }
+      const elementText = element.innerHTML;
+      var elementDiv = document.createElement("div");
+      elementDiv.innerHTML = elementText;
       details.append(elementDiv);
     }
   });
@@ -23,4 +33,10 @@ export default function decorate(block) {
   block.append(dom);
 }
 
+async function renderDataFromAPI(url) {
+  const resp = await fetchAPI("GET", url);
+  const data = await resp.json();
+  return data;
+}
+
 

paths.json

@@ -1,6 +1,6 @@
 {
   "mappings": [
-    "/content/piramalfinance-eds/:/", 
+    "/content/piramalfinance-eds/:/",
     "/content/piramalfinance-eds/redirects:/redirects.json",
     "/content/piramalfinance-eds/cust-testimonial:/cust-testimonial.json",
     "/content/piramalfinance-eds/home-emi-calc:/home-emi-calc.json",
@@ -9,8 +9,9 @@
     "/content/piramalfinance-eds/home-loan-cities:/home-loan-cities.json",
     "/content/piramalfinance-eds/personal-loan-city:/personal-loan-city.json",
     "/content/piramalfinance-eds/bussiness-loan-city:/bussiness-loan-city.json",
+    "/content/piramalfinance-eds/document-required:/document-required.json",
     "/content/piramalfinance-eds/placeholder:/placeholder.json",
     "/content/piramalfinance-eds/ph:/ph.json",
     "/content/piramalfinance-eds/test:/test.json"
   ]
-}
+}

scripts/scripts.js

@@ -85,6 +85,7 @@ export function fetchAPI(method, url, data) {
         resolve({ responseJson: json });
       }
     } catch (error) {
+      console.warn(error);
       reject(error);
     }
   });