Merge branch 'main' of https://github.com/WWWPiramalFinanceCOM/pirama…

…lfinance

blocks/boards/boards.js

@@ -19,16 +19,16 @@ export default async function decorate(block) {
   const tbody = document.createElement('tbody');
 
   const header = !block.classList.contains('no-header');
-  if (header) table.append(thead);
+  // if (header) table.append(thead);
   table.append(tbody);
 
   [...block.children].forEach((child, i) => {
     const row = document.createElement('tr');
     // if (header && i === 0) thead.append(row);
     // else 
     tbody.append(row);
-    // [...child.children].forEach((col) => {
     [...child.firstElementChild?.firstElementChild?.children]?.forEach((col) => {
+    // [...child.children].forEach((col) => {
       const cell = buildCell(header ? i : i + 1);
       if (col.innerHTML.includes('img') && col.textContent.trim()) {
         col.remove();

blocks/carousel/embed-banner-carousel.css

@@ -244,7 +244,8 @@
 
 @media (min-width:1025px) and (max-width:1300px) {
   .section.banner-carousel-wrapper.banner-video-carousel .carousel-wrapper .teaser.block.video-component-carousel .background {
-    /* height: 380px; */
+    height: 529px;
+    min-height: 529px;
     background-size: cover;
     background-position: center top;
   }
@@ -265,11 +266,11 @@
     padding: 0 14px;
   }
 
-  .sectio .carousel-wrapper .teaser.blockn.video-component-carousel .background .foreground,
-  .sectio .carousel-wrapper .teaser.blockn.video-component-carousel {
-    min-height: 380px;
-    height: 380px;
-  }
+  /* .section .carousel-wrapper .teaser.block.video-component-carousel .background .foreground,
+  .section .carousel-wrapper .teaser.block.video-component-carousel {
+    height: 529px;
+    min-height: 529px;
+  } */
   .section.banner-carousel-wrapper.banner-video-carousel .carousel-wrapper .teaser.block.video-component-carousel.teaser .background .foreground{
     margin: calc((100% - 1025px) / 2);
   }

blocks/code/code.js

@@ -3,7 +3,9 @@ import { mobileHeaderAnalytics } from "./code-analytics.js";
 
 export default async function decorate(block) {
     block.innerHTML = await decoratePlaceholder(block);
-
+    if(block.classList.add('table')){
+        decorateTable(block)
+    }
     const titleData = block.children[0]?.querySelector('p')?.textContent.trim() || '';
     block.innerHTML = '';
     if (titleData) {

blocks/code/table.js

@@ -0,0 +1,53 @@
+/*
+ * Table Block
+ * Recreate a table
+ * https://www.hlx.live/developer/block-collection/table
+ */
+
+function buildCell(rowIndex) {
+    const cell = rowIndex ? document.createElement('td') : document.createElement('th');
+    if (!rowIndex) cell.setAttribute('scope', 'col');
+    return cell;
+}
+
+export function decorateTable(block) {
+    block.classList.add('code');
+    block.parentElement.classList.add('code-wrapper');
+    const table = document.createElement('table');
+    const div = document.createElement('div');
+    const thead = document.createElement('thead');
+    const tbody = document.createElement('tbody');
+
+    const header = !block.classList.contains('no-header');
+    // if (header) table.append(thead);
+    table.append(tbody);
+
+    [...block.children].forEach((child, i) => {
+        const row = document.createElement('tr');
+        // if (header && i === 0) thead.append(row);
+        // else 
+        tbody.append(row);
+        [...child.firstElementChild?.firstElementChild?.children]?.forEach((col) => {
+            // [...child.children].forEach((col) => {
+            const cell = buildCell(header ? i : i + 1);
+            if (col.innerHTML.includes('img') && col.textContent.trim()) {
+                col.remove();
+                const p = document.createElement('p');
+                const span = document.createElement('span');
+                span.append(col.textContent.trim());
+                p.append(col.querySelector('img'))
+                p.append(span)
+                cell.append(p);
+            } else if (col.innerHTML.includes('img')) {
+                col.remove();
+                cell.append(col.querySelector('img'));
+            } else {
+                cell.innerHTML = col.innerHTML;
+            }
+            row.append(cell);
+        });
+    });
+    block.innerHTML = '';
+    div.append(table);
+    block.append(div);
+}

blocks/columns/columns.js

@@ -2,9 +2,13 @@ import { decorateViewMore } from "../../scripts/scripts.js";
 import { statemasterGetStatesApi } from '../applyloanform/statemasterapi.js';
 import { validationJSFunc } from '../applyloanform/validation.js';
 import { formOpen } from '../applyloanform/applyloanforms.js';
-
+import decorateTable from "../boards/boards.js";
 
 export default function decorate(block) {
+  if (block.classList.contains('table')) {
+    decorateTable(block);
+    return block;
+  }
   decorateViewMore(block);
   const cols = [...block.firstElementChild.children];
   block.classList.add(`columns-${cols.length}-cols`);
@@ -31,16 +35,16 @@ export default function decorate(block) {
 }
 
 
-function openFormColumn(block){
-    var sectionBlock = block.closest(".section");
-    if(sectionBlock.classList.contains('open-form-on-click-column')){
-      sectionBlock.querySelector('.open-form-on-click-column .columns-wrapper').querySelectorAll('.button-container').forEach(function (eachApplyFormClick) {
-        eachApplyFormClick.addEventListener('click', async (e) => {
-          statemasterGetStatesApi();
-          validationJSFunc();
-          formOpen();
-          e.preventDefault();
-        });
+function openFormColumn(block) {
+  var sectionBlock = block.closest(".section");
+  if (sectionBlock.classList.contains('open-form-on-click-column')) {
+    sectionBlock.querySelector('.open-form-on-click-column .columns-wrapper').querySelectorAll('.button-container').forEach(function (eachApplyFormClick) {
+      eachApplyFormClick.addEventListener('click', async (e) => {
+        statemasterGetStatesApi();
+        validationJSFunc();
+        formOpen();
+        e.preventDefault();
       });
-    }
+    });
+  }
 }

component-models.json

@@ -16,6 +16,11 @@
         "component": "text",
         "name": "theme",
         "label": "Theme"
+      },
+      {
+        "component": "text",
+        "name": "twitter-title",
+        "label": "Twitter Title"
       }
     ]
   },
@@ -133,6 +138,23 @@
   {
     "id": "columns",
     "fields": [
+      {
+        "component": "multiselect",
+        "name": "classes",
+        "label": "Style",
+        "valueType": "string",
+        "options": [
+          {
+            "name": "Type",
+            "children": [
+              {
+                "name": "Table",
+                "value": "table"
+              }
+            ]
+          }
+        ]
+      },
       {
         "component": "text",
         "valueType": "number",
@@ -2173,6 +2195,23 @@
   {
     "id": "code",
     "fields": [
+      {
+        "component": "multiselect",
+        "name": "classes",
+        "label": "Style",
+        "valueType": "string",
+        "options": [
+          {
+            "name": "Type",
+            "children": [
+              {
+                "name": "Table",
+                "value": "table"
+              }
+            ]
+          }
+        ]
+      },
       {
         "component": "text-area",
         "valueType": "string",
@@ -2826,4 +2865,4 @@
       }
     ]
   }
-]
+]

scripts/scripts.js

@@ -779,6 +779,7 @@ async function loadingCustomCss() {
     `${window.hlx.codeBasePath}/styles/e-nach-registration/e-nach-registration.css`,
     `${window.hlx.codeBasePath}/styles/support-faq/support-faq.css`,
     `${window.hlx.codeBasePath}/styles/embed-carousel-wrapper/embed-carousel-wrapper.css`,
+    `${window.hlx.codeBasePath}/styles/fixed-headset/fixed-headset.css`,
   ];
 
   loadCssArray.forEach(async (eachCss) => {