const params = (new URL(document.location)).searchParams; const bankId = params.get('bankId'); const banner = document.querySelector('.promo__banner'); const promoDate = document.querySelector('.promo__date'); const promoInfoText = document.querySelector('.promo__info'); const masterClass = document.querySelector('.masterClass__items'); (function dataChecker() { let promoStatus = document.querySelector('.promo') const now = new Date().getTime(); if (now > new Date(promoStatus.dataset.time)) { promoStatus.innerHTML = ``; } })(); if (bankId) { banner.innerHTML = `

` } else { banner.innerHTML = `

` } const stores = [{ cityUrl: `shymkent`, promoDate: `с 7 по 10 апреля`, promoText: `

- г. Шымкент, ТРК «Diamond Plaza», пр. Назарбаева, 177Б;

- г. Шымкент, ул. Кунаева, 37;

- г. Шымкент, ТРЦ «Бекжан», Жиделибайсын, 92.

`, masterClass: `

Мастер-классы по сборке игрового ПК

10 апреля

Подробнее

Адрес:

г.Шымкент, ул.Кунаева 37

Время: 12:00-13:30 / 15:00-16:30 / 18:00-19:30

` }, { cityUrl: `aktobe`, promoDate: `с 14 по 17 апреля`, promoText: `

- г. Актобе, ТРК "AQTOBE MALL" пр.Санкибай Батыра, 14/1

`, }, { cityUrl: `aktau`, promoDate: `с 14 по 17 апреля`, promoText: `

- г. Актау, Магазин в 17 мкр 17 мкр., 59

`, }, { cityUrl: `karaganda`, banner: `

`, promoDate: `с 14 по 17 апреля`, promoText: `

- г. Караганды, Магазин на Бухар Жырау, 72

- г. Караганды, ТРЦ «Ануар» мкр. Восток-2, 5/7

- г. Караганды, ТРЦ «GrandStore» (старый) пр. Бухар Жырау, 86

- г. Караганды, Магазин на пр. Бухар-Жырау, 85/2

`, },{ cityUrl: `astana`, banner: `

`, promoDate: `с 14 по 17 апреля`, promoText: `

- г. Нур-Султан, ТЦ «Abu Dhabi Plaza», Улица Сығанақ, 60/5

- г. Нур-Султан, ТЦ «Азия Сити», пр. Абылай хана, 27/3

- г. Нур-Султан, Магазин на Республики, 34а

- г. Нур-Султан, ТРЦ «MEGA Silk Way», пр.Қабанбай Батыр, 62

- г. Нур-Султан, ТРК «КЕРУЕН», ул. Достық, 9

- г. Нур-Султан, ТЦ «Рахмет», пр. Нұрғиса Тілендиев, 15

- г. Нур-Султан, Гипермаркет «Magnum Cash & Carry», пр. Тұран, 55д

- г. Нур-Султан, ТЦ «Жайлы», ул. Қаныш Сәтбаев, 14`, }] const location = window.location.href const foundCity = stores.find((city) => location.includes(city.cityUrl) && city) if (foundCity) { promoInfoText.innerHTML = foundCity.promoText promoDate.textContent = foundCity.promoDate if (foundCity.cityUrl === 'shymkent' && !bankId) { masterClass.innerHTML = foundCity.masterClass } if ((foundCity.cityUrl === 'astana' || foundCity.cityUrl === 'karaganda') && !bankId) { banner.innerHTML = foundCity.banner } } else { promoDate.textContent = `с 14 по 17 апреля` promoInfoText.innerHTML = `

- г. Алматы, ул. Жандосова, 34а;

- г. Алматы, ТРЦ «Almaty Mall», ул. Жандосова, 83.

` } const categories = []; let selectedButton; //Получаем список родительских категорий из json-файла, создаём объект каждой категории и пушим в массив categories fetch("https://www.technodom.kz/under/feed/without_discount.json") .then((response) => response.json()) .then((data) => { data.forEach(category => { const obj = { name: category.name, dataAttribute: category.external_id, } if (category.children.length > 0) { obj.nestedCategories = [...category.children] } categories.push(obj); }) console.log(categories); generateTreeButtons(categories) }); //Функция для генерации кнопок для родительских категорий по семантике function generateTreeButtons(categories) { if (categories.length > 0) { categories.forEach(category => { const categoryListItem = document.createElement("li"); categoryListItem.className = "categories__list-item"; const categoryListItemBtn = document.createElement("button"); categoryListItemBtn.className = 'categories__list-item-button'; categoryListItemBtn.textContent = category.name; categoryListItemBtn.addEventListener("click", e => { if (!e.target.nextElementSibling.classList.contains("categories__nested-list--active") && !e.target.classList.contains("categories__list-item-button--active")) { document.querySelectorAll('.categories__nested-list').forEach(list => list.classList.remove("categories__nested-list--active")); document.querySelectorAll('.categories__list-item-button').forEach(btn => btn.classList.remove("categories__list-item-button--active")); e.target.classList.add("categories__list-item-button--active"); e.target.nextElementSibling.classList.add("categories__nested-list--active"); } else { e.target.classList.remove("categories__list-item-button--active"); e.target.nextElementSibling.classList.remove("categories__nested-list--active"); } }) categoryListItem.append(categoryListItemBtn); //Если у родительской категории есть дочерние/вложенные категории, то вызываем функцию для генерации их разметки if (category.nestedCategories) { generateAndAppendNestedCategories(category.nestedCategories, categoryListItem) } document.querySelector('.buttons__buttons').append(categoryListItem); }) const bestOffers = `

` document.querySelector('.buttons__buttons').insertAdjacentHTML('afterbegin', bestOffers); createReesObject(document.querySelector('.categories__btn').dataset.key); // document.querySelector('.categories__list-item-button').click(); selectedButton = document.querySelector('.categories__btn'); selectedButton.classList.add("categories__btn--active") } } //Функция для генерации кнопок дочерних категорий, где второй параметр - родительская категория (опять же по семантике) function generateAndAppendNestedCategories(nestedCategories, categoryListItem) { const nestedCategoriesList = document.createElement("ul"); nestedCategoriesList.className = 'categories__nested-list' nestedCategories.forEach(category => { const nestedCategoryListItem = document.createElement("li"); nestedCategoryListItem.className = "categories__nested-list-item" const categoryBtn = document.createElement("button"); categoryBtn.className = 'categories__btn'; categoryBtn.textContent = category.name; categoryBtn.setAttribute("data-key", category.external_id); nestedCategoryListItem.append(categoryBtn); nestedCategoriesList.append(nestedCategoryListItem) categoryListItem.append(nestedCategoriesList) }) } const categoriesButtonsContainer = document.querySelector( '.categories__buttons-container' ); const categoriesOverlay = document.querySelector('.categories__overlay'); const categoriesButtonsCloseBtn = document.querySelector('.buttons__top-close-btn'); const categoriesListItems = document.querySelectorAll('.categories__list-item'); const burgerBtns = document.querySelectorAll('.categories__burger-btn'); categoriesButtonsContainer.addEventListener("click", function (e) { const target = e.target; if (target.tagName !== "BUTTON" || target.className !== "categories__btn") { return } else { highlightButton(target); } }) function highlightButton(target) { if (selectedButton) { selectedButton.classList.remove("categories__btn--active") } selectedButton = target; createReesObject(selectedButton.dataset.key) selectedButton.classList.add("categories__btn--active"); categoriesButtonsContainer.scrollIntoView({ block: "start", behavior: "smooth", }) if (window.screen.width < 780) { categoriesOverlay.classList.add("categories__overlay--hidden") document.documentElement.style.overflowY = "auto"; categoriesButtonsContainer.classList.add("buttons--hidden"); } document.querySelector('.categories__burger-btn').scrollIntoView({ block: "start", behavior: "smooth", }) } function createReesObject(categoryBtnDataset) { const reesObject = { categories: [categoryBtnDataset], items: [], }; function productFunction(reesCode, reesObject) { r46( 'recommend', reesCode, reesObject, function (response) { if (!response.html) { document.querySelector( '#r46reco' ).innerHTML = `

Извините, но товары в этой категории закончились.

`; return; } document.querySelector('#r46reco').innerHTML = response.html; }, function (error) { console.error(error); } ); } console.log(reesObject); if (categoryBtnDataset === 'best-offer') { productFunction('a4da33ca6a9c55975ef5f945197c9e76', reesObject) } else { productFunction('dff79a99630241175dd6566a54b0c01a', reesObject) } } Array.from(burgerBtns).forEach(burgerBtn => { burgerBtn.addEventListener("click", function () { categoriesOverlay.classList.remove("categories__overlay--hidden"); document.documentElement.style.overflowY = "hidden"; categoriesButtonsContainer.classList.remove("buttons--hidden"); }) }) categoriesButtonsCloseBtn.addEventListener("click", () => { categoriesOverlay.classList.add("categories__overlay--hidden"); document.documentElement.style.overflowY = "auto"; categoriesButtonsContainer.classList.add("buttons--hidden"); }) categoriesOverlay.addEventListener("click", (e) => { if (e.target === categoriesOverlay) { categoriesOverlay.classList.add("categories__overlay--hidden") document.documentElement.style.overflowY = "auto"; categoriesButtonsContainer.classList.add("buttons--hidden"); } })

Кэшбэк 20% на ВСЕ!

Категории