(() => { const KEY = "afonka3d.cart.v1"; const formatRub = (value) => Number(value) > 0 ? new Intl.NumberFormat("ru-RU", { style: "currency", currency: "RUB", maximumFractionDigits: 0 }).format(value) : "По расчёту"; const normalizeQuantity = (value) => Math.max(0, Math.floor(Number(value) || 0)); const lineTotal = (item) => { const quantity = normalizeQuantity(item?.quantity); const priceRub = Math.max(0, Math.round(Number(item?.priceRub) || 0)); return { ...item, priceRub, quantity, lineTotalRub: priceRub * quantity }; }; const normalizeCartItem = (value) => { if (!value || typeof value !== "object") return null; const id = typeof value.id === "string" && value.id.trim() ? value.id.trim() : ""; const slug = typeof value.slug === "string" && value.slug.trim() ? value.slug.trim() : ""; const title = typeof value.title === "string" && value.title.trim() ? value.title.trim() : ""; const quantity = normalizeQuantity(value.quantity); if (!id || !slug || !title || quantity <= 0) return null; return lineTotal({ ...value, id, productId: typeof value.productId === "string" ? value.productId : id.split(":")[0] || id, variantId: typeof value.variantId === "string" ? value.variantId : id.split(":")[1] || id, slug, sku: typeof value.sku === "string" && value.sku.trim() ? value.sku.trim() : id, title, material: typeof value.material === "string" && value.material.trim() ? value.material : "Пластик", color: typeof value.color === "string" && value.color.trim() ? value.color : "цвет не выбран", colorHex: typeof value.colorHex === "string" && value.colorHex.trim() ? value.colorHex : "#38d8ff", quantity, }); }; const sanitizeCart = (items) => Array.isArray(items) ? items.map(normalizeCartItem).filter(Boolean) : []; const readCart = () => { try { return sanitizeCart(JSON.parse(window.localStorage.getItem(KEY) || "[]")); } catch { return []; } }; const writeCart = (items) => { window.localStorage.setItem(KEY, JSON.stringify(sanitizeCart(items))); }; const escapeHtml = (value) => String(value ?? "").replace(/[&<>"]/g, (char) => ({ "&": "&", "<": "<", ">": ">", "\"": """ }[char])); function pulseCartUi(message) { document.querySelectorAll(".cartNavLink").forEach((node) => { node.classList.remove("cartJustAdded"); void node.offsetWidth; node.classList.add("cartJustAdded"); }); document.querySelectorAll("[data-cart-count]").forEach((node) => { node.classList.remove("cartCountBump"); void node.offsetWidth; node.classList.add("cartCountBump"); }); window.dispatchEvent(new CustomEvent("afonka3d:cart-added", { detail: { message } })); } function addCartItem(product, variant, quantity) { const productId = variant.productId || product.id; const productSlug = product.slug; const nextItem = lineTotal({ id: productId + ":" + variant.id, productId, variantId: variant.id, variantSku: variant.sku || variant.variantSku, fulfillmentMode: variant.fulfillmentMode, materialId: variant.materialId, materialCode: variant.materialCode, recipeLines: variant.recipeLines, slug: productSlug, sku: product.sku, title: product.title, material: variant.material, color: variant.color, colorHex: variant.colorHex, priceRub: variant.priceRub, customNote: variant.customNote, quantity, lineTotalRub: 0, }); const existing = readCart(); const updated = existing.some((item) => item.id === nextItem.id) ? existing.map((item) => item.id === nextItem.id ? lineTotal({ ...item, quantity: item.quantity + quantity }) : item) : existing.concat(nextItem); writeCart(updated); } function setupPurchasePanels() { document.querySelectorAll("[data-purchase-panel]").forEach((panel) => { if (panel.dataset.cartRuntimeReady === "1") return; panel.dataset.cartRuntimeReady = "1"; const product = JSON.parse(panel.querySelector("[data-product-json]")?.textContent || "{}"); const variants = JSON.parse(panel.querySelector("[data-variants-json]")?.textContent || "[]"); let selectedIndex = 0; let selected = variants[selectedIndex]; const priceNode = panel.querySelector("[data-selected-price]"); const mobilePriceNode = panel.querySelector("[data-mobile-selected-price]"); const availabilityNode = panel.querySelector("[data-selected-availability]"); const variantTitleNode = panel.querySelector("[data-selected-variant-title]"); const variantNoteNode = panel.querySelector("[data-selected-variant-note]"); const variantSwatchNode = panel.querySelector("[data-selected-swatch]"); const noticeNode = panel.querySelector("[data-cart-notice]"); const addButton = panel.querySelector("[data-add-to-cart]"); const mobileAddButton = panel.querySelector("[data-mobile-add-to-cart]"); const customButton = panel.querySelector("[data-add-custom-order]"); const customModal = panel.querySelector("[data-custom-order-modal]"); const openCustomButton = panel.querySelector("[data-open-custom-order]"); const closeCustomButton = panel.querySelector("[data-close-custom-order]"); const syncVariant = () => { panel.querySelectorAll("[data-variant-index]").forEach((button) => { const isSelected = Number(button.getAttribute("data-variant-index")) === selectedIndex; button.classList.toggle("selected", isSelected); button.setAttribute("aria-checked", String(isSelected)); }); if (priceNode && selected) priceNode.textContent = formatRub(selected.priceRub); if (mobilePriceNode && selected) mobilePriceNode.textContent = formatRub(selected.priceRub); if (availabilityNode && selected?.availability) availabilityNode.textContent = selected.availability.message; if (variantTitleNode && selected) variantTitleNode.textContent = selected.material + " · " + selected.color; if (variantNoteNode && selected?.availability) variantNoteNode.textContent = selected.availability.message; if (variantSwatchNode && selected?.colorHex) variantSwatchNode.style.background = selected.colorHex; panel.querySelectorAll("[data-selected-fulfillment]").forEach((node) => { node.textContent = selected?.availability?.label || ""; }); if (addButton && selected?.availability) { addButton.disabled = !selected.availability.orderable; addButton.textContent = selected.availability.orderable ? "Добавить в корзину" : "Недоступно"; } if (mobileAddButton && selected?.availability) { mobileAddButton.disabled = !selected.availability.orderable; mobileAddButton.textContent = selected.availability.orderable ? "В корзину" : "Недоступно"; } }; panel.querySelectorAll("[data-variant-index]").forEach((button) => { button.addEventListener("click", () => { const nextIndex = Number(button.getAttribute("data-variant-index")); if (Number.isFinite(nextIndex) && variants[nextIndex]) { selectedIndex = nextIndex; selected = variants[nextIndex]; } syncVariant(); }); }); openCustomButton?.addEventListener("click", () => { if (typeof customModal?.showModal === "function") customModal.showModal(); else customModal?.setAttribute("open", ""); }); closeCustomButton?.addEventListener("click", () => customModal?.close?.()); customModal?.addEventListener("click", (event) => { if (event.target === customModal) customModal.close?.(); }); mobileAddButton?.addEventListener("click", () => addButton?.click()); panel.querySelector("[data-add-to-cart]")?.addEventListener("click", () => { const quantityInput = panel.querySelector("[data-cart-quantity]"); const quantity = Math.max(1, Math.floor(Number(quantityInput?.value || 1))); if (!selected) return; if (selected.availability && !selected.availability.orderable) { if (noticeNode) noticeNode.textContent = selected.availability.message || "Вариант недоступен"; return; } if (selected.availability?.maxQuantity !== null && selected.availability?.maxQuantity !== undefined && quantity > selected.availability.maxQuantity) { if (noticeNode) noticeNode.textContent = "Доступно " + selected.availability.maxQuantity + " шт., уменьшите количество"; return; } addCartItem(product, selected, quantity); const message = quantity + " × " + selected.color + " добавлено в корзину"; if (noticeNode) { noticeNode.textContent = message; noticeNode.classList.remove("cartNoticePulse"); void noticeNode.offsetWidth; noticeNode.classList.add("cartNoticePulse"); } addButton?.classList.remove("cartButtonAdded"); void addButton?.offsetWidth; addButton?.classList.add("cartButtonAdded"); pulseCartUi(message); }); customButton?.addEventListener("click", () => { const quantity = Math.max(1, Math.floor(Number(panel.querySelector("[data-custom-quantity]")?.value || 1))); const family = String(panel.querySelector("[data-custom-family]")?.value || "PETG"); const note = String(panel.querySelector("[data-custom-note]")?.value || "").trim(); addCartItem(product, { id: "custom-order-" + family.toLowerCase().replace(/[^a-z0-9а-я]+/gi, "-") + "-" + Date.now(), sku: product.sku + "-CUSTOM", productId: selected?.productId || product.id, productSlug: selected?.productSlug || product.slug, material: family, color: "по пожеланиям", colorHex: selected?.colorHex || "#ff6a00", priceRub: 0, fulfillmentMode: "custom_order", availability: { label: "Индивидуальный заказ", orderable: true, maxQuantity: null }, customNote: note, }, quantity); const message = "Индивидуальная заявка добавлена в корзину"; if (noticeNode) { noticeNode.textContent = message; noticeNode.classList.remove("cartNoticePulse"); void noticeNode.offsetWidth; noticeNode.classList.add("cartNoticePulse"); } customButton?.classList.remove("cartButtonAdded"); void customButton?.offsetWidth; customButton?.classList.add("cartButtonAdded"); pulseCartUi(message); customModal?.close?.(); }); syncVariant(); }); } const ADMIN_DRAFTS_KEY = 'afonka3d.adminCatalogDrafts.v1'; const adminClean = (value) => String(value || '').trim().replace(/\s+/g, ' '); const readAdminDrafts = () => { try { const parsed = JSON.parse(window.localStorage.getItem(ADMIN_DRAFTS_KEY) || '[]'); return Array.isArray(parsed) ? parsed : []; } catch { return []; } }; const writeAdminDrafts = (drafts) => window.localStorage.setItem(ADMIN_DRAFTS_KEY, JSON.stringify(drafts)); function renderAdminCatalog() { const root = document.querySelector('[data-admin-catalog-root]'); const panel = document.querySelector('[data-admin-drafts-panel]'); if (!root || !panel) return; const liveProducts = JSON.parse(root.querySelector('[data-admin-live-products]')?.textContent || '[]'); const drafts = readAdminDrafts(); const availabilityLabels = { in_stock: 'В наличии', print_to_order: 'Печать под заказ', custom_order: 'Индивидуальный заказ' }; const summary = { live: liveProducts.length, drafts: drafts.length, total: liveProducts.length + drafts.length }; panel.innerHTML = '

Черновики

Живых' + summary.live + '

Черновиков' + summary.drafts + '

Всего' + summary.total + '

' + '' + '

' + (drafts.length ? drafts.map(adminDraftHtml).join('') : '

Черновиков пока нет. Создайте один — и он останется в localStorage этого браузера.

') + '

'; panel.querySelector('[data-admin-draft-form]')?.addEventListener('submit', (event) => { event.preventDefault(); const form = event.currentTarget; form.querySelectorAll('[data-admin-error]').forEach((node) => { node.textContent = ''; }); const data = Object.fromEntries(new FormData(form).entries()); const errors = {}; if (!adminClean(data.sku)) errors.sku = 'Укажите SKU'; if (!adminClean(data.title)) errors.title = 'Укажите название'; if (!Number(data.basePriceRub) || Number(data.basePriceRub) <= 0) errors.basePriceRub = 'Цена должна быть больше 0'; const normalizedSku = adminClean(data.sku).toUpperCase(); if (drafts.some((draft) => draft.sku === normalizedSku)) errors.sku = 'SKU уже есть в черновиках'; Object.entries(errors).forEach(([field, message]) => { const node = form.querySelector('[data-admin-error="' + field + '"]'); if (node) node.textContent = message; }); if (Object.keys(errors).length) return; const nextDraft = { id: 'draft-' + normalizedSku.toLowerCase(), sku: normalizedSku, title: adminClean(data.title), category: data.category || 'custom', availability: data.availability || 'print_to_order', basePriceRub: Math.round(Number(data.basePriceRub)), status: 'draft', updatedAt: new Date().toISOString() }; writeAdminDrafts(drafts.concat(nextDraft)); renderAdminCatalog(); }); panel.querySelectorAll('[data-admin-delete-draft]').forEach((button) => button.addEventListener('click', () => { writeAdminDrafts(readAdminDrafts().filter((draft) => draft.id !== button.getAttribute('data-admin-delete-draft'))); renderAdminCatalog(); })); panel.querySelectorAll('[data-admin-availability]').forEach((select) => select.addEventListener('change', () => { const id = select.getAttribute('data-admin-availability'); writeAdminDrafts(readAdminDrafts().map((draft) => draft.id === id ? { ...draft, availability: select.value, updatedAt: new Date().toISOString() } : draft)); renderAdminCatalog(); })); function adminDraftHtml(draft) { return '

' + escapeHtml(draft.sku) + ' · ЧЕРНОВИК

' + escapeHtml(draft.title) + '

' + escapeHtml(availabilityLabels[draft.availability] || draft.availability) + ' · обновлено ' + escapeHtml(new Date(draft.updatedAt).toLocaleString('ru-RU')) + '

' + formatRub(draft.basePriceRub) + '

'; } } function bootCartRuntime() { setupPurchasePanels(); renderAdminCatalog(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", bootCartRuntime); } else { bootCartRuntime(); } window.addEventListener("load", bootCartRuntime); setTimeout(bootCartRuntime, 250); setTimeout(bootCartRuntime, 1000); })();

Оформление