(function() { var dealerContactsContainer = document.getElementsByClassName("n102-00__container"); var dealerContactsOriginal = document.getElementsByClassName("n102-00__contacts"); var dealerTooltip = document.getElementsByClassName("dealer-tooltip"); // получение ID секции var sessionIdItem = document.getElementsByClassName("section"); var sessionId = sessionIdItem[2].getAttribute("data-section-id"); console.log(sessionId); // получение нужного массива из объекта var dealersData = __PRELOADED_DATA__[sessionId]; var dealersDataParse = JSON.parse(dealersData); console.log(dealersDataParse); // создание нового блока контактов var dealerContactsNew = document.createElement('div'); dealerContactsNew.classList.add("n102-00__contacts-wrapper"); // html для него var ContactsHtmlCode = `

`; dealerContactsNew.innerHTML = ContactsHtmlCode; // десктопный вариант контактов function changeLocationInfoDesktop () { dealerContactsOriginal[0].style.display='none'; dealerContactsContainer[0].append(dealerContactsNew); // dealerContactsNew.setAttribute("style", "display: flex;"); dealerContactsNew.style.display="flex"; dealerContactsNew.style.marginLeft="auto"; dealerContactsNew.style.flexDirection="column" if (dealerTooltip[0]) { dealerTooltip[0].style.visibility='hidden'; }; }; // моблиный вариант контактов - возвращение исходного блока function changeLocationInfoMobile () { dealerContactsNew.style.flexDirection="row" dealerContactsNew.style.alignItems="center" if (dealerTooltip[0]) { dealerTooltip[0].style.visibility='visible'; }; }; function windowWidthSwitch() { switch(true) { case window.innerWidth >= 1024: console.log("case desktop"); changeLocationInfoDesktop(); break; case window.innerWidth <= 1023: console.log("case mobile"); changeLocationInfoMobile(); break; }; }; windowWidthSwitch(); // observer var target = document.querySelector('[data-section-name="gnr_n102-00"]'); var config = { subtree: true, attributes: true, characterData: true }; var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { windowWidthSwitch(); }); }); observer.observe(target, config); })();