' : ''; d.innerHTML = '

' + imgHtml + '

' + title + '' + priceLabel + '

' + '

' + qty + '

' + '

' + priceLabel + '

'; return d; } function renderRows(rows) { if (!rowsContainer) return; rowsContainer.innerHTML = ''; if (!rows || rows.length === 0) { rowsContainer.innerHTML = '

' + emptyMsg + '

'; if (theadEl) theadEl.style.display = 'none'; return; } if (theadEl) theadEl.style.display = ''; for (var i = 0; i < rows.length; i++) { rowsContainer.appendChild(buildRow(rows[i])); } } function buildPagination(total, currentPage) { if (!paginationNav) return; var tp = Math.ceil(total / pgPageSize); paginationNav.innerHTML = ''; if (tp <= 1) { paginationNav.style.display = 'none'; return; } paginationNav.style.display = 'flex'; for (var i = 1; i <= tp; i++) { var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'cms-cart-pagination__page' + (i === currentPage ? ' is-current' : ''); btn.setAttribute('data-page', String(i)); btn.textContent = String(i); paginationNav.appendChild(btn); } } function fetchCart(page) { var t = getToken(); if (!t) { renderRows([]); return; } fetch('/api/biz/B2BOrderInfo/shoppingCart/page?pageNum=' + page + '&pageSize=' + pgPageSize, { method: 'GET', headers: buildHeaders(), credentials: 'include' }) .then(function(r) { if (r.status === 401) { clearTokensAndGoLogin(); return; } return r.json(); }) .then(function(j) { if (!j) return; if (j.code === 200) { var rows = j.rows || j.data || []; var total = j.total || rows.length; pgTotal = total; cartData = rows; renderRows(rows); buildPagination(pgTotal, page); pgCurrentPage = page; } else if (j.code === 401) { clearTokensAndGoLogin(); } else { renderRows([]); } }) .catch(function() { renderRows([]); }); } function updateQty(cartId, productId, newQty, unit) { var body = { id: parseInt(cartId, 10), productId: parseInt(productId, 10), productQuantity: newQty }; if (unit) body.unit = unit; fetch('/api/biz/B2BOrderInfo/shoppingCart', { method: 'PUT', headers: buildHeaders(), credentials: 'include', body: JSON.stringify(body) }) .then(function(r) { if (r.status === 401) { clearTokensAndGoLogin(); return; } return r.json(); }) .then(function(j) { if (!j) return; if (j.code === 200) fetchCart(pgCurrentPage); else if (j.code === 401) clearTokensAndGoLogin(); }) .catch(function() {}); } function deleteItem(cartId) { fetch('/api/biz/B2BOrderInfo/shoppingCart/' + cartId, { method: 'DELETE', headers: buildHeaders(), credentials: 'include' }) .then(function(r) { if (r.status === 401) { clearTokensAndGoLogin(); return; } return r.json(); }) .then(function(j) { if (!j) return; if (j.code === 200) { if (cartData.length <= 1 && pgCurrentPage > 1) { fetchCart(pgCurrentPage - 1); } else { fetchCart(pgCurrentPage); } } else if (j.code === 401) clearTokensAndGoLogin(); }) .catch(function() {}); } function onListClick(e) { var row = e.target.closest ? e.target.closest('.cms-shopping-cart__row') : null; if (!row) return; var cartId = row.getAttribute('data-cart-id'); var productId = row.getAttribute('data-product-id'); var currentQty = parseInt(row.getAttribute('data-qty'), 10) || 1; var unit = row.getAttribute('data-unit') || ''; if (e.target.closest('[data-cart-minus]')) { if (currentQty > 1) updateQty(cartId, productId, currentQty - 1, unit); return; } if (e.target.closest('[data-cart-plus]')) { updateQty(cartId, productId, currentQty + 1, unit); return; } if (e.target.closest('[data-cart-remove]')) { deleteItem(cartId); return; } } function onPageClick(e) { var tgt = e.target.closest ? e.target.closest('[data-page]') : null; if (!tgt || tgt.classList.contains('is-current')) return; var page = parseInt(tgt.getAttribute('data-page'), 10); if (page && page > 0) fetchCart(page); } if (rowsContainer) rowsContainer.addEventListener('click', onListClick); if (paginationNav) paginationNav.addEventListener('click', onPageClick); fetchCart(1); return function() { if (rowsContainer) rowsContainer.removeEventListener('click', onListClick); if (paginationNav) paginationNav.removeEventListener('click', onPageClick); }; })