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

deleted excesses data

Browse Source
This commit is contained in:
Sergey Yarkov 2019-12-03 21:07:19 +03:00
parent 490de0989a
commit 3bfa7d77ce
7 changed files with 29 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -447,6 +447,9 @@ footer .container {
display: flex;
align-items: center;
}
.list-date {
margin-left: 8px;
}
.list-title {
padding-left: 7px;

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

File diff suppressed because one or more lines are too long

4
dist/views/product.pug vendored
View File

@ -26,9 +26,9 @@ main.main-section
small(style="font-size: 12px") Дата добавления: #{date.toLocaleDateString()}
.product-info
.product-info__left
#pay-js.product-left__pay
#pay-js.product-left__pay(data-id=id data-title=title data-count=count data-price=price)
img(src='../img/service-icons/'+image alt='#')
button#payOpen.waves-effect.waves-light.btn(data-id=id data-title=title data-date=date data-count=count data-price=price) Купить
button#payOpen.waves-effect.waves-light.btn Купить
.product-info__cost
.product-info__count
span #{count} шт

22
src/js/components/items.component.js
View File

@ -46,9 +46,9 @@ export class ItemsComponent extends Component {
const obj = JSON.parse(localStorage.getItem('cart'));
obj.forEach(item => {
if (this.$el.querySelector(`#addItem[data-id="${item.id}"]`)) {
this.$el.querySelector(`#addItem[data-id="${item.id}"]`).classList.add('orange');
this.$el.querySelector(`#addItem[data-id="${item.id}"] i`).innerHTML = 'close';
if (this.$el.querySelector(`#rosterButtons[data-id="${item.id}"] #addItem`)) {
this.$el.querySelector(`#rosterButtons[data-id="${item.id}"] #addItem`).classList.add('orange');
this.$el.querySelector(`#rosterButtons[data-id="${item.id}"] #addItem i`).innerHTML = 'close';
}
});
}
@ -65,19 +65,19 @@ function addItem(e) {
if (e.target.localName === 'button' && e.target.id === 'addItem') {
const target = e.target;
const item = {
id: e.target.dataset.id,
title: e.target.dataset.title,
count: e.target.dataset.count,
price: e.target.dataset.price
id: e.target.parentNode.dataset.id,
title: e.target.parentNode.dataset.title,
count: e.target.parentNode.dataset.count,
price: e.target.parentNode.dataset.price
}
renderObj(item, this, target);
} else if (e.target.localName === 'i') {
const target = e.target.parentNode;
const item = {
id: e.target.parentNode.dataset.id,
title: e.target.parentNode.dataset.title,
count: e.target.parentNode.dataset.count,
price: e.target.parentNode.dataset.price
id: e.target.parentNode.parentNode.dataset.id,
title: e.target.parentNode.parentNode.dataset.title,
count: e.target.parentNode.parentNode.dataset.count,
price: e.target.parentNode.parentNode.dataset.price
}
renderObj(item, this, target);
}

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

@ -84,9 +84,9 @@ export class CartModal extends Modal {
defaultBtnColor(id) {
if (this.items.roster) {
if (this.items.roster.querySelector(`#addItem[data-id="${id}"]`)) {
this.items.roster.querySelector(`#addItem[data-id="${id}"]`).classList.remove('orange');
this.items.roster.querySelector(`#addItem[data-id="${id}"] i`).innerHTML = 'shopping_cart';
if (this.items.roster.querySelector(`#rosterButtons[data-id="${id}"] #addItem`)) {
this.items.roster.querySelector(`#rosterButtons[data-id="${id}"] #addItem`).classList.remove('orange');
this.items.roster.querySelector(`#rosterButtons[data-id="${id}"] #addItem i`).innerHTML = 'shopping_cart';
}
}
}

4
src/js/modals/pay.modal.js
View File

@ -15,7 +15,7 @@ export class PayModal extends Modal {
openHandler(e) {
if (e.target.id === 'payOpen') {
const targetInfo = e.target.dataset;
const targetInfo = e.target.parentNode.dataset;
this.$el.querySelector('.title-field #title').value = targetInfo.title;
this.show();
@ -31,7 +31,7 @@ export class PayModal extends Modal {
e.preventDefault();
const payInfo = {
item: [{
items: [{
id: info.id,
title: info.title
}],

8
src/js/templates/items.template.js
View File

@ -11,7 +11,7 @@ export function renderItems(categories, items) {
arrayItems.forEach(item => {
if (item.category.toLowerCase() === category.title.toLowerCase()) {
html += `
<div data-id="${item._id}" data-title="${item.title}" data-price="${item.price}" class="items-list">
<div class="items-list">
<div class="items-list__name">
<div class="list-icon">
<img src="./img/service-icons/${category.img}" alt="#">
@ -33,9 +33,9 @@ export function renderItems(categories, items) {
<div class="list-price">
<span>${item.price.toFixed(2)}₽</span>
</div>
<div class="list-buttons">
<button data-id="${item._id}" data-title="${item.title}" data-date="${item.date}" data-count="${item.count}" data-price="${item.price}" id="payOpen" class="btn-small waves-effect waves-light">Купить</button>
<button data-id="${item._id}" data-title="${item.title}" data-date="${item.date}" data-count="${item.count}" data-price="${item.price}" id="addItem" class="btn-small waves-effect waves-light"><i
<div id="rosterButtons" data-id="${item._id}" data-title="${item.title}" data-count="${item.count}" data-price="${item.price} class="list-buttons">
<button id="payOpen" class="btn-small waves-effect waves-light">Купить</button>
<button id="addItem" class="btn-small waves-effect waves-light"><i
class="material-icons">shopping_cart</i></button>
</div>
</div>