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

desenvolvimento #3

Merged
Gustavo_Rallenson_Goncalves_Da_Silva merged 19 commits from desenvolvimento into Develop 2022-12-27 03:00:25 +00:00
Conversation 0 Commits 19 Files Changed 12 +70 -13
3 changed files with 70 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5d4d6677d5 - Show all commits

19
checkout/src/arquivos/js/components/app.js
View File

@ -51,6 +51,7 @@ export default class Footer {
});
this.tbody = await waitElement(".accordion-inner");
this.LapisAzul = await waitElement(".icon-edit");
this.cartfixed = await waitElement(".cart-fixed");
this.btnCep = await waitElement("#shipping-calculate-link");
this.Dados_profile_payment_wrapper = await waitElement("#payment-data");
this.Dados_profile = document.querySelectorAll(".accordion-group")[1];
@ -60,6 +61,7 @@ export default class Footer {
this.pay__Wrapper = document.createElement("div");
this.Finalizar_btn = document.createElement("button");
this.more = document.createElement("p");
this.PedidoSumary = document.createElement("h2");
this.wrapper = document.createElement("tr");
}
async event() {
@ -82,7 +84,11 @@ export default class Footer {
}
}
async TextTransfer(){
// console.log(this.totalizer,"tabela")
console.log(this.cartfixed.children[1].children[0].children[0],"tabela");
this.safeP.classList.add("safep")
this.cartfixed.children[0].classList.add("hide");
this.cartfixed.children[1].children[0].children[0].appendChild(this.PedidoSumary)
this.PedidoSumary.classList.add("payment_Sumary")
const payment_group = this.Dados_profile_payment_wrapper;
const dadosProfile =this.Dados_profile.children[0].children[0].children[1]
const Dados_profile_payment =this.Dados_profile_payment.children[0]
@ -90,10 +96,10 @@ export default class Footer {
const tbody = this.tbody.children[1].children[3];
const table = this.table.children[0].children[0].children[1];
const table_2 = this.table.children[0].children[0].children[2];
tbodywrapper.classList.add("flex")
tbodywrapper.appendChild(this.more)
tbodywrapper.appendChild(this.Finalizar_btn)
tbody.appendChild(tbodywrapper)
tbodywrapper.classList.add("flex");
tbodywrapper.appendChild(this.more);
tbodywrapper.appendChild(this.Finalizar_btn);
tbody.appendChild(tbodywrapper);
// console.log(this.Dados_profileAll,"Todos os conteiners de pagamento")
// console.log(Dados_profile_payment,"Todos os conteiners de pagamento")
const IconDev = document.querySelector(".footerCheckout__developedBy")
@ -148,6 +154,9 @@ export default class Footer {
FINALIZAR COMPRA
</a>
`
this.PedidoSumary.innerHTML =`
Resumo do Pedido
`
dadosProfile.innerHTML =`
Identificação
`

18
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

@ -11,8 +11,11 @@
}
.cart-fixed{
.summary-template-holder{
border: 1px solid $color-gray5;
border-radius: 8px;
border-bottom: 3px solid $color-gray5;
border-left: 3px solid $color-gray5;
border-right: 3px solid $color-gray5;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
a {
position: relative;
@ -74,7 +77,11 @@
display: none;
}
.cart {
border: 3px solid $color-gray3;
border-top: 3px solid $color-gray5;
border-left: 3px solid $color-gray5;
border-right: 3px solid $color-gray5;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
box-sizing: border-box;
border-radius: 5px;
padding: 16px;
@ -91,12 +98,13 @@
}
}
.cart-fixed.affix {
top: -69px;
top: -40px;
position: relative !important;
}
.cart-fixed {
font-family: $font-family;
width: 100%;
height: 100% !important;
h2 {
background: $color-white;
border: none;
@ -137,7 +145,7 @@
.summary-template-holder {
border-top: none;
background: $color-white;
width: 300px;
width: 296px;
padding: 15px;
}

46
checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
View File

@ -9,13 +9,43 @@ body .container-main.container-order-form .orderform-template.active {
width: 66.1132%;
}
}
.cart-fixed {
top: -42px;
}
.cart-items{
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
.payment_Sumary{
font-family: $font-family-secundary;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
margin: 24px 0px 34px 0;
}
}
.hproduct{
.fn{
width: 115px !important;
height: 34px;
white-space: break-spaces !important;
color: $color-black;
font-family: $font-family-secundary;
font-weight: 400;
font-size: 12px;
line-height: 14px;
}
}
.summary-cart-template-holder{
width: 332px;
}
#is-corporate-client{
display: none;
}
#hproduct-item-2616{
.photo{
width: 60px !important;
height: 60px !important;
margin-left: 16px;
}
#postalCode-finished-loading{
@ -91,8 +121,8 @@ body .container-main.container-order-form .orderform-template.active {
.newsletter-text,
p,
label{
color: #7D7D7D !important;
font-weight: 700 !important;
color: #7D7D7D;
font-weight: 700;
}
input,
.cart{
@ -217,5 +247,15 @@ body .container-main.container-order-form .orderform-template.active {
height: 164px !important;
}
}
.safep{
width: 622px;
height: 48px;
font-family: $font-family;
font-style: normal;
font-weight: 400 !important;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
}