bubble/digital-store
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/digital-store.git synced 2026-10-11 18:29:11 +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; display: flex;
align-items: center; align-items: center;
} }
.list-date {
margin-left: 8px;
}
.list-title { .list-title {
padding-left: 7px; 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()} small(style="font-size: 12px") Дата добавления: #{date.toLocaleDateString()}
.product-info .product-info
.product-info__left .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='#') 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__cost
.product-info__count .product-info__count
span #{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')); const obj = JSON.parse(localStorage.getItem('cart'));
obj.forEach(item => { obj.forEach(item => {
if (this.$el.querySelector(`#addItem[data-id="${item.id}"]`)) { if (this.$el.querySelector(`#rosterButtons[data-id="${item.id}"] #addItem`)) {
this.$el.querySelector(`#addItem[data-id="${item.id}"]`).classList.add('orange'); this.$el.querySelector(`#rosterButtons[data-id="${item.id}"] #addItem`).classList.add('orange');
this.$el.querySelector(`#addItem[data-id="${item.id}"] i`).innerHTML = 'close'; 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') { if (e.target.localName === 'button' && e.target.id === 'addItem') {
const target = e.target; const target = e.target;
const item = { const item = {
id: e.target.dataset.id, id: e.target.parentNode.dataset.id,
title: e.target.dataset.title, title: e.target.parentNode.dataset.title,
count: e.target.dataset.count, count: e.target.parentNode.dataset.count,
price: e.target.dataset.price price: e.target.parentNode.dataset.price
} }
renderObj(item, this, target); renderObj(item, this, target);
} else if (e.target.localName === 'i') { } else if (e.target.localName === 'i') {
const target = e.target.parentNode; const target = e.target.parentNode;
const item = { const item = {
id: e.target.parentNode.dataset.id, id: e.target.parentNode.parentNode.dataset.id,
title: e.target.parentNode.dataset.title, title: e.target.parentNode.parentNode.dataset.title,
count: e.target.parentNode.dataset.count, count: e.target.parentNode.parentNode.dataset.count,
price: e.target.parentNode.dataset.price price: e.target.parentNode.parentNode.dataset.price
} }
renderObj(item, this, target); renderObj(item, this, target);
} }

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

@ -84,9 +84,9 @@ export class CartModal extends Modal {
defaultBtnColor(id) { defaultBtnColor(id) {
if (this.items.roster) { if (this.items.roster) {
if (this.items.roster.querySelector(`#addItem[data-id="${id}"]`)) { if (this.items.roster.querySelector(`#rosterButtons[data-id="${id}"] #addItem`)) {
this.items.roster.querySelector(`#addItem[data-id="${id}"]`).classList.remove('orange'); this.items.roster.querySelector(`#rosterButtons[data-id="${id}"] #addItem`).classList.remove('orange');
this.items.roster.querySelector(`#addItem[data-id="${id}"] i`).innerHTML = 'shopping_cart'; 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) { openHandler(e) {
if (e.target.id === 'payOpen') { 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.$el.querySelector('.title-field #title').value = targetInfo.title;
this.show(); this.show();
@ -31,7 +31,7 @@ export class PayModal extends Modal {
e.preventDefault(); e.preventDefault();
const payInfo = { const payInfo = {
item: [{ items: [{
id: info.id, id: info.id,
title: info.title title: info.title
}], }],

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

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