(function () { var doc = document; var root = doc.documentElement; var language = root.getAttribute("lang") || ""; var isEnglish = language.indexOf("en") === 0; var isRussian = language.indexOf("ru") === 0; var cmUnit = isEnglish ? "cm" : "см"; var currencyUnit = isEnglish ? "UAH" : "грн"; var squareMeterUnit = isEnglish ? "UAH / m²" : "грн / м²"; var photoLabel = isEnglish ? "Photo" : "Фото"; var pillowLabel = isEnglish ? "Pillow" : "Подушка"; var bagLabel = isEnglish ? "Bag" : "Сумка"; var availableLabel = isEnglish ? "Available now" : isRussian ? "В наличии" : "В наявності"; var customLabel = isEnglish ? "Made to order" : isRussian ? "Под заказ" : "Під замовлення"; var sendingLabel = isEnglish ? "Sending..." : isRussian ? "Отправляем..." : "Відправляємо..."; var sentLabel = isEnglish ? "Request sent." : isRussian ? "Заявка отправлена." : "Заявку відправлено."; var orderErrorLabel = isEnglish ? "Could not send the request. Please email us or write on Instagram." : isRussian ? "Не удалось отправить. Напишите нам напрямую на email или в Instagram." : "Не вдалося відправити. Напишіть нам напряму на email або в Instagram."; var reviewSentLabel = isEnglish ? "Thank you. The review was sent for moderation." : isRussian ? "Спасибо. Отзыв отправлен на модерацию." : "Дякуємо. Відгук надіслано на модерацію."; var reviewErrorLabel = isEnglish ? "Could not send the review automatically. Please write directly to kilimartstudio@gmail.com" : isRussian ? "Не удалось отправить отзыв автоматически. Напишите нам напрямую: kilimartstudio@gmail.com" : "Не вдалося надіслати відгук автоматично. Напишіть нам напряму: kilimartstudio@gmail.com"; var pillowIndex = 0; var bagIndexes = {}; function ready(fn) { if (doc.readyState === "loading") { doc.addEventListener("DOMContentLoaded", fn); } else { fn(); } } function reactReady() { return root.getAttribute("data-kilim-hydrated") === "true"; } function matches(element, selector) { var fn = element.matches || element.msMatchesSelector || element.webkitMatchesSelector; return fn ? fn.call(element, selector) : false; } function closest(element, selector) { while (element && element.nodeType === 1) { if (matches(element, selector)) { return element; } element = element.parentNode; } return null; } function text(element) { return element ? (element.textContent || "").replace(/\s+/g, " ").trim() : ""; } function pad(number) { return number < 10 ? "0" + number : String(number); } function setText(selector, value, rootElement) { var element = (rootElement || doc).querySelector(selector); if (element) { element.textContent = value; } } function addClass(element, className) { if (!element) { return; } if (element.classList) { element.classList.add(className); } else if ((" " + element.className + " ").indexOf(" " + className + " ") < 0) { element.className += " " + className; } } function removeClass(element, className) { if (!element) { return; } if (element.classList) { element.classList.remove(className); } else { element.className = (" " + element.className + " ") .replace(" " + className + " ", " ") .replace(/^\s+|\s+$/g, ""); } } function setWidth(width) { var buttons = doc.querySelectorAll(".width-tabs button"); var cards = doc.querySelectorAll(".product-card[data-width]"); var index; for (index = 0; index < buttons.length; index += 1) { if (buttons[index].getAttribute("data-width") === width) { addClass(buttons[index], "active"); } else { removeClass(buttons[index], "active"); } } for (index = 0; index < cards.length; index += 1) { if (cards[index].getAttribute("data-width") === width) { removeClass(cards[index], "is-hidden"); } else { addClass(cards[index], "is-hidden"); } } } function lengthOptions(width, min, max) { var html = ""; var length; for (length = min; length <= max; length += 10) { html += '"; } return html; } function price(width, length) { return Math.round((Number(width) / 100) * (Number(length) / 100) * 5000); } function formatPrice(value) { return String(value).replace(/\B(?=(\d{3})+(?!\d))/g, " "); } function formValue(form, name) { var field = form.querySelector('[name="' + name + '"]'); return field ? field.value || "" : ""; } function setFormValue(form, name, value) { var field = form.querySelector('[name="' + name + '"]'); if (field) { field.value = value; } } function selectedOptionText(form, name) { var field = form.querySelector('[name="' + name + '"]'); if (field && field.options && field.selectedIndex >= 0) { return field.options[field.selectedIndex].text || field.value || ""; } return formValue(form, name); } function formFile(form, name) { var field = form.querySelector('[name="' + name + '"]'); return field && field.files && field.files[0] ? field.files[0] : null; } function showStatus(form, type, message) { var status = form.querySelector(".legacy-form-status"); if (!status) { status = doc.createElement("p"); status.className = "form-status legacy-form-status"; form.appendChild(status); } status.className = "form-status legacy-form-status " + type; status.textContent = message; } function sendOrder(form, payload) { var xhr = new XMLHttpRequest(); showStatus(form, "", sendingLabel); xhr.open("POST", "/api/order", true); xhr.setRequestHeader("Content-Type", "application/json"); xhr.onreadystatechange = function () { if (xhr.readyState !== 4) { return; } if (xhr.status >= 200 && xhr.status < 300) { showStatus(form, "success", sentLabel); } else { showStatus(form, "error", orderErrorLabel); } }; xhr.send(JSON.stringify(payload)); } function sendReview(form, payload) { var xhr = new XMLHttpRequest(); var photo = formFile(form, "photo"); var body; showStatus(form, "", sendingLabel); xhr.open("POST", "/api/review", true); xhr.onreadystatechange = function () { if (xhr.readyState !== 4) { return; } if (xhr.status >= 200 && xhr.status < 300) { showStatus( form, "success", reviewSentLabel ); form.reset(); } else { showStatus( form, "error", reviewErrorLabel ); } }; if (photo) { body = new FormData(); Object.keys(payload).forEach(function (key) { body.append(key, payload[key]); }); body.append("photo", photo); xhr.send(body); } else { xhr.setRequestHeader("Content-Type", "application/json"); xhr.send(JSON.stringify(payload)); } } function closeLegacyModal() { var modal = doc.querySelector(".legacy-order-modal"); if (modal && modal.parentNode) { modal.parentNode.removeChild(modal); } } function openLegacyOrder(button) { var name = button.getAttribute("data-ornament-name") || "Орнамент"; var width = button.getAttribute("data-width") || "70"; var min = Number(button.getAttribute("data-min-length") || "80"); var max = Number(button.getAttribute("data-max-length") || "170"); var image = button.getAttribute("data-image") || ""; var firstLength = min; var form = doc.querySelector(".runner-order-form"); var lengthSelect; var previewImage; if (!form) { return; } setText(".runner-selected-field", name, form); setText(".runner-width-field", width + " " + cmUnit, form); setFormValue(form, "ornament", name); setFormValue(form, "width", width); lengthSelect = form.querySelector('[name="length"]'); if (lengthSelect) { lengthSelect.innerHTML = lengthOptions(width, min, max); lengthSelect.value = String(firstLength); } previewImage = form.querySelector(".runner-selected-preview img"); if (previewImage && image) { previewImage.setAttribute("src", image); previewImage.setAttribute("alt", name); } updateRunnerPrice(form); if (window.scrollTo) { var nav = doc.querySelector(".category-nav"); var navHeight = nav ? nav.offsetHeight || 0 : 0; var previousScrollBehavior = doc.documentElement.style.scrollBehavior; var targetTop = form.getBoundingClientRect().top + (window.pageYOffset || doc.documentElement.scrollTop || 0) - navHeight - 16; doc.documentElement.style.scrollBehavior = "auto"; try { window.scrollTo({ top: Math.max(targetTop, 0), left: 0, behavior: "auto" }); } catch (error) { window.scrollTo(0, Math.max(targetTop, 0)); } window.setTimeout(function () { doc.documentElement.style.scrollBehavior = previousScrollBehavior; }, 0); } else if (form.scrollIntoView) { try { form.scrollIntoView({ behavior: "smooth", block: "start" }); } catch (error) { form.scrollIntoView(); } } } function updateRunnerPrice(form) { var width = Number(formValue(form, "width") || "70"); var length = Number(formValue(form, "length") || "80"); var value = price(width, length); setFormValue(form, "price", value); setText("[data-runner-price]", formatPrice(value) + " " + currencyUnit, form); setText( "[data-runner-price-details]", width + " " + cmUnit + " x " + length + " " + cmUnit + " · 5 000 " + squareMeterUnit, form ); } function moveHorizontal(scroller, index) { if (scroller) { scroller.scrollLeft = index * scroller.clientWidth; } } function updatePillow(index) { var slides = doc.querySelectorAll(".pillow-slide"); var thumbs = doc.querySelectorAll(".pillow-thumbnails button"); var scroller = doc.querySelector(".pillow-main-scroller"); var total = slides.length; var i; if (!total) { return; } pillowIndex = (index + total) % total; moveHorizontal(scroller, pillowIndex); setText(".pillow-counter", pad(pillowIndex + 1) + " / " + pad(total)); setText(".pillow-form .selected-photo-field", photoLabel + " " + pad(pillowIndex + 1) + " / " + pad(total)); for (i = 0; i < thumbs.length; i += 1) { if (i === pillowIndex) { addClass(thumbs[i], "active"); } else { removeClass(thumbs[i], "active"); } } } function updateBag(block, index, shouldMove) { if (!block) { return; } var blocks = doc.querySelectorAll(".bag-photo-block"); var blockIndex = 0; var slides = block.querySelectorAll(".bag-photo-slide"); var total = slides.length; var scroller = block.querySelector(".bag-photo-scroller"); var title = text(block.querySelector(".bag-photo-header h3")); var i; for (i = 0; i < blocks.length; i += 1) { if (blocks[i] === block) { blockIndex = i; } } if (!total) { return; } bagIndexes[blockIndex] = (index + total) % total; if (shouldMove !== false) { moveHorizontal(scroller, bagIndexes[blockIndex]); } setText(".bag-photo-header span", pad(bagIndexes[blockIndex] + 1) + " / " + pad(total), block); setText( ".bag-order-form .selected-photo-field", title + " · фото " + pad(bagIndexes[blockIndex] + 1) + " / " + pad(total) ); } function syncBagFromScroller(scroller) { var block = closest(scroller, ".bag-photo-block"); var width = scroller.clientWidth || 1; var index = Math.round(scroller.scrollLeft / width); if (block) { updateBag(block, index, false); } } function updateCatalogProductGallery(button) { var media = closest(button, ".catalog-product-media"); var mainImage = media ? media.querySelector(".catalog-product-main-image") : null; var nextImage = button.getAttribute("data-catalog-product-gallery-image"); var buttons = media ? media.querySelectorAll(".catalog-product-gallery-button") : []; var i; if (!mainImage || !nextImage) { return; } mainImage.setAttribute("src", nextImage); mainImage.setAttribute("alt", button.getAttribute("aria-label") || mainImage.getAttribute("alt") || ""); for (i = 0; i < buttons.length; i += 1) { if (buttons[i] === button) { buttons[i].setAttribute("aria-current", "true"); } else { buttons[i].removeAttribute("aria-current"); } } } function submitLegacyOrder(form) { var length = Number(formValue(form, "length") || "80"); var ornament = formValue(form, "ornament") || text(form.querySelector(".runner-selected-field")); var widthText = formValue(form, "width") || text(form.querySelector(".runner-width-field")).replace(/\D/g, ""); sendOrder(form, { ornament: ornament, width: Number(widthText || "70"), length: length, color: selectedOptionText(form, "color"), price: price(widthText || 70, length), name: formValue(form, "customerName"), contact: formValue(form, "contact"), location: formValue(form, "location"), note: formValue(form, "note"), }); } function submitPillow(form) { var selected = text(form.querySelector(".selected-photo-field")); sendOrder(form, { productType: pillowLabel, ornament: pillowLabel + " " + pad(pillowIndex + 1), width: 0, length: 0, color: formValue(form, "color"), price: 2500, name: formValue(form, "customerName"), contact: formValue(form, "contact"), location: formValue(form, "location"), note: selected + "\n" + formValue(form, "note"), }); } function submitBag(form) { var selected = text(form.querySelector(".selected-photo-field")); sendOrder(form, { productType: bagLabel, ornament: selected, width: 0, length: 0, color: selected.indexOf(customLabel) >= 0 ? customLabel : availableLabel, price: 0, name: formValue(form, "customerName"), contact: formValue(form, "contact"), location: formValue(form, "location"), note: selected + "\n" + formValue(form, "note"), }); } function submitReview(form) { sendReview(form, { productType: selectedOptionText(form, "product"), rating: Number(formValue(form, "rating") || "5"), name: formValue(form, "customerName"), review: formValue(form, "review"), website: formValue(form, "website"), }); } ready(function () { doc.addEventListener( "contextmenu", function (event) { if (closest(event.target, "img.protected-image")) { event.preventDefault(); } }, true ); doc.addEventListener( "dragstart", function (event) { if (closest(event.target, "img.protected-image")) { event.preventDefault(); } }, true ); doc.addEventListener( "copy", function (event) { if (closest(event.target, "img.protected-image")) { event.preventDefault(); } }, true ); doc.addEventListener( "click", function (event) { var target = event.target; var widthButton; var orderButton; var pillowButton; var pillowThumb; var bagButton; var bagSlide; var bagBlock; var bagSlideHref; var productGalleryButton; if (reactReady()) { return; } widthButton = closest(target, ".width-tabs button"); if (widthButton) { event.preventDefault(); setWidth(widthButton.getAttribute("data-width") || text(widthButton).replace(/\D/g, "")); return; } orderButton = closest(target, "[data-order-open]"); if (orderButton) { event.preventDefault(); openLegacyOrder(orderButton); return; } if (closest(target, "[data-fallback-close]")) { event.preventDefault(); closeLegacyModal(); return; } pillowButton = closest(target, ".pillow-nav-next, .pillow-nav-prev"); if (pillowButton) { event.preventDefault(); updatePillow(pillowIndex + (matches(pillowButton, ".pillow-nav-prev") ? -1 : 1)); return; } pillowThumb = closest(target, ".pillow-thumbnails button"); if (pillowThumb) { event.preventDefault(); updatePillow(Number(pillowThumb.getAttribute("data-index") || "0")); return; } productGalleryButton = closest(target, ".catalog-product-gallery-button"); if (productGalleryButton) { event.preventDefault(); updateCatalogProductGallery(productGalleryButton); return; } bagButton = closest(target, ".bag-photo-nav-next, .bag-photo-nav-prev"); if (bagButton) { event.preventDefault(); bagBlock = closest(bagButton, ".bag-photo-block"); updateBag( bagBlock, (bagIndexes[[].indexOf.call(doc.querySelectorAll(".bag-photo-block"), bagBlock)] || 0) + (matches(bagButton, ".bag-photo-nav-prev") ? -1 : 1) ); return; } bagSlide = closest(target, ".bag-photo-slide"); if (bagSlide) { bagBlock = closest(bagSlide, ".bag-photo-block"); updateBag(bagBlock, Number(bagSlide.getAttribute("data-bag-slide-index") || "0")); bagSlideHref = bagSlide.getAttribute("href"); if (bagSlideHref) { event.preventDefault(); window.location.href = bagSlideHref; return; } event.preventDefault(); } }, true ); doc.addEventListener( "change", function (event) { var field = event.target; var form; if (reactReady()) { return; } if (matches(field, '.runner-order-form [name="length"]')) { form = closest(field, ".runner-order-form"); if (form) { updateRunnerPrice(form); } } }, true ); var bagScrollers = doc.querySelectorAll(".bag-photo-scroller"); for (var index = 0; index < bagScrollers.length; index += 1) { (function (scroller) { var timer = null; scroller.addEventListener("scroll", function () { if (reactReady()) { return; } if (timer) { clearTimeout(timer); } timer = setTimeout(function () { syncBagFromScroller(scroller); }, 120); }); })(bagScrollers[index]); } doc.addEventListener( "submit", function (event) { var form = event.target; if (reactReady()) { return; } if (matches(form, ".runner-order-form") || matches(form, ".legacy-order-panel")) { event.preventDefault(); submitLegacyOrder(form); } else if (matches(form, ".pillow-form")) { event.preventDefault(); submitPillow(form); } else if (matches(form, ".bag-order-form")) { event.preventDefault(); submitBag(form); } else if (matches(form, ".review-form")) { event.preventDefault(); submitReview(form); } }, true ); }); })();

Branch