Страница за спазване на GDPR

var gdprSendRequest = функция(обратно извикване) { fetch('https://www.cloudflare.com/cdn-cgi/trace', {метод: 'GET', заглавки: { 'Content-Type': 'text/plain', }, }) .then(resp =&гт; resp.text()).тогава(съответно => { ако (!resp.error) { let ipInfo = resp; нека formData = new FormData(); formData.append(„магазин“, Shopify.shop); formData.append(„имейл“, имейл); formData.append(„тип“, тип); formData.append('източникНаЗаявка', 1); formData.append('ipАдрес', ipInfo); formData.append('дадено съгласие', дадено съгласие); formData.append('страница', 'gdpr'); formData.append(„дълъг“, Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get(„гугтранс“) ? isenseGDPR.Cookies.get('googtrans') : ''); извличане('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', {метод: 'POST', тяло: formData }) .then(resp =&гт; resp.json()) .then(съответствие => { ако (!resp.error) { gdprSlideUpAll(); ако (resp.message.length) { предупреждение(resp.message); } else { alert('Вашата заявка е изпратена успешно. Моля, проверете имейла си за повече информация.'); } } else { alert(resp.message); } ако (typeof callback == 'функция') { callback(resp); } }) .catch(грешка => {предупреждение(error.message); }) } иначе { предупреждение(resp.message); } }) } //Добавяне на модален прозорец към тялото, защото в противен случай той няма да остане центриран (дори ако позицията е фиксирана) document.querySelector("тяло").insertAdjacentHTML( 'beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", function() { // Когато потребителят кликне върху (x), затворете модалния прозорец document.querySelector('.data-verification-close').addEventListener('щракване', функция(e) { e.preventDefault(); closeVerificationModal(); }); document.querySelector('#икона-за-верификация-на-данните, #контейнер-за-верификация-на-данните p').addEventListener('щракване', функция(e) { e.preventDefault(); // Откриване на кликване върху href, защото е презаписано. if(e.target.tagName === "А") { window.open(e.target.href, '_blank'); връщане; } document.querySelector(„#икона-за-верификация-на-данните“).classList.add("кликнато"); setTimeout(()=>{ превключване на FadeiSense(document.querySelector("#модален-прозорец-за-верификация-на-данните"), невярно); document.querySelector(„#зареждане на фона на проверката на данните“).style.display = 'inline-block'; consentGiven = true; gdprSendRequest(function(resp) { consentGiven = false; closeVerificationModal(); }); }, 400); }); }); функция openVerificationModal(){ toggleFadeiSense(document.querySelector("#модална-верификация-за-данни"), true); toggleFadeiSense(document.querySelector('#данни-проверка-фон'), true); document.querySelector('#data-verification-container input').focus(); } функция closeVerificationModal() { toggleFadeiSense(document.querySelector("#фон-за-верификация-на-данните"), невярно); document.querySelector(„#икона-за-верификация-на-данните“).classList.remove(„щракнато“); document.querySelector(„#зареждане на фона на проверката на данните“).style.display = 'none'; // Фокусиране върху бутона от избрания тип заявка let gdprForms = document.querySelectorAll('.form-gdpr-request'); gdprForms.forEach(функция(gdprForm) { ако (gdprForm.style.display !== "няма") { нека gdprFormLinks = gdprForm.previousElementSibling.querySelectorAll('ли'); ако (gdprFormLinks.length === 1) { gdprFormLinks[0].querySelector('button').focus(); } else { // Логика на фокусиране за заявки за преносимост на данни gdprFormLinks = gdprForm.parentElement; ако (gdprFormLinks.nodeName === 'ЛИ') { gdprFormLinks.querySelector('бутон').фокус(); } } } }); } document.querySelector('#btn-gdpr-edit-account-request').addEventListener('щракване', функция(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-edit-account-request'), 200); this.setAttribute("aria-разширена", "вярно"); }); document.querySelector('#form-gdpr-edit-account-request-submit').addEventListener('щракване', функция(e) { e.preventDefaultимейл = document.querySelector(„#form-gdpr-edit-account-request-email“).стойност; тип = 'клиент/редактиране'; openVerificationModal(); }); document.querySelector('#btn-gdpr-requests-request').addEventListener('щракване', функция(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-requests-request'), 200); this.setAttribute("aria-разширена", "вярно"); }); document.querySelector('#form-gdpr-requests-request-submit').addEventListener('щракване', функция(e) { e.preventDefaultимейл = document.querySelector('#form-gdpr-requests-request-email').value; тип = 'клиент/заявки'; openVerificationModal(); }); document.querySelector('#btn-gdpr-personal-information-request').addEventListener('щракване', функция(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-personal-information-request'), 200); this.setAttribute("aria-разширена", "вярно"); }); document.querySelector('#form-gdpr-personal-information-request-submit').addEventListener('щракване', функция(e) { e.preventDefaultимейл = document.querySelector('#form-gdpr-personal-information-request-email').value; тип = 'customer/personal_info'; openVerificationModal(); }); document.querySelector('#btn-gdpr-orders-request').addEventListener('щракване', функция(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-orders-request'), 200); this.setAttribute("aria-разширена", "вярно"); }); document.querySelector('#form-gdpr-orders-request-submit').addEventListener('щракване', функция(e) { e.preventDefaultимейл = document.querySelector('#form-gdpr-orders-request-email').value; тип = 'клиент/поръчки'; openVerificationModal(); }); document.querySelector('#btn-gdpr-personal-data-report-request').addEventListener('щракване', функция(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-personal-data-report-request'), 200); this.setAttribute("aria-разширена", "вярно"); }); document.querySelector('#form-gdpr-personal-data-report-request-submit').addEventListener('щракване', функция(e) { e.preventDefaultимейл = document.querySelector('#form-gdpr-personal-data-report-request-email').value; тип = 'клиент/отчет'; openVerificationModal(); }); document.querySelector('#btn-gdpr-delete-account-request').addEventListener('щракване', функция(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-изтриване-заявка-за-акаунт'), 200); this.setAttribute("aria-разширена", "вярно"); }); document.querySelector('#form-gdpr-delete-account-request-submit').addEventListener('щракване', функция(e) { e.preventDefaultимейл = document.querySelector('#form-gdpr-delete-account-request-email').value; type = 'customer/delete'; openVerificationModal(); }); // Навигация с клавиатура в модалния прозорец за проверка на данни за достъпност document.querySelector('#модал-за-проверка-на-данните').addEventListener('keydown', функция(e) { нека isTabPressed = e.keyCode === 9 || e.key === "Табл" || e.code === "Tab"; нека isEscapePressed = e.keyCode === 27 || e.key === "Бягство" || e.code === "Escape"; нека еSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Интервал"; нека еEnterPress = event.keyCode === 13 || e.key === "Въведете" || event.code === "Enter"; нека dataVerificationCloseButton = document.querySelector('.data-verification-close'); нека dataVerificationCheckbox = document.querySelector('#data-verification-container вход'); нека dataVerificationLink = document.querySelector('#data-verification-container a'); // Тази функция ни спестява труда от извикването e.preventDefault() след всяко фокусиране нека executeFocus = (focusElement) =&гт; {focusElement.focus();e.preventDefault();} ако (isEscapePressed) { ако (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } ако (isSpacePressed || isEnterPressed) { ако (document.activeElement === полеЗаПроверка на данни) { document.querySelector('#контейнер-за-проверка-на-данни #икона-за-проверка-на-данни').click(); } } ако (isTabPressed) { ако (e.shiftKey) { ако (dataVerificationCloseButton) &усилвател;&усилвател; document.activeElement === БутонЗаЗатварянеНаДанни) { executeFocus(ВръзкаЗаВерификацияНаДанни); } } else { if (ВръзкаЗаВерификацияНаДанни &усилвател;&усилвател; document.activeElement === връзкаЗаВерификацияНаДата) { executeFocus(БутонЗаЗатварянеНаДата); } } } });