mirror of
https://github.com/sergeyyarkov/digital-store.git
synced 2026-10-11 18:29:11 +03:00
57 lines
2.8 KiB
JavaScript
57 lines
2.8 KiB
JavaScript
export function renderItems(categories, items) {
|
||
|
||
let html = '';
|
||
|
||
categories.forEach(category => {
|
||
html += `<div class="items-category">
|
||
<h2 class="small-title">${category}</h2>
|
||
</div>`;
|
||
items[category].forEach(item => {
|
||
if (item && item._id != undefined) {
|
||
html += `
|
||
<div data-id="${item._id}" data-title="${item.title}" data-price="${item.price}" class="items-list">
|
||
<div class="items-list__name">
|
||
<div class="list-icon">
|
||
<img src="./img/service-icons/${item.image}" alt="#">
|
||
</div>
|
||
<div class="list-title">
|
||
<a href="/product/${item._id}">${item.title}</a>
|
||
</div>
|
||
</div>
|
||
<div class="items-list__info">
|
||
<div class="list-date">
|
||
<small>${item.date}</small>
|
||
</div>
|
||
<div class="list-count">
|
||
<span>${item.count} шт.</span>
|
||
</div>
|
||
<div class="list-one">
|
||
<span>Цена за 1 шт.</span>
|
||
</div>
|
||
<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
|
||
class="material-icons">shopping_cart</i></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`
|
||
} else {
|
||
html += `
|
||
<div class="items-list">
|
||
<div class="items-list__name">
|
||
<div class="list-title">
|
||
<span>В этой категории пока что нету товаров</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`
|
||
}
|
||
});
|
||
});
|
||
|
||
return html;
|
||
} |