victor_souza/m3-academy-template-checkout-victor_souza
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'feat(paymente):Adicionando estilo no payment' (#2) from feature/payment into main

Browse Source 
Reviewed-on: #2
This commit is contained in:
Victor Cardoso de Souza 2022-12-26 15:14:57 +00:00
commit 5c6db27fe4
3 changed files with 67 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
checkout/src/arquivos/js/components/Footer.js
View File

@ -10,15 +10,16 @@ export default class Footer {
this.addProductShelf(); this.addProductShelf();
this.addIconsFooter(); this.addIconsFooter();
this.addIconPayment(); this.addIconPayment();
this.onUpdate();
this.changeText();
this.addCarrossel(); this.addCarrossel();
// this.onUpdate(); window.addEventListener("hashchange", () => {
// window.addEventListener("hashchange", () => { const isCartRouter = window.location.hash === "#/cart";
// const isCartRouter = window.location.hash === "#/cart"; if (!isCartRouter) {
// if (!isCartRouter) { document.querySelector(".containerCarousel").style.display = "none";
// document.querySelector(".containerCarousel").style.display = "none"; document.querySelector(".title-footer").style.display = "none";
// document.querySelector(".title-footer").style.display = "none"; }
// } });
// });
} }
async selectors() { async selectors() {
@ -28,6 +29,8 @@ export default class Footer {
this.footerStamps = await waitElement(".footerCheckout__stamps"); this.footerStamps = await waitElement(".footerCheckout__stamps");
this.checkoutVazio = await waitElement(".empty-cart-content"); this.checkoutVazio = await waitElement(".empty-cart-content");
this.footerCheckoutPayment = await waitElement(".footerCheckout__payments"); this.footerCheckoutPayment = await waitElement(".footerCheckout__payments");
this.footerCheckoutPaymentCard = await waitElement("#show-gift-card-group");
// this.tituloCarrinho = await waitElement("h2.title-footer");
} }
onUpdate() { onUpdate() {
@ -39,10 +42,11 @@ export default class Footer {
mutations.forEach(function (mutation) { mutations.forEach(function (mutation) {
const carrousel = document.querySelector(".containerCarousel"); const carrousel = document.querySelector(".containerCarousel");
const titleFooter = document.querySelector(".title-footer"); const titleFooter = document.querySelector(".title-footer");
if (mutation.target.style.display === "none") { if (mutation.target.style.nodeValue === "flex") {
carrousel.style.display = "flex"; carrousel.style.display = "flex";
titleFooter.style.display = "flex"; titleFooter.style.display = "flex";
} else { // this.addCarrossel();
} else if (mutation.target.style.nodeValue === "none") {
carrousel.style.display = "none"; carrousel.style.display = "none";
titleFooter.style.display = "none"; titleFooter.style.display = "none";
} }
@ -96,7 +100,6 @@ export default class Footer {
`; `;
shelf.children[1].appendChild(li); shelf.children[1].appendChild(li);
// shelf.classList.add("fetch");
}); });
}); });
} }
@ -166,4 +169,9 @@ export default class Footer {
}); });
} }
} }
changeText() {
this.footerCheckoutPaymentCard.innerText =
"Solicitamos apenas informações necessárias para realização da sua compra, sem compromenter seus dados";
}
} }

47
checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
View File

@ -368,4 +368,51 @@
} }
} }
} }
.payment-group a {
display:flex;
align-items: center;
justify-content: center;
width: 100%;
height: 50px;
background: $color-gray3;
mix-blend-mode: normal;
opacity: 0.3;
border: 1px solid $color-black-full;
border-radius: 6px;
margin-bottom: 12px;
.payment-group-item-text {
display:flex;
align-items: center;
justify-content: center;
font-family: $font-family;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
color:$color-gray11;
background-image:url(none);
}
}
.icon-credit-card {
display: none;
}
.link-payment-discounts-cod {
font-family: $font-family;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
color: $color-gray2;
margin-bottom: 16px;
}
.steps-view {
margin-top: 35px;
}
} }

1
checkout/src/arquivos/sass/utils/_variaveis.scss
View File

@ -19,6 +19,7 @@ $color-gray7: #C4C4C4;;
$color-gray8: #ededed; $color-gray8: #ededed;
$color-gray9: #BDBDBD; $color-gray9: #BDBDBD;
$color-gray10:#808080; $color-gray10:#808080;
$color-gray11:#58595B;