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 b19ff5b + 264f6bb commit 0219e83
Show file tree
Hide file tree
Showing 13 changed files with 265 additions and 126 deletions.
20 changes: 10 additions & 10 deletions blocks/applyloanform/applyloantemplate.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -125,7 +125,7 @@ export function appplyLoanTemplate() {
<input class="cmp-form-text__text" type="text" id="form-loan-type"
placeholder="${properties.loanTypePlaceholder}" readonly autocomplete="off">
<span class="arrowimage"><img class="lozad"
data-src="/content/dam/piramalfinance/product-page/home-loan/down-arrow.png" alt="arrowimage">
data-src="https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/down-arrow.png" alt="arrowimage">
</span>
</div>
<div class="option-form-parent">
Expand Down Expand Up @@ -183,11 +183,11 @@ export function appplyLoanTemplate() {
<span
class="cmp-form-options__field-description">${properties.firstCheckText}</span>
<img id="" class="icon coloricon lozad"
data-src="/content/dam/piramalfinance/product-page/home-loan/salaried-after-selected-icon.svg
data-src="https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/salaried-after-selected-icon.svg
"
alt="salaried-after-selected-icon">
<img id="" class="icon blackicon lozad"
data-src="/content/dam/piramalfinance/product-page/home-loan/salaried-before-selected-icon.svg"
data-src="https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/salaried-before-selected-icon.svg"
alt="salaried-before-selected-icon">
</div>
Expand All @@ -203,10 +203,10 @@ export function appplyLoanTemplate() {
id="radio-business" name="emplyoment" type="radio">
<span class="cmp-form-options__field-description">${properties.secondCheckText}</span>
<img id="" class="icon coloricon lozad"
data-src="/content/dam/piramalfinance/product-page/home-loan/business-loan-after-selected-icon.svg"
data-src="https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/business-loan-after-selected-icon.svg"
alt="business-loan-after-selected-icon">
<img id="" class="icon blackicon lozad"
data-src=" /content/dam/piramalfinance/product-page/home-loan/business-loan-before-selcted-icon.svg"
data-src="https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/business-loan-before-selcted-icon.svg"
alt="business-loan-before-selcted-icon">
</div>
</label>
Expand All @@ -230,7 +230,7 @@ export function appplyLoanTemplate() {
<input class="cmp-form-text__text dobclass" type="text" placeholder="${properties.datePickerPlaceholder}"
id="loan-form-dob" name="text" maxlength="10" autocomplete="off" data-value-type="date">
<span class="arrowimage dobarrow" id="loan-form-cal-id"><img class="lozad"
data-src="/content/dam/piramalfinance/product-page/home-loan/calendar.png" alt="dobarrow">
data-src="https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/calendar.png" alt="dobarrow">
</span>
<span class="loan-form-err invalid-date-msg">
Expand All @@ -246,7 +246,7 @@ export function appplyLoanTemplate() {
<input class="cmp-form-text__text" type="text" placeholder="${properties.statePlaceholder}" autocomplete="off"
id="form-state" name="text" >
<span class="arrowimage laststate"><img class="lozad"
data-src="/content/dam/piramalfinance/product-page/home-loan/down-arrow.png" alt="arrowimage"></span>
data-src="https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/down-arrow.png" alt="arrowimage"></span>
<span class="loan-form-err">
Enter Valid State
</span>
Expand All @@ -262,7 +262,7 @@ export function appplyLoanTemplate() {
<input class="cmp-form-text__text" type="text"
placeholder="${properties.branchPlaceholder}" id="form-branch-city" name="text" autocomplete="off">
<span class="arrowimage laststate"><img class="lozad"
data-src="/content/dam/piramalfinance/product-page/home-loan/down-arrow.png" alt="arrowimage"></span>
data-src="https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/down-arrow.png" alt="arrowimage"></span>
<span class="loan-form-err">
Enter Valid branch
</span>
Expand Down Expand Up @@ -292,7 +292,7 @@ export function appplyLoanTemplate() {
<div class="loan-form-otp">
<div class="loan-form-otp-parent">
<img class="leftarrow lozad" data-src="/content/dam/piramalfinance/product-page/home-loan/back-arrow.png" alt="arrow">
<img class="leftarrow lozad" data-src="https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/back-arrow.png" alt="arrow">
<p class="otphead">${properties.verifyHead}</p>
<div class="otpsubheadcontainer">
<p class="otpsubhead">Enter the 4 digit OTP sent to <span class="otp-phone-num" id="loan-form-otpnum">7845789658</span></p>
Expand Down Expand Up @@ -358,7 +358,7 @@ export function appplyLoanTemplate() {
<p class="main-heading">${properties.errorhead}</p>
<p class="main-sub-heading">${properties.errorSubhead}</p>
<div class="redbox">
<img class= "alertimg lozad" data-src="/content/dam/piramalfinance/product-page/home-loan/error-warning.svg" alt="error-warning">
<img class= "alertimg lozad" data-src="https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/error-warning.svg" alt="error-warning">
<P>${properties.RedBoxText}</P>
</div>
Expand Down
5 changes: 3 additions & 2 deletions blocks/applyloanform/statemasterapi.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,8 +39,9 @@ function statemasterGetStatesApi() {
// let stateMasterGraphQLQuery = "query MyQuery { statemasterList { items { state, data } } }";

fetchAPI("GET", url)
.then(function (response) {
workFlowStatemaster(response.responseJson.data.statemasterList.items);
.then(async function (response) {
const responseJson = await response.json();
workFlowStatemaster(responseJson.data.statemasterList.items);
})
.catch(function (error) {
console.warn(error);
Expand Down
128 changes: 75 additions & 53 deletions blocks/carousel/carousel.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -306,9 +306,9 @@
}
}

@media screen and (max-width:768px) {
@media screen and (max-width:767.99px) {
.section.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser {
height: 100%;
height: 440px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background {
Expand Down Expand Up @@ -434,80 +434,69 @@
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-one>.background .foreground .text .long-description>p{
margin-top: 20px;
}
.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser.teaser-block-two .foreground {
width: 100%;
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
@media (min-width: 768px) and (max-width: 1024px) {
.section.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser {
height: 440px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background {
padding: 0 16px;
padding-top: 40px;
align-items: start;
background-size: cover;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture img {
max-height: 170px;
max-width: 200px;
padding: 0;
background-size: 100% 100%;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture {
right: 16px;
.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser .foreground,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground {
width: 100%;
min-height: 450px;
padding: 0 16px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .title>h2,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .eyebrow,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five .background .foreground .text .title>h3,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five .background .foreground .text .eyebrow,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six .background .foreground .text .title>h3,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six .background .foreground .text .eyebrow,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .title>h3,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .title>h2,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .eyebrow,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five .background .foreground .text .title>h3,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five .background .foreground .text .eyebrow,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six .background .foreground .text .title>h3,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six .background .foreground .text .eyebrow,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .title>h3,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .eyebrow {
font-size: 24px;
font-size: 1.5rem;
line-height: 32px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .short-description>p,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>em,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>strong,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>p,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-one>.background .foreground .text .long-description>p,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .text .long-description>p {
font-size: 14px;
line-height: 20px;
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>em,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>strong,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>p,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-one>.background .foreground .text .long-description>p,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .text .long-description>p,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.--skyblue>.background .foreground .text .long-description>p {
font-size: .875rem;
line-height: 1rem;
}

.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser .foreground .long-description {
margin-top: 12px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .cta {
margin-top: 24px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .cta>a,
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>p>a {
font-size: 14px;
line-height: 20px;
font-size: .875rem;
line-height: 1.25rem;
padding: 14px 16px;
margin: unset;
}

.section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container {
left: 16px;
bottom: 70px;
gap: 8px;
margin: 0;
}

.section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container>button {
height: 5px;
width: 5px;
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .cta {
margin-top: 24px;
}

.section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container>button.selected {
width: 13px;
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description {
margin-right: 0;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li {
Expand All @@ -527,26 +516,59 @@
line-height: 1.25rem;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text {
padding-top: 40px;
}

.section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container {
left: 12px;
bottom: 40px;
gap: 8px;
}

.section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container>button {
height: 5px;
width: 5px;
}

.section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container>button.selected {
width: 13px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-two>.background .foreground .text .eyebrow {
font-size: 14px;
line-height: 20px;
font-size: .875rem;
line-height: 1rem;
margin-bottom: 12px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture img {
max-height: 170px;
max-width: 200px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture {
right: 16px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-two>.background .front-picture {
bottom: 0;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .cta-image-wrapper {
gap: 12px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .cta-image-wrapper>.cta-image>a img {
height: 30px;
width: 100px;
border-radius: 5px;
border-radius: 2px;
}

.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-one>.background .foreground .text .long-description>p{
margin-top: 20px;
}
.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-two>.background .front-picture {
bottom: 0;
.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser.teaser-block-two .foreground {
width: 50%;
}
}

Expand Down
Loading

0 comments on commit 0219e83

Please sign in to comment.