/* Borbira - kartonszabalyok. A kosR "Egyeni JavaScript" mezojebe kerul; a kosR a webshop MINDEN oldalan futtatja. Szabalyok: 1) Termekenkent: a "kartonkedvezmeny" gyujtemeny (2 500 Ft alatti borok) mindegyikebol csak 6 tobbszorose. (A termekoldalon es a kosarban ezt a Pareto jelzi; itt csak a penztarban ellenorizzuk.) 2) Meretenkent kulon: minden kiszerelesbol (0,75 l es kisebb, valamint 1,5 l) az osszes palack darabszama 6 tobbszorose legyen (vegyes karton megengedett). A meretet a termekcim adja: [0,5L... / [1,5L... Hol jelez: - kosarfiok (#site-cart-sidebar) es /cart oldal: a 2) szabaly a "Penztar" (#CheckOut) gomb folott; a gombot megfogja - kosR penztar (/apps/checkout): 1) + 2) asztalin jobb oldalt a termekek alatt, mobilon a megrendeles gomb folott Csak a sajat gombokat/urlapot fogja meg (#CheckOut, #submit-button) - mas urlapot SOHA. Hiba eseten NEM blokkol. Ekezetek \u escape-pel: a kosR rossz kodolassal injektalja a kodot, ezert a fajl csak ASCII lehet. */ (function () { var ORIGIN = location.origin; // a kosR oldal -e a kosr.hu-ra mutat, ezert abszolut URL kell var ON_CHECKOUT = /\/apps\/checkout/.test(location.pathname); var PACK = 6; var MSG_MIN = 'Kartonban rendelhet\u0151: legal\u00e1bb 6 palack.'; var MSG_MULT = 'Csak eg\u00e9sz karton rendelhet\u0151: 6, 12, 18\u2026 palack.'; var MSG_SIZE = 'Kartonban sz\u00e1ll\u00edtunk: m\u00e9retenk\u00e9nt \u00f6sszesen 6, 12, 18\u2026 palack rendelhet\u0151.'; var BOX_CSS = 'font-family:Montserrat,sans-serif;color:#282828;background:#FBF7E8;' + 'border-left:3px solid #EE8C34;border-radius:4px;padding:10px 12px;margin:0 0 12px;' + 'font-size:14px;line-height:1.45;text-align:left'; var ids = null; // kartonkedvezmeny termek-id-k (csak penztarban kell) var bad = []; // termekenkenti hibak var groups = []; // meret-csoport hibak var st = document.createElement('style'); // tiltott gomb: az arculat sotet szine (#282828), halvany vilagos felirattal - latszik, hogy nem kattinthato st.textContent = '.bb-karton-blocked,.bb-karton-blocked:hover,.bb-karton-blocked:focus{opacity:1!important;' + 'background:#282828!important;border-color:#282828!important;color:rgba(251,247,232,.45)!important;' + 'cursor:not-allowed!important;box-shadow:none!important;filter:none!important}' + '.bb-karton-blocked *{color:rgba(251,247,232,.45)!important}'; (document.head || document.documentElement).appendChild(st); // 0,75 l vagy kisebb, illetve 1,5 l; a 3 l-es es a meret nelkuli tetelek kimaradnak function sizeOf(title) { var m = /\[(\d+(?:,\d+)?)\s*L/i.exec(title || ''); if (!m) return null; var v = parseFloat(m[1].replace(',', '.')); return (v <= 0.75 || v === 1.5) ? m[1] : null; } function loadIds() { if (!ON_CHECKOUT) return Promise.resolve(new Set()); if (ids) return Promise.resolve(ids); var all = []; function page(n) { return fetch(ORIGIN + '/collections/kartonkedvezmeny/products.json?limit=250&page=' + n) .then(function (r) { return r.json(); }) .then(function (d) { all = all.concat(d.products || []); return d.products && d.products.length === 250 ? page(n + 1) : all; }); } return page(1).then(function (list) { ids = new Set(list.map(function (p) { return p.id; })); return ids; }).catch(function () { return new Set(); }); } function check() { return Promise.all([loadIds(), fetch(ORIGIN + '/cart.js').then(function (r) { return r.json(); })]) .then(function (res) { var set = res[0], qty = {}, sizeQty = {}; res[1].items.forEach(function (i) { var sz = sizeOf(i.product_title || i.title); if (sz) sizeQty[sz] = (sizeQty[sz] || 0) + i.quantity; if (!set.has(i.product_id)) return; qty[i.product_id] = qty[i.product_id] || { title: i.product_title, q: 0 }; qty[i.product_id].q += i.quantity; }); bad = Object.keys(qty).map(function (k) { return qty[k]; }) .filter(function (x) { return x.q % PACK !== 0; }); groups = Object.keys(sizeQty).map(function (sz) { return { label: sz + ' literes', q: sizeQty[sz] }; }) .filter(function (g) { return g.q % PACK !== 0; }); render(); }) .catch(function () { bad = []; groups = []; render(); }); } function esc(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; } // lathato-e: nincs elrejtve, es egyik oseleme sem 0 magas (mobilon a kosR osszesitoje osszecsukott dobozban van) function visible(el) { if (!el || !el.offsetParent) return false; for (var a = el; a && a !== document.body; a = a.parentElement) { if (a.getBoundingClientRect().height === 0) return false; } return true; } function groupsHtml() { return '' + MSG_SIZE + '

' + g.label + ' palackok: most ' + g.q + ' db \u2013 tegy\u00e9l m\u00e9g ' + (PACK - r) + ' db-ot a kos\u00e1rba' + (g.q > PACK ? ', vagy vegy\u00e9l ki ' + r + ' db-ot' : '') + '.

'; } function checkoutHtml() { var html = ''; if (bad.length) { var needMin = bad.some(function (x) { return x.q < PACK; }); html += '' + (needMin ? MSG_MIN : MSG_MULT) + '' + (needMin ? '
' + MSG_MULT : '') + '

' + esc(x.title) + ': ' + x.q + ' palack

'; } if (groups.length) html += (bad.length ? '

' : '') + groupsHtml(); return html + '

A mennyis\u00e9get a kos\u00e1rban tudod m\u00f3dos\u00edtani.

'; } // a dobozt "anchor" ele vagy moge teszi; ha mar ott van es ugyanaz a tartalom, nem nyul hozza function place(key, anchor, where, html) { var box = document.querySelector('.bb-karton[data-k="' + key + '"]'); if (!html || !anchor) { if (box) box.remove(); return; } if (!box) { box = document.createElement('div'); box.className = 'bb-karton'; box.setAttribute('data-k', key); box.setAttribute('role', 'alert'); box.style.cssText = BOX_CSS; } if (box.innerHTML !== html) box.innerHTML = html; var ok = where === 'before' ? anchor.previousElementSibling === box : anchor.nextElementSibling === box; if (!ok) anchor.parentNode.insertBefore(box, where === 'before' ? anchor : anchor.nextSibling); } function render() { if (ON_CHECKOUT) { var html = (bad.length || groups.length) ? checkoutHtml() : ''; var items = [].slice.call(document.querySelectorAll('.cart-summary .cart-items')).filter(visible)[0]; var btn = document.querySelector('#submit-button'); place('summary', items, 'after', items ? html : ''); place('submit', btn, 'before', items ? '' : html); // ha a jobb oszlop nem latszik (mobil) if (btn) btn.classList.toggle('bb-karton-blocked', !!html); } else { var shtml = groups.length ? groupsHtml() : ''; [].slice.call(document.querySelectorAll('#CheckOut')).forEach(function (b, i) { place('co' + i, b, 'before', shtml); b.classList.toggle('bb-karton-blocked', !!shtml); }); } } function isBlocked() { return ON_CHECKOUT ? (bad.length > 0 || groups.length > 0) : groups.length > 0; } function block(e) { if (!isBlocked()) return; var t = e.target, hit = false; if (ON_CHECKOUT) { var btn = document.querySelector('#submit-button'); if (!btn) return; hit = e.type === 'click' ? !!(t.closest && t.closest('#submit-button')) : t === btn.form; } else { hit = e.type === 'click' ? !!(t.closest && t.closest('#CheckOut')) : !!(e.submitter && e.submitter.id === 'CheckOut'); } if (!hit) return; e.preventDefault(); e.stopImmediatePropagation(); var box = document.querySelector('.bb-karton'); if (box && box.scrollIntoView) box.scrollIntoView({ behavior: 'smooth', block: 'center' }); } document.addEventListener('click', block, true); document.addEventListener('submit', block, true); var timer = null; function later() { clearTimeout(timer); timer = setTimeout(check, 150); } function start() { check(); if (ON_CHECKOUT) { setInterval(check, 3000); return; } // kosarfiok / kosar oldal: csak valtozaskor kerdezzuk le ujra a kosarat (a sajat dobozaink valtozasa nem szamit) var mo = new MutationObserver(function (list) { for (var i = 0; i < list.length; i++) { var m = list[i], tgt = m.target; if (tgt.closest && tgt.closest('.bb-karton')) continue; var nodes = [].slice.call(m.addedNodes).concat([].slice.call(m.removedNodes)); if (m.type === 'childList' && nodes.length && nodes.every(function (n) { return n.classList && n.classList.contains('bb-karton'); })) continue; if (m.type === 'attributes') continue; // A tema ujrarajzolta a fiokot/kosarat: a doboz es a tiltas AZONNAL visszakerul az utolso ismert allapot // szerint (a MutationObserver meg a kirajzolas elott fut, igy nincs villanas), majd frissen ujraellenorzunk. render(); later(); return; } }); ['#site-cart-sidebar', 'form#cart'].forEach(function (sel) { var el = document.querySelector(sel); if (el) mo.observe(el, { childList: true, subtree: true }); }); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start); else start(); })();

Pommery

Feltételek és szabályzatok

Navigáció

Közösségi média