bubble/digital-store
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/digital-store.git synced 2026-10-11 10:19:15 +03:00
Code Issues Packages Projects Releases Wiki Activity

Generate payInfo object

Browse Source
This commit is contained in:
Sergey Yarkov 2019-11-24 20:05:53 +03:00
parent e42979b7f9
commit 18d3ca3021
3 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/public/css/style.css vendored
View File

@ -226,7 +226,7 @@ hr {
.modal-content__right { .modal-content__right {
align-self: center; align-self: center;
width: 145px; /* width: 145px; */
} }
.modal-content__right span { .modal-content__right span {

2
dist/public/js/bundle.js vendored
View File

File diff suppressed because one or more lines are too long

21
src/js/modals/cart.modal.js
View File

@ -13,10 +13,12 @@ export class CartModal extends Modal {
closeHandler() { closeHandler() {
this.removeItem = null; this.removeItem = null;
this.makePay = null;
} }
openHandler() { openHandler() {
this.removeItem != null ? this.list.addEventListener('click', this.removeItem.bind(this)) : false this.removeItem != null ? this.list.addEventListener('click', this.removeItem.bind(this)) : false
this.makePay != null ? this.$el.querySelector('#makePay').addEventListener('click', this.makePay.bind(this)) : false;
this.list.innerHTML = ''; this.list.innerHTML = '';
this.insertItems(this.list); this.insertItems(this.list);
} }
@ -32,7 +34,7 @@ export class CartModal extends Modal {
this.$el.querySelector('#makePay').classList.remove('hide'); this.$el.querySelector('#makePay').classList.remove('hide');
} }
items.forEach(item => this.list.innerHTML += `<div data-id="${item.id}" class="modal-content__item"><div class="modal-content__title"><a href="#"><b>${item.title}</b></a><br><span class="in-stock">В наличии: ${item.count} (шт)</span></div><div class="modal-content__right"><button>-</button><input type="number" value="1" min="1" max="${item.count}"><button>+</button><span>${parseFloat(item.price).toFixed(2)}₽</span></div><div class="modal-content__remove"><span><i data-id="${item.id}" class="material-icons" id="removeItem">close</i></span></div></div>`); items.forEach(item => this.list.innerHTML += `<div data-id="${item.id}" data-title="${item.title}" data-price="${item.price}" data-count="1" class="modal-content__item"><div class="modal-content__title"><a href="/product/${item.id}"><b>${item.title}</b></a><br><span class="in-stock">В наличии: ${item.count} (шт)</span></div><div class="modal-content__right"><span id="price">${parseFloat(item.price).toFixed(2)}₽</span></div><div class="modal-content__remove"><span><i data-id="${item.id}" class="material-icons" id="removeItem">close</i></span></div></div>`);
insertCount('modalCounter', this.items.cart); insertCount('modalCounter', this.items.cart);
insertCount('counter', this.items.cart); insertCount('counter', this.items.cart);
this.insertTotalPrice('totalPrice', this.items.cart); this.insertTotalPrice('totalPrice', this.items.cart);
@ -59,4 +61,19 @@ export class CartModal extends Modal {
array.forEach(item => totalPrice += parseFloat(item.price)); array.forEach(item => totalPrice += parseFloat(item.price));
this.$el.querySelector(`#${id}`).innerHTML = `${totalPrice.toFixed(2)}₽`; this.$el.querySelector(`#${id}`).innerHTML = `${totalPrice.toFixed(2)}₽`;
} }
}
makePay() {
const payInfo = {items: this.items.cart.map(item => {
return {
id: item.id,
title: item.title,
price: parseFloat(item.price)
}
})};
let totalPrice = 0;
payInfo.items.forEach(item => totalPrice += parseFloat(item.price));
payInfo.totalPrice = Math.round(totalPrice * 100) / 100;
console.log('Pay info:', payInfo);
}
}