Соответствие GDPR

<скрипт> /* СКОЛЬЗИТЬ ВВЕРХ */ пусть slideUp = (цель, продолжительность = 500) => { цель. стиль. transitionProperty = 'высота, поля, отступы'; цель. стиль. transitionDuration = продолжительность + 'мс'; цель. стиль. размер коробки = 'граница-коробка'; цель. стиль. высота = цель. offsetHeight + 'пкс'; цель. высота смещения; цель. стиль. переполнение = 'скрытый'; цель. стиль. высота = 0; цель. стиль. верхняя часть отступа = 0; цель. стиль. отступБоттом = 0; цель. стиль. маржаВерх = 0; цель. стиль. нижняя граница = 0; окно. setTimeout( () => { цель. стиль. дисплей = 'нет'; цель. стиль. удалить свойство ("высота"); цель. стиль. removeProperty('отступ сверху'); цель. стиль. removeProperty('отступ снизу'); цель. стиль. removeProperty('margin-top'); цель. стиль. removeProperty('нижнее поле'); цель. стиль. удалить свойство («переполнение»); цель. стиль. removeProperty («длительность перехода»); цель. стиль. removeProperty('свойство-переход'); }, продолжительность); } /* СКОЛЬЗИТЬ ВНИЗ */ let slideDown = (цель, продолжительность = 500) => { setTimeout (функция () { цель. стиль. удалить свойство ("отображение"); пусть дисплей = окно. получитьComputedStyle(цель). отображать; if (display === 'none') display = 'block'; цель. стиль. дисплей = дисплей; пусть высота = цель. высота смещения; цель. стиль. переполнение = 'скрытый'; цель. стиль. высота = 0; цель. стиль. верхняя часть отступа = 0; цель. стиль. отступБоттом = 0; цель. стиль. маржаВерх = 0; цель. стиль. нижняя граница = 0; цель. высота смещения; цель. стиль. размер коробки = 'граница-коробка'; цель. стиль. transitionProperty = "высота, поля, отступы"; цель. стиль. transitionDuration = продолжительность + 'мс'; цель. стиль. высота = высота + 'пкс'; цель. стиль. removeProperty('отступ сверху'); цель. стиль. removeProperty('отступ снизу'); цель. стиль. removeProperty('margin-top'); цель. стиль. removeProperty('нижнее поле'); окно. setTimeout( () => { цель. стиль. удалить свойство ("высота"); цель. стиль. удалить свойство («переполнение»); цель. стиль. removeProperty («длительность перехода»); цель. стиль. removeProperty('свойство-переход'); }, продолжительность); }, 100) } /* ТУГЛ */ var slideToggle = (цель, продолжительность = 500) => { если (окно. получитьComputedStyle(цель). дисплей === 'нет') { вернуть slideDown (цель, продолжительность); } еще { вернуть slideUp (цель, продолжительность); } } /* ТУСКНЕТЬ */ var toggleFadeiSense = (элемент, показать) => { если (показать) { элемент стиль. дисплей = "заблокировать"; setTimeout (функция () { элемент список классов. добавить('показать-исмысл'); элемент список классов. удалить('скрыть смысл'); },20) } еще { элемент список классов. удалить ('показать смысл'); элемент список классов. добавить('скрыть смысл'); setTimeout(() => { элемент стиль. дисплей = 'нет'; }, 400) } } вар gdprSlideUpAll = функция () { слайдВверх(документ. querySelector('#form-gdpr-edit-account-request'), 100); слайдВверх(документ. querySelector('#form-gdpr-data-account-request'), 100); слайдВверх(документ. querySelector('#form-gdpr-personal-data-report-request'), 100); слайдВверх(документ. querySelector('#form-gdpr-delete-account-request'), 100); документ. querySelector('кнопка #gdpr_page'). setAttribute("aria-expanded", "false"); }; var электронная почта, тип, acceptGiven = false; var VerificationModalContent = ''; var gdprSendRequest = функция (обратный вызов) { выборка('https://www. облачная вспышка. com/cdn-cgi/трассировка', { метод: «ПОЛУЧИТЬ», заголовки: { «Тип контента»: «текстовый/обычный», }, }) . тогда (соответственно => соотв. текст()) . тогда (соответственно => { если (! соотв. ошибка) { пусть ipInfo = соответственно; пусть formData = новые FormData(); данные формы. добавить('магазин', Shopify. магазин); данные формы. добавить('электронная почта', электронная почта); данные формы. добавить('тип', тип); данные формы. добавить('источникЗапроса', 1); данные формы. добавить('IP-адрес', ipInfo); данные формы. добавить('Дано согласие', Дано согласие); данные формы. добавить('страница', 'gdpr'); данные формы. добавить('язык', Shopify. местный ? Shopify. местный : ''); данные формы. append('gtranslateLang', isenseGDPR. Печенье. получить('гугтранс') ? isenseGDPR. Печенье. получить('гугтранс') : ''); выборка('https://gdpr. Программы. isenselabs. com/gdprRequests/submitRequest', { метод: «ПОСТ», тело: данные формы }) . тогда (соответственно => соотв. json()) . тогда (соответственно => { если (! соотв. ошибка) { gdprSlideUpAll(); если (отв. сообщение. длина) { оповещение (отв. сообщение); } еще { Сообщить('Ваш запрос успешно отправлен. Пожалуйста, проверьте свою электронную почту для получения дополнительной информации. '); } } еще { оповещение (отв. сообщение); } если (тип обратного вызова == 'функция') { обратный вызов (соотв.); } }) . поймать (ошибка => { оповещение (ошибка. сообщение); }) } еще { оповещение (отв. сообщение); } }) } //Добавляем модальность к телу, потому что иначе она не будет центрирована (даже если позиция фиксирована) документ. селектор запросов("тело"). insertAdjacentHTML('до конца', verifyModalContent); документ. addEventListener("DOMContentLoaded", function() { // Когда пользователь нажимает (x), закрываем модальное окно документ. селектор запросов(' проверка данных-закрыть'). addEventListener('щелчок', function(e) { И. предотвратить по умолчанию(); closeVerificationModal(); }); документ. querySelector('#data-verification-icon, #data-verification-container p'). addEventListener('щелчок', function(e) { И. предотвратить по умолчанию(); // Обнаружить щелчок по ссылке, потому что она перезаписана. если (и. цель имятега === "А") { окно. открыть (и. цель href, '_blank'); возвращаться; } документ. querySelector('#data-verification-icon'). список классов. добавить("кликнул"); setTimeout(()=>{ toggleFadeiSense(document. querySelector("#data-verification-modal"), false); документ. querySelector('#data-verification-background . загрузка»). стиль. дисплей = 'встроенный блок'; согласиеДано = Истина; gdprSendRequest (функция (соотв.) { согласиеДано = Ложь; closeVerificationModal(); }); }, 400); }); }); функция openVerificationModal(){ toggleFadeiSense(document. querySelector("#data-verification-modal"), true); toggleFadeiSense(document. querySelector('#data-verification-background'), true); } функция closeVerificationModal(){ toggleFadeiSense(document. querySelector("#data-verification-background"), false); документ. querySelector('#data-verification-icon'). список классов. удалить("щелкнул"); документ. querySelector('#data-verification-background . загрузка»). стиль. дисплей = 'нет'; } документ. querySelector('#btn-gdpr-edit-account-request'). addEventListener('щелчок', function(e) { И. предотвратить по умолчанию(); gdprSlideUpAll(); слайдВниз(документ. querySelector('#form-gdpr-edit-account-request'), 200); этот. setAttribute("aria-expanded", "true"); }); документ. querySelector('#form-gdpr-edit-account-request-submit'). addEventListener('щелчок', function(e) { И. предотвратить по умолчанию(); электронная почта = документ. querySelector('#form-gdpr-edit-account-request-email'). ценить; тип = 'клиент/изменить'; openVerificationModal(); }); документ. querySelectorAll('#btn-gdpr-requests-request, #btn-gdpr-personal-information-request, #btn-gdpr-orders-request'). для каждого (элемент => { элемент. addEventListener('щелчок', function(e) { И. предотвратить по умолчанию(); gdprSlideUpAll(); тип = ''; переключатель (этот. получитьАтрибут('идентификатор')) { case 'btn-gdpr-requests-request': тип = 'клиент/запросы'; перерывы; case 'btn-gdpr-запрос личной информации': тип = 'клиент/личная_информация'; перерывы; case 'btn-gdpr-orders-request': тип = 'клиент/заказы'; перерывы; } документ. querySelector('#form-gdpr-data-account-request-request-type'). значение = тип; слайдВниз(документ. querySelector('#form-gdpr-data-account-request'), 200); этот. setAttribute("aria-expanded", "true"); }) }); документ. querySelector('#form-gdpr-data-account-request-submit'). addEventListener('щелчок', function(e) { И. предотвратить по умолчанию(); электронная почта = документ. querySelector('#form-gdpr-data-account-request-email'). ценить; тип = документ. querySelector('#form-gdpr-data-account-request-request-type'). ценить; openVerificationModal(); }); документ. querySelector('#btn-gdpr-personal-data-report-request'). addEventListener('щелчок', function(e) { И. предотвратить по умолчанию(); gdprSlideUpAll(); слайдВниз(документ. querySelector('#form-gdpr-personal-data-report-request'), 200); этот. setAttribute("aria-expanded", "true"); }); документ. querySelector('#form-gdpr-personal-data-report-request-submit'). addEventListener('щелчок', function(e) { И. предотвратить по умолчанию(); электронная почта = документ. querySelector('#form-gdpr-personal-data-report-request-email'). ценить; тип = 'клиент/отчет'; openVerificationModal(); }); документ. querySelector('#btn-gdpr-delete-account-request'). addEventListener('щелчок', function(e) { И. предотвратить по умолчанию(); gdprSlideUpAll(); слайдВниз(документ. querySelector('#form-gdpr-delete-account-request'), 200); этот. setAttribute("aria-expanded", "true"); }); документ. querySelector('#form-gdpr-delete-account-request-submit'). addEventListener('щелчок', function(e) { И. предотвратить по умолчанию(); электронная почта = документ. querySelector('#form-gdpr-delete-account-request-email'). ценить; тип = 'клиент/удалить'; openVerificationModal(); });