<скрипт> /* СКОЛЬЗИТЬ ВВЕРХ */ letlideUp = (цель, длительность=500) => { цель.стиль.transitionProperty = 'высота, поле, отступ'; цель.стиль.переходDuration = продолжительность + 'мс'; цель.стиль.размер коробки = 'border-box'; цель.стиль.высота = цель.offsetHeight + 'px'; цель.смещениеВысота; цель.стиль.переполнение = 'скрыто'; цель.стиль.высота = 0; цель.стиль.дополнениеTop = 0; цель.стиль.дополнениеBottom = 0; цель.стиль.маржаТоп = 0; цель.стиль.МаржаБоттом = 0; окно.окно.setTimeout( () => { цель.стиль.дисплей = 'нет'; цель.стиль.RemoveProperty('высота'); цель.стиль.RemoveProperty('padding-top'); цель.стиль.RemoveProperty('padding-bottom'); цель.стиль.RemoveProperty('маржа-верх'); цель.стиль.RemoveProperty('маржа-дно'); цель.стиль.RemoveProperty('переполнение'); цель.стиль.RemoveProperty('длительность перехода'); цель.стиль.RemoveProperty('свойство-перехода'); }, продолжительность); } /* СКОЛЬЗИТЬ ВНИЗ */ пусть слайдДаун = (цель, продолжительность = 500) => { setTimeout(функция(){ цель.стиль.RemoveProperty('отображение'); пусть дисплей = окно.getComputedStyle(цель).отображать; if (display === 'none') display = 'block'; цель.стиль.дисплей = дисплей; пусть высота = цель.смещениеВысота; цель.стиль.переполнение = 'скрыто'; цель.стиль.высота = 0; цель.стиль.дополнениеTop = 0; цель.стиль.дополнениеBottom = 0; цель.стиль.маржаТоп = 0; цель.стиль.МаржаБоттом = 0; цель.смещениеВысота; цель.стиль.размер коробки = 'border-box'; цель.стиль.transitionProperty = "высота, поле, отступ"; цель.стиль.переходDuration = продолжительность + 'мс'; цель.стиль.высота = высота + 'пикселей'; цель.стиль.RemoveProperty('padding-top'); цель.стиль.RemoveProperty('padding-bottom'); цель.стиль.RemoveProperty('маржа-верх'); цель.стиль.RemoveProperty('маржа-дно'); окно.окно.setTimeout( () => { цель.стиль.RemoveProperty('высота'); цель.стиль.RemoveProperty('переполнение'); цель.стиль.RemoveProperty('длительность перехода'); цель.стиль.RemoveProperty('свойство-перехода'); }, продолжительность); }, 100) } /* ТУГЛ */ var слайдToggle = (цель, продолжительность = 500) => { если (окно.getComputedStyle(цель).дисплей === 'нет') { вернуть слайдDown(цель, продолжительность); } еще { вернуть слайдUp(цель, продолжительность); } } /* ТУСКНЕТЬ */ var toggleFadeiSense = (elem, show) => { если (показать) { элем.стиль.дисплей = «блокировать»; setTimeout(функция(){ элем.список классов.добавить('показать-Isense'); элем.список классов.удалить('скрыть-Isense'); },20) } еще { элем.список классов.удалить('показать-Isense'); элем.список классов.добавить('скрыть-Isense'); setTimeout(() => { элем.стиль.дисплей = 'нет'; }, 400) } } вар usSlideUpAll = функция() { слайдВверх(документ.querySelector('#form-us-laws-edit-account-request'), 100); слайдВверх(документ.querySelector('#form-us-laws-requests-request'), 100); слайдВверх(документ.querySelector('#form-us-laws-personal-information-request'), 100); слайдВверх(документ.querySelector('#form-us-laws-orders-request'), 100); слайдВверх(документ.querySelector('#form-us-laws-personal-data-report-request'), 100); слайдВверх(документ.querySelector('#form-us-laws-do-not-sell-request'), 100); слайдВверх(документ.querySelector('#form-us-laws-delete-account-request'), 100); документ.querySelector('#us_page button').setAttribute("расширенная ария", "false"); }; вар электронная почта, тип, согласиегивен = ложь; varverificationModalContent = ''; вар usSendRequest = функция (обратный вызов) { выборка('https://www.облачная вспышка.ком/cdn-cgi/trace', { метод: 'GET', заголовки: { «Тип контента»: «текст/обычный», }, }) .then(соответственно => соотв.текст()) .тогда(соответственно => { если (!соответственно.ошибка) { пусть ipInfo = соответственно; пусть formData = новый FormData(); if (type === 'клиент/не продавать') { isenseGDPR.Печенье.set('cookieconsent_preferences_disabled', 'аналитика,маркетинг,функциональность,', { expires: 365 }); isenseGDPR.Печенье.set('cookieconsent_status', 'accept_selected', { expires: 365 }); если (тип окна.Shopify.customerPrivacy !== 'не определено') { isInSaleOfDataRegion = тип окна.Shopify.Конфиденциальность клиентаsaleOfDataRegion === 'функция'? окно.окно.Shopify.Конфиденциальность клиентаsaleOfDataRegion(): ложь; если (тип окна.Shopify.Конфиденциальность клиентаsetTrackingConsent === 'function' && isInSaleOfDataRegion) { окно.окно.Shopify.Конфиденциальность клиентаsetTrackingConsent( { «продажа_данных»: ложь }, () => { console.log('sale_of_data: false')} ); } } еще { консоль.log('API конфиденциальности клиентов не определен на текущей странице'); } если (документ.запросселектор('cc-окно')) { документ.запросселектор('окно копии')стиль.дисплей = 'нет'; } // сбрасываем текст всплывающего окна документ.querySelector('#us-laws-modal-container-text').innerHTML = 'Я даю свое согласие на сбор моего адреса электронной почты и IP-адреса для обработки этого запроса. Для получения дополнительной информации проверьте Политика конфиденциальности и Условия обслуживания.'; } formData.add('магазин', Shopify.Магазин); formData.добавить('электронная почта', электронная почта); formData.добавить('Тип', Тип); formData.добавить('sourceOfRequest', 7); formData.Append('ipAddress', ipInfo); formData.Append('consentGiven', согласиеGiven); formData.add('page', 'законы США'); formData.add('long', Shopify.локаль? Shopify.локаль: ''); formData.Append('gtranslateLang', isenseGDPR.Печенье.получить('googtrans') ? isenseGDPR.Печенье.get('googtrans'): ''); fetch('https://gdpr.Программы.isenselabs.com/gdprRequests/submitRequest', { метод: 'POST', тело: formData }) .then(соответственно => соотв.json()) .тогда(соответственно => { если (!соответственно.ошибка) { usSlideUpAll(); если (соответственносообщение.длина) { предупреждение (соответственносообщение); } еще { alert('Ваш запрос успешно отправлен. Пожалуйста, проверьте свою электронную почту для получения дополнительной информации.'); } } еще { предупреждение (соответственносообщение); } if (обратный вызов typeof == 'function') { обратный вызов (соответственно); } }) .поймать(ошибка => { предупреждение (ошибка.сообщение); }) } еще { предупреждение (соответственносообщение); } }) } //Добавляем модальное окно к телу, иначе оно не будет оставаться по центру (даже если позиция фиксирована) документ.querySelector("тело").InsertAdjacentHTML('beforeend',verificationModalContent); документ.addEventListener("DOMContentLoaded", function() { пусть searchParams = новый URLSearchParams(window.расположение.поиск); пусть параметр = searchParams.получить('идентификатор'); если (параметр) { документ.getElementById (параметр).прокруткиIntoView(); } // Когда пользователь нажимает (x), закрываем модальное окно документ.запросселектор('проверка данных-закрыть').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); закрытьVerificationModal(); }); документ.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); // Обнаруживаем щелчок по ссылке, поскольку она перезаписана.если (т.цельtagName === "A") { окно.окно.открыть (т.цельhref, '_blank'); возвращаться; } документ.querySelector('#data-verification-icon').список классов.добавить("нажал"); setTimeout(()=>{ toggleFadeiSense(document.querySelector("#data-verification-modal"), false); документ.querySelector('#data-verification-background .загрузка').стиль.дисплей = 'встроенный блок'; согласиегивен = правда; usSendRequest(функция(соответственно) { согласиегивен = ложь; закрытьVerificationModal(); }); }, 400); }); }); функция openVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); документ.querySelector('#ввод данных-проверки-контейнера').фокус(); } функция closeVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-background"), false); документ.querySelector('#data-verification-icon').список классов.удалить("щелкнул"); документ.querySelector('#data-verification-background .загрузка').стиль.дисплей = 'нет'; // Фокусируем кнопку выбранного типа запроса let usLawsForms = document.querySelectorAll('.сформируйте-нас-законы-запрос'); usLawsForms.forEach (функция (usLawsForm) { если (usLawsForm.стиль.дисплей !== "нет") { let usLawsFormLinks = usLawsForm.предыдущийЭлементСиблинг.querySelectorAll('ли'); если (usLawsFormLinks.длина === 1) { usLawsFormLinks[0].querySelector('кнопка').фокус(); } еще { // Логика фокуса для запросов переносимости данных usLawsFormLinks = usLawsForm.родительскийЭлемент; если (usLawsFormLinks.имяузла === 'LI') { usLawsFormLinks.querySelector('кнопка').фокус(); } } } }); } документ.querySelector('#btn-us-laws-edit-account-request').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); usSlideUpAll(); слайдВниз(документ.querySelector('#form-us-laws-edit-account-request'), 200); этот.setAttribute("расширенная ария", "истина"); }); документ.querySelector('#form-us-laws-edit-account-request-submit').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); электронная почта = документ.querySelector('#form-us-laws-edit-account-request-email').ценить; тип = 'клиент/редактировать'; openVerificationModal(); }); документ.querySelector('#btn-us-laws-requests-request').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); usSlideUpAll(); слайдВниз(документ.querySelector('#form-us-laws-requests-request'), 200); этот.setAttribute("расширенная ария", "истина"); }); документ.querySelector('#form-us-laws-requests-request-submit').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); электронная почта = документ.querySelector('#form-us-laws-requests-request-email').ценить; тип = 'клиент/запросы'; openVerificationModal(); }); документ.querySelector('#btn-us-laws-personal-information-request').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); usSlideUpAll(); слайдВниз(документ.querySelector('#form-us-laws-personal-information-request'), 200); этот.setAttribute("расширенная ария", "истина"); }); документ.querySelector('#form-us-laws-personal-information-request-submit').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); электронная почта = документ.querySelector('#form-us-laws-personal-information-request-email').ценить; тип = 'клиент/personal_info'; openVerificationModal(); }); документ.querySelector('#btn-us-laws-orders-request').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); usSlideUpAll(); слайдВниз(документ.querySelector('#form-us-laws-orders-request'), 200); этот.setAttribute("расширенная ария", "истина"); }); документ.querySelector('#form-us-laws-orders-request-submit').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); электронная почта = документ.querySelector('#form-us-laws-orders-request-email').ценить; тип = 'клиент/заказы'; openVerificationModal(); }); документ.querySelector('#btn-us-laws-personal-data-report-request').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); usSlideUpAll(); слайдВниз(документ.querySelector('#form-us-laws-personal-data-report-request'), 200); этот.setAttribute("расширенная ария", "истина"); }); документ.querySelector('#form-us-laws-personal-data-report-request-submit').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); электронная почта = документ.querySelector('#form-us-laws-personal-data-report-request-email').ценить; тип = 'клиент/отчет'; openVerificationModal(); }); документ.querySelector('#btn-us-laws-do-not-sell-request').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); usSlideUpAll(); слайдВниз(документ.querySelector('#form-us-laws-do-not-sell-request'), 200); этот.setAttribute("расширенная ария", "истина"); }); документ.querySelector('#form-us-laws-do-not-sell-request-submit').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); электронная почта = документ.querySelector('#form-us-laws-do-not-sell-request-email').ценить; type = 'клиент/не продавать'; // Проверяем, вошел ли клиент в систему если (__ст.cid != не определено) { документ.querySelector('#us-laws-modal-container-text').innerHTML = 'Я даю свое согласие на сбор моего адреса электронной почты и IP-адреса для обработки этого запроса. Для получения дополнительной информации проверьте Политика конфиденциальности и Условия обслуживания.'; } еще { документ.querySelector('#us-laws-modal-container-text').innerHTML = 'Я даю свое согласие на сбор моего адреса электронной почты и IP-адреса для обработки этого запроса. Для получения дополнительной информации проверьте Политика конфиденциальности и Условия обслуживания.
Примечание. Если вы являетесь гостевым пользователем или не вошли в свою учетную запись, ваш выбор отказа будет действовать только для этого сеанса браузера.'; } openVerificationModal(); }); документ.querySelector('#btn-us-laws-delete-account-request').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); usSlideUpAll(); слайдВниз(документ.querySelector('#form-us-laws-delete-account-request'), 200); этот.setAttribute("расширенная ария", "истина"); }); документ.querySelector('#form-us-laws-delete-account-request-submit').addEventListener('click', function(e) { е.предотвратитьПо умолчанию(); электронная почта = документ.querySelector('#form-us-laws-delete-account-request-email').ценить; тип = 'клиент/удалить'; открыть модальное окно проверки(); }); // Навигация с помощью клавиатуры в модальном окне проверки данных для документа специальных возможностей.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { пусть isTabPressed = e.ключевой код === 9 || е.клавиша === "Вкладка" || е.код === "Вкладка"; пусть isEscapePressed = e.ключевой код === 27 || е.ключ === "Побег" || е.код === "Побег"; пусть isSpacePressed = event.код ключа === 32 || е.ключ === " " || событие.код === "Пространство"; пусть isEnterPressed = событие.ключевой код === 13 || е.клавиша === «Ввод» || событие.код === «Ввести»; пусть dataVerificationCloseButton = document.запросселектор('проверка данных-закрыть'); пусть dataVerificationCheckbox = document.querySelector('#data-verification-container input'); пусть dataVerificationLink = document.querySelector('#data-verification-container a'); // Эта функция избавляет нас от необходимости вызывать e.PreventDefault() после каждой фокусировки let ExecuteFocus = (focusElement) => {focusElement.focus();e.preventDefault();} если (isEscapePressed) { если (dataVerificationCloseButton) { dataVerificationCloseButton.нажмите(); } } if (Пробел || нажат Enter) { of (document.activeElement === dataVerificationCheckbox) { документ.querySelector('#data-verification-container #data-verification-icon').нажмите(); } } если (isTabPressed) { если (т.ShiftKey) { если (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { выполнитьFocus (dataVerificationLink); } } еще { если (dataVerificationLink && document.activeElement === dataVerificationLink) { выполнитьFocus (dataVerificationCloseButton); } } } });