Skip to content

Commit

Permalink
Merge branch 'main' of github.com:WWWPiramalFinanceCOM/piramalfinance
Browse files Browse the repository at this point in the history
  • Loading branch information
@omprakashgupta1995
omprakashgupta1995 committed Jul 3, 2024
2 parents b0b643c + 9874fd3 commit 58cd6d6
Show file tree
Hide file tree
Showing 9 changed files with 369 additions and 125 deletions.
3 changes: 2 additions & 1 deletion blocks/eligibilitycalculator/eligibilitycalculator.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -204,7 +204,8 @@ export function eligibilityCalculatorCallXf() {
findSectionXFShow.querySelector(".eligibilitycalculator-wrapper").querySelector(".overlayDiv").classList.add("show");
if (xfGetAttr == "homepage-eligibility-calculator-call-xf") {
findSectionXFShow.classList.remove("dp-none");
document.querySelector("body").classList.add("overlay-active");
document.querySelector(".modal-overlay").classList.add("overlay");
document.querySelector(".modal-overlay").classList.remove("dp-none");
calculatorType = "eligibility";
elgOverlay.classList.add("show");
// overlay.classList.add("show");
Expand Down
190 changes: 113 additions & 77 deletions blocks/header/header.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -896,33 +896,46 @@ header nav .nav-sections .default-content-wrapper > ul > li > ul::before {
width: 100%;
}

.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(1),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(2),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(3),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(4),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(4) li:nth-child(1),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(4) li:nth-child(2),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(4) li:nth-child(3),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(4) li:nth-child(4),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(1),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(2),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(3),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(4),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(1),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(2),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(3),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(4),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(1),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(2),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(3),
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(4){
border-bottom: 1px solid #e6e6e6;
margin: unset;
display: flex;
flex-direction: column;
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(4) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(3) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(2) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(1) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(4) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(3) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(2) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(1) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(4) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(3) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(2) > span,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(1) > span{
position: relative;
border-bottom: 1px solid #e6e6e6;
}
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(4) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(3) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(2) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(1) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(4) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(3) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(2) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(1) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(4) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(3) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(2) > span::after,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(1) > span::after{
position: absolute;
content: '';
border: 1px solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3.5px;
margin-top: -3px;
transform: rotate(45deg);
right: 3px;
top: 24px;
transition: transform .3s linear;
display: inline;
}

.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(1).active span,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(2).active span,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(3).active span,
Expand All @@ -944,6 +957,7 @@ header nav .nav-sections .default-content-wrapper > ul > li > ul::before {
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(3).active span,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(4).active span{
color: #f26841;
border-bottom: unset;
}

.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(1) span,
Expand Down Expand Up @@ -977,56 +991,21 @@ header nav .nav-sections .default-content-wrapper > ul > li > ul::before {
gap: 8px;
}

.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(1)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(2)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(3)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(4)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(4) li:nth-child(3)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(1)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(2)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(3)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(4)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(1)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(2)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(3)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(4)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(1)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(2)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(3)::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(4)::after{
position: absolute;
content: '';
border: 1px solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3.5px;
margin-top: -3px;
transform: rotate(45deg);
right: 3px;
top: 24px;
transition: transform .3s linear;
display: inline;
}
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(1).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(2).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(3).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(4).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(4) li:nth-child(3).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(1).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(2).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(3).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(3) li:nth-child(4).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(1).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(2).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(3).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(4).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(1).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(2).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(3).active::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(1) li:nth-child(4).active::after{
/* transform: rotate(225deg);
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(1).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(2).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(3).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) li:nth-child(4).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(4) li:nth-child(1).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(4) li:nth-child(2).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(4) li:nth-child(3).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(4) li:nth-child(4).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(1).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(2).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(3).active span::after,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(2) li:nth-child(4).active span::after{
transform: rotate(225deg);
border: 1px solid #f26841;
border-width: 0 2px 2px 0; */
border-width: 0 2px 2px 0;
}
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) > li:nth-child(1) > ul,
.section.mobile-view-header .code-wrapper .code div div ul:nth-child(6) > li:nth-child(2) > ul,
Expand Down Expand Up @@ -1060,13 +1039,26 @@ header nav .nav-sections .default-content-wrapper > ul > li > ul::before {
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(3) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(4) > ul li{
border-bottom: unset;
padding: 0 0 16px;
position: unset;
color: #212529;
padding-left: 5px;
margin-bottom: 16px;
}
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(4) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(3) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(2) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(1) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(4) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(3) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(2) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(1) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(4) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(3) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(2) > ul li,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(1) > ul li{
font-family: Nunito-Regular, sans-serif;
font-size: 14px;
line-height: 20px;
padding-left: 5px;
color: #212529;
}
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(1) > span{
position: relative;
Expand All @@ -1091,6 +1083,50 @@ header nav .nav-sections .default-content-wrapper > ul > li > ul::before {
left: 8%;
bottom: 32%;
}

.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(4) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(3) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(2) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(6) > li:nth-child(1) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(4) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(3) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(2) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(4) > li:nth-child(1) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(4) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(3) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(2) > span > img,
.section.mobile-view-header .code-wrapper .code div > div > ul:nth-child(2) > li:nth-child(1) > span > img{
width: 18px;
height: 18px;
}
/* playstore img banner */
.section.mobile-view-header .header-mobile-app-store{
background: linear-gradient(333.16deg, #fef0ec -4.71%, #ebeef0 116.99%);
border-radius: 15.7755px;
margin: 16px auto 144px;
max-width: 328px;
padding: 24px 36px;
}
.section.mobile-view-header .header-mobile-app-store p{
color: #212529;
font-family: Nunito-Bold, sans-serif;
font-size: 14px;
line-height: 20px;
margin: unset;
margin-bottom: 12px;
text-align: center;
}
.section.mobile-view-header .header-mobile-img-wrapper{
display: flex;
flex-direction: row;
gap: 16px;
justify-content: center;
}
.section.mobile-view-header .header-mobile-img-wrapper img{
border-radius: 5px;
height: 36px;
width: 122px;
}
}


Expand Down
8 changes: 4 additions & 4 deletions blocks/header/header.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,7 +143,7 @@ export default async function decorate(block) {
</button>`;
hamburger.addEventListener('click', (e) => {
toggleMenu(nav, navSections)
hamburgerHandler(e);
hamburgerHandler();
});
nav.prepend(hamburger);
nav.setAttribute('aria-expanded', 'false');
Expand Down Expand Up @@ -210,10 +210,10 @@ function clickToShowMobileNavDropDown(){
})
}

function hamburgerHandler(e){
if(e.target.parentNode.getAttribute('aria-label') == "Close navigation"){
function hamburgerHandler(){
if(document.querySelector('.nav-hamburger').querySelector('[aria-label]').ariaLabel.toLowerCase() == "close navigation"){
document.querySelector('.section.mobile-view-header').style.display = 'block';
}else if(e.target.parentNode.getAttribute('aria-label') == "Open navigation"){
}else if(document.querySelector('.nav-hamburger').querySelector('[aria-label]').ariaLabel.toLowerCase() == "open navigation"){
document.querySelector('.section.mobile-view-header').style.display = 'none';
}
}
3 changes: 2 additions & 1 deletion blocks/homeloancalculator/homeloancalculator.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -181,7 +181,8 @@ export function homeLoancalculatorCallXf() {
findSectionXFShow.classList.remove("dp-none"); // look
calculatorType = "emi";
emiOverlay.classList.add("show");
document.querySelector("body").classList.add("overlay-active");
document.querySelector(".modal-overlay").classList.add("overlay");
document.querySelector(".modal-overlay").classList.remove("dp-none");
// overlay.classList.add("show");
document.body.style.overflow = "hidden";
homeLoanCalcFunc(currentSection);
Expand Down
7 changes: 5 additions & 2 deletions blocks/teaserv2/teaserv2.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ export default function decorate(block) {
}

function renderTeaserHTMLFactory(props) {
const [mainHref, bgImage, frontImage, title, description, mobileDescription, button, buttonHref, bgColor, teaserv2Attr] = props;
const [mainHref, bgImage, frontImage, title, description, mobileDescription, button, buttonHref, bgColor, teaserv2Attr, textwithinnerhtml] = props;

const createElement = (tag, className, content) => {
const element = document.createElement(tag);
Expand Down Expand Up @@ -41,7 +41,10 @@ function renderTeaserHTMLFactory(props) {
newButtonTag = createElement("div", "button-container-text", button?.textContent.trim() || "");
}

bgImageDiv.append(frontImageDiv, titleDiv, descriptionDiv, newButtonTag);
const textwithDiv = document.createElement("div");
textwithDiv.innerHTML = textwithinnerhtml?.innerHTML || "";

bgImageDiv.append(frontImageDiv, titleDiv, descriptionDiv, newButtonTag, textwithDiv);

const teaserv2AttrGet = teaserv2Attr?.textContent?.trim() || "";
teaserv2Attr.closest(".teaserv2-wrapper").setAttribute("data-teaserv2-xf", teaserv2AttrGet);
Expand Down
Loading

0 comments on commit 58cd6d6

Please sign in to comment.