(function(el, vars) { if (!el || !el.querySelector) return; var cleanups = []; var shellPaths = ['/preview-shell', '/preview', '/editor', '/localEditor', '/localPreview']; var isAdmin = shellPaths.indexOf(window.location.pathname) !== -1; var pgIsAdmin = isAdmin; var cplHead = el.querySelector('[data-cms-cpl-richtext-head]'); var cplTail = el.querySelector('[data-cms-cpl-richtext-tail]'); var cplSetRichtext = function(headHtml, tailHtml) { if (cplHead) { cplHead.innerHTML = headHtml || ''; cplHead.hidden = !(headHtml && String(headHtml).trim()); } if (cplTail) { cplTail.innerHTML = tailHtml || ''; cplTail.hidden = !(tailHtml && String(tailHtml).trim()); } }; var cplFetchRichtext = function() { var shellPaths = ['/preview-shell', '/preview', '/editor', '/localEditor', '/localPreview']; var isAdmin = shellPaths.indexOf(window.location.pathname) !== -1; var siteId = ''; try { siteId = new URLSearchParams(window.location.search).get('siteId') || ''; } catch (ex) {} var api = ''; if (isAdmin) { var ap = vars.__pagePath__ || ''; if (!ap) return; var qp = 'url=' + encodeURIComponent(ap); if (siteId) qp += '&siteId=' + encodeURIComponent(siteId); api = '/api/tenant-product-category-description?' + qp; } else { api = '/api/tenant-product-category-description-by-url?url=' + encodeURIComponent(window.location.origin + window.location.pathname); } if (el.__cmsCplRichtextReqKey === api && el.__cmsCplRichtextLoaded) return; el.__cmsCplRichtextReqKey = api; var reqCache = window.__cmsCategoryRichtextReqCache || (window.__cmsCategoryRichtextReqCache = {}); var req = reqCache[api]; if (!req) { req = fetch(api).then(function(r) { return r.json(); }); reqCache[api] = req; } req .then(function(resp) { var dataRoot = (resp && (resp.data || resp)) || {}; var data = Array.isArray(dataRoot) ? (dataRoot[0] || {}) : dataRoot; var head = String(data.description || data.metaContent || '').trim(); var tail = String(data.tailDescription || data.tailDesc || '').trim(); cplSetRichtext(head, tail); el.__cmsCplRichtextLoaded = true; }) .catch(function(err) { console.warn('[CmsCategoryProductList] richtext fetch error:', err); }); }; cplFetchRichtext(); var mask = el.querySelector('[data-cms-cpl-inquiry-mask]'); var form = el.querySelector('[data-cms-cpl-inquiry-form]'); if (mask && form) { var inqOpen = function() { mask.hidden = false; }; var inqClose = function() { var sb = form.querySelector('.cms-category-product-list__inquiry-submit'); if (sb && sb.disabled) return; mask.hidden = true; }; el.querySelectorAll('[data-cms-cpl-inquiry]').forEach(function(btn) { btn.addEventListener('click', inqOpen); cleanups.push(function() { btn.removeEventListener('click', inqOpen); }); }); var inqClsBtn = el.querySelector('[data-cms-cpl-inquiry-close]'); if (inqClsBtn) { inqClsBtn.addEventListener('click', inqClose); cleanups.push(function() { inqClsBtn.removeEventListener('click', inqClose); }); } var inqOnMask = function(e) { if (e.target === mask) inqClose(); }; mask.addEventListener('mousedown', inqOnMask); cleanups.push(function() { mask.removeEventListener('mousedown', inqOnMask); }); var subBtn = form.querySelector('.cms-category-product-list__inquiry-submit'); var origText = subBtn ? subBtn.textContent : 'SUBMIT NOW'; var submitting = false; var inqOnSubmit = function(e) { e.preventDefault(); if (submitting) return; submitting = true; if (subBtn) { subBtn.disabled = true; subBtn.textContent = 'Submitting...'; } var inputs = form.querySelectorAll('.cms-category-product-list__inquiry-input'); var payload = { sourcePage: window.location.href }; inputs.forEach(function(input) { if (input.name) payload[input.name] = (input.value || '').trim(); }); var sid = ''; try { var params = new URLSearchParams(window.location.search); sid = params.get('siteId') || ''; } catch (ex) {} var u = '/api/tenant-inquiry' + (sid ? '?siteId=' + encodeURIComponent(sid) : ''); fetch(u, { method: 'POST', headers: { 'Content-Type': 'application/json', 'x-domain': window.location.host, lang: document.documentElement.lang || localStorage.getItem('site-lang') || 'en' }, body: JSON.stringify(payload) }) .then(function(r) { if (!r.ok) throw new Error(r.status); form.reset(); mask.hidden = true; alert('Submitted successfully!'); }) .catch(function() { alert('Submission failed, please try again.'); }) .finally(function() { submitting = false; if (subBtn) { subBtn.disabled = false; subBtn.textContent = origText; } }); }; form.addEventListener('submit', inqOnSubmit); cleanups.push(function() { form.removeEventListener('submit', inqOnSubmit); }); } var paginationNav = el.querySelector('[data-cms-cpl-pagination]'); if (!paginationNav) { paginationNav = document.createElement('nav'); paginationNav.className = 'cms-cpl-pagination'; paginationNav.setAttribute('aria-label', 'Pagination'); paginationNav.setAttribute('data-cms-cpl-pagination', ''); paginationNav.setAttribute('data-page-size', String(vars.pageSize || 10)); paginationNav.setAttribute('data-total', String(vars._total || 0)); paginationNav.style.display = 'none'; var paginationAnchor = el.querySelector('[data-cms-cpl-richtext-tail]') || el.querySelector('[data-cms-cpl-inquiry-mask]'); if (paginationAnchor && paginationAnchor.parentNode) paginationAnchor.parentNode.insertBefore(paginationNav, paginationAnchor); else el.appendChild(paginationNav); } if (paginationNav) { var pgLoading = false; var pgSiteId = ''; try { pgSiteId = new URLSearchParams(window.location.search).get('siteId') || ''; } catch(ex2) {} var pgPageSize = parseInt(paginationNav.getAttribute('data-page-size'), 10) || 10; if (pgPageSize < 1) pgPageSize = 10; var pgTotal = parseInt(paginationNav.getAttribute('data-total'), 10) || 0; var pgCurrentPage = 1; var pgBuildNav = function(total, currentPage) { var tp = Math.ceil(total / pgPageSize); paginationNav.innerHTML = ''; if (tp <= 1) { paginationNav.style.display = 'none'; return; } var addPage = function(i) { var node = document.createElement('button'); node.type = 'button'; node.className = 'cms-cpl-pagination__page' + (i === currentPage ? ' is-current' : ''); node.setAttribute('data-page', String(i)); node.innerHTML = '' + i; paginationNav.appendChild(node); }; var addDots = function() { var dots = document.createElement('span'); dots.className = 'cms-cpl-pagination__dots'; dots.textContent = '...'; paginationNav.appendChild(dots); }; if (tp <= 5) { for (var i = 1; i <= tp; i++) addPage(i); paginationNav.style.display = ''; return; } // Keep visible page buttons up to 5 (1 + 3 middle + last), others collapse to dots. var start = currentPage - 1; var end = currentPage + 1; if (start < 2) { start = 2; end = 4; } if (end > tp - 1) { end = tp - 1; start = tp - 3; } if (start < 2) start = 2; if (end > tp - 1) end = tp - 1; addPage(1); if (start > 2) addDots(); for (var p = start; p <= end; p++) addPage(p); if (end < tp - 1) addDots(); addPage(tp); paginationNav.style.display = ''; }; var pgGetApiUrl = function(page) { var ap = vars.__pagePath__ || ''; var bp = vars.__browserPath__ || ap || window.location.pathname || ''; var lang = document.documentElement.lang || localStorage.getItem('site-lang') || 'en'; var qp = 'pageNum=' + page + '&pageSize=' + pgPageSize; if (ap) qp += '&url=' + encodeURIComponent(ap); if (bp) qp += '&browserPath=' + encodeURIComponent(bp); if (lang) qp += '&lang=' + encodeURIComponent(lang); if (vars.currentCategoryId) qp += '&categoryId=' + encodeURIComponent(vars.currentCategoryId); if (pgSiteId) qp += '&siteId=' + encodeURIComponent(pgSiteId); return '/api/tenant-products?' + qp; }; var pgUpdateUrl = function(page) { if (pgIsAdmin) return; var url = new URL(window.location.href); if (page <= 1) { url.searchParams.delete('pageNum'); } else { url.searchParams.set('pageNum', String(page)); } window.history.pushState({ cplPage: page }, '', url.toString()); }; var pgRenderRows = function(rows) { var oldItems = el.querySelectorAll('.cms-category-product-list__item'); oldItems.forEach(function(a) { a.remove(); }); var ref = paginationNav; rows.forEach(function(r) { var t = r.title || r.productName || r.name || ''; var img = r.coverUrl || r.image || r.imageUrl || r.mainImage || r.pic || ''; var uh = r.urlHandle || ''; var hr = '/' + uh; var pid = r.id || r.productId || ''; var bf = r.briefContent || ''; var d = document.createElement('div'); d.innerHTML = bf; var sm = (d.textContent || '').substring(0, 280); var art = document.createElement('article'); art.className = 'cms-category-product-list__item'; art.style.padding = (vars.itemPadding || 18) + 'px'; art.setAttribute('data-product-id', pid); var ah = ''; var lb = vars.actionLabels || []; lb.forEach(function(rw, ix) { var li = rw.label || ''; if (!li) return; var bg = (rw.bgColor && String(rw.bgColor).trim()) || ''; var tc = (rw.textColor && String(rw.textColor).trim()) || ''; var bc = (rw.borderColor && String(rw.borderColor).trim()) || ''; var st = ''; if (bg) st += 'background:' + bg + ';'; if (tc) st += 'color:' + tc + ';'; if (bc) st += 'border-color:' + bc + ';'; else if (bg) st += 'border-color:' + bg + ';'; var styAttr = st ? (' style="' + st + '"') : ''; var c = 'cms-category-product-list__action' + (ix === 0 ? ' is-primary' : ''); if (li.toUpperCase() === 'INQUIRY') { ah += ''; } else if (li.toUpperCase().indexOf('ADD TO CART') !== -1) { ah += ''; } else { ah += '' + li + ''; } }); art.innerHTML = '

' + t + '

' + (sm ? '

-' + sm + '

' : '') + '

' + ah + '

'; ref.parentNode.insertBefore(art, ref); art.querySelectorAll('[data-cms-cpl-inquiry]').forEach(function(b) { b.addEventListener('click', function() { if (mask) mask.hidden = false; }); }); }); }; var pgFetch = function(page) { pgLoading = true; var url = pgGetApiUrl(page); fetch(url) .then(function(r) { return r.json(); }) .then(function(resp) { var rows = resp.rows || (resp.data && resp.data.rows) || resp.data || []; if (!Array.isArray(rows)) rows = []; var newTotal = typeof resp.total === 'number' ? resp.total : pgTotal; pgTotal = newTotal; pgBuildNav(pgTotal, page); pgRenderRows(rows); }) .catch(function(err) { console.warn('[CmsCategoryProductList] pagination error:', err); }) .finally(function() { pgLoading = false; }); }; var pgReadUrlPage = function() { if (pgIsAdmin) return 1; var p = new URLSearchParams(window.location.search).get('pageNum'); return (p && parseInt(p, 10) > 0) ? parseInt(p, 10) : 1; }; pgCurrentPage = pgReadUrlPage(); pgBuildNav(pgTotal, pgCurrentPage); if (pgCurrentPage > 1) { pgFetch(pgCurrentPage); } var pgHandleClick = function(e) { var tgt = e.target.closest ? e.target.closest('[data-page]') : null; if (!tgt) return; if (tgt.classList.contains('is-current') || pgLoading) return; e.preventDefault(); var page = parseInt(tgt.getAttribute('data-page'), 10); if (isNaN(page) || page < 1) return; pgCurrentPage = page; pgUpdateUrl(page); pgFetch(page); el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; paginationNav.addEventListener('click', pgHandleClick); cleanups.push(function() { paginationNav.removeEventListener('click', pgHandleClick); }); if (!pgIsAdmin) { var pgOnPop = function() { var page = pgReadUrlPage(); pgCurrentPage = page; pgFetch(page); }; window.addEventListener('popstate', pgOnPop); cleanups.push(function() { window.removeEventListener('popstate', pgOnPop); }); } } if (!pgIsAdmin) { function cplGetToken() { try { return localStorage.getItem('Admin-Token') || localStorage.getItem('admin-token') || ''; } catch(e) { return ''; } } function cplGoLogin() { try { localStorage.removeItem('Admin-Token'); localStorage.removeItem('admin-token'); localStorage.removeItem('cms_login_display_name'); } catch(e) {} if (window.__cmsLocaleController && window.__cmsLocaleController.navigateSiteHref) window.__cmsLocaleController.navigateSiteHref('/login/'); else window.location.href = '/login/'; } function cplAddToCart(btn) { var art = btn.closest('.cms-category-product-list__item'); if (!art) return; var pid = art.getAttribute('data-product-id'); if (!pid) { alert('Product ID not found'); return; } var token = cplGetToken(); if (!token) { cplGoLogin(); return; } var authVal = token.indexOf('Bearer') === 0 ? token : 'Bearer ' + token.replace(/^Bearer\s*/i, ''); btn.disabled = true; var origText = btn.textContent; btn.textContent = 'Adding...'; fetch('/api/biz/B2BOrderInfo/shoppingCart', { method: 'POST', headers: { 'Content-Type': 'application/json', 'x-domain': window.location.host, 'Authorization': authVal, lang: document.documentElement.lang || localStorage.getItem('site-lang') || 'en' }, credentials: 'include', body: JSON.stringify({ productId: parseInt(pid, 10), productQuantity: 1 }) }) .then(function(r) { if (r.status === 401) { cplGoLogin(); return null; } return r.json(); }) .then(function(j) { if (!j) return; if (j.code === 200) { alert('Added to cart successfully!'); } else if (j.code === 401) { cplGoLogin(); } else { alert(j.msg || 'Failed to add to cart'); } }) .catch(function(e) { console.error('Add to cart error:', e); alert('Network error, please try again'); }) .finally(function() { btn.disabled = false; btn.textContent = origText; }); } var cplCartHandler = function(e) { var btn = e.target.closest ? e.target.closest('[data-cms-cpl-addtocart]') : null; if (btn) { e.preventDefault(); cplAddToCart(btn); } }; el.addEventListener('click', cplCartHandler); cleanups.push(function() { el.removeEventListener('click', cplCartHandler); }); } return function() { cleanups.forEach(function(fn) { fn(); }); }; })

INR21700-SF50

INR21700-SF50

Tell Me What You Need

Quick Links

Product Categories

Hot Articles

SOHO Holdings Group Changzhou Branch Ltd. All rights reserved.