DSGVO-Konformität

'; var gdprSendRequest = function(callback) { fetch('https://www.cloudflare.com/cdn-cgi/trace', { Methode: 'GET' , Überschriften: { 'Content-Type': 'text/plain', }, }) .then(resp => resp.text()) .then(resp => { if (!resp.error) { let ipInfo = resp; let formData = new FormData(); formData.append('shop', Shopify.shop); formData.append('email', email); formData.append('type', type); formData.append('sourceOfRequest', 1); formData.append('ipAddress', ipInfo); formData.append('consentGiven', consentGiven); formData.append('page', 'gdpr'); formData.append('lang', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); fetch('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', { Methode: 'POST', Körper: formData }) .then(resp => resp.json()) .then(resp => { if (!resp.error) { gdprSlideUpAll(); if (resp.message.length) { Alert(bzw. Nachricht); } anders { Alert('Ihre Anfrage wurde erfolgreich übermittelt. Bitte überprüfen Sie Ihre E-Mails für weitere Informationen.'); } } anders { Alert(bzw. Nachricht); } if (typeof callback == 'function') { Rückruf(bzw.); } }) .catch(error => { alarm(error.message); }) } anders { Alert(bzw. Nachricht); } }) } //Modal an den Körper anhängen, da er sonst nicht zentriert bleibt (auch wenn die Position festgelegt ist) document.querySelector("body").insertAdjacentHTML( 'beforeend',ificationModalContent); document.addEventListener("DOMContentLoaded", function() { // Wenn der Benutzer auf klickt (x), schließe das Modal document.querySelector('.data-verification-close').addEventListener('click', function(e) { e.preventDefault(); closeVerificationModal(); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) { e.preventDefault(); // Erkenne den Klick eines href, da dieser überschrieben wird. if(e.target.tagName === "A") { window.open(e.target.href, '_blank'); zurückkehren; } document.querySelector('#data-verification-icon').classList.add("clicked"); setTimeout(()=>{ toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; AllowGiven = true; gdprSendRequest(function(resp) { AllowGiven = false; closeVerificationModal(); }); }, 400); }); }); Funktion openVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#data-verification-container input').focus(); } Funktion closeVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("clicked"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Fokussieren Sie die Schaltfläche des ausgewählten Anforderungstyps let gdprForms = document.querySelectorAll('.form-gdpr-request'); gdprForms.forEach(function(gdprForm) { if (gdprForm.style.display !== "none") { let gdprFormLinks = gdprForm. previousElementSibling.querySelectorAll('li'); if (gdprFormLinks.length === 1) { gdprFormLinks[0].querySelector('button').focus(); } else if (gdprFormLinks.length > 1) { gdprFormPickedLinkValue = document.querySelector('#form-gdpr-data-account-request-request-type').value; switch (gdprFormPickedLinkValue) { Fall 'Kunde/Anfragen': gdprFormLinks[0].querySelector('button').focus(); brechen; Fall 'Kunde/persönliche_Info': gdprFormLinks[1].querySelector('button').focus(); brechen; Fall 'Kunde/Bestellungen': gdprFormLinks[2].querySelector('button').focus(); brechen; Standard: brechen; } } } }); } document.querySelector('#btn-gdpr-edit-account-request').addEventListener('click', function(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-gdpr-edit-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-gdpr-edit-account-request-email').value; type = 'Kunde/Bearbeiten'; openVerificationModal(); }); document.querySelectorAll('#btn-gdpr-requests-request, #btn-gdpr-personal-information-request, #btn-gdpr-orders-request').forEach(element => { element.addEventListener('click', function(e) { e.preventDefault(); gdprSlideUpAll(); Typ = ''; switch(this.getAttribute('id')) { Fall 'btn-gdpr-requests-request': type = 'Kunde/Anfragen'; brechen; Fall 'btn-gdpr-personal-information-request': type = 'customer/personal_info'; brechen; Fall 'btn-gdpr-orders-request': type = 'Kunde/Bestellungen'; brechen; } document.querySelector('#form-gdpr-data-account-request-request-type').value = type; slideDown(document.querySelector('#form-gdpr-data-account-request'), 200); this.setAttribute("aria-expanded", "true"); }) }); document.querySelector('#form-gdpr-data-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-gdpr-data-account-request-email').value; type = document.querySelector('#form-gdpr-data-account-request-request-type').value; openVerificationModal(); }); document.querySelector('#btn-gdpr-personal-data-report-request').addEventListener('click', function(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-gdpr-personal-data-report-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-gdpr-personal-data-report-request-email').value; type = 'Kunde/Bericht'; openVerificationModal(); }); document.querySelector('#btn-gdpr-delete-account-request').addEventListener('click', function(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-gdpr-delete-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-gdpr-delete-account-request-email').value; type = 'Kunde/löschen'; openVerificationModal(); }); // Tastaturnavigation für die Anfragen der Compliance-Seite document.querySelector('#gdpr_page').addEventListener('keydown', function(e) { sei isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; // Diese Funktion erspart uns die Mühe, nach jedem Fokussieren e.preventDefault() aufzurufen letexecuteFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isTabPressed) { let gdprFormPickedLinkValue = document.querySelector('#form-gdpr-data-account-request-request-type').value; let gdprRequestsButton = document.querySelector('#btn-gdpr-requests-request'); let personalInformationButton = document.querySelector('#btn-gdpr-personal-information-request'); letordersButton = document.querySelector('#btn-gdpr-orders-request'); let personalDataReportButton = document.querySelector('#btn-gdpr-personal-data-report-request'); let dataAccountFormEmailField = document.querySelector('#form-gdpr-data-account-request-email'); let dataAccountFormSubmitButton = document.querySelector('#form-gdpr-data-account-request-submit'); if (e.shiftKey) { if ((document.activeElement === personalInformationButton && gdprFormPickedLinkValue === 'customer/requests') || (document.activeElement ===ordersButton && gdprFormPickedLinkValue === 'customer/personal_info')) { executeFocus(dataAccountFormSubmitButton); } else if (document.activeElement === dataAccountFormEmailField) { if (gdprFormPickedLinkValue === 'customer/requests') { executeFocus(gdprRequestsButton); } else if (gdprFormPickedLinkValue === 'customer/personal_info') { executeFocus(personalInformationButton); } } else if (document.activeElement === personalDataReportButton) { if (gdprFormPickedLinkValue !== 'customer/orders') { executeFocus(ordersButton); } } } anders { if ((document.activeElement === gdprRequestsButton && gdprFormPickedLinkValue === 'customer/requests') || (document.activeElement === personalInformationButton && gdprFormPickedLinkValue === 'customer/personal_info')) { executeFocus(dataAccountFormEmailField); } else if (document.activeElement === dataAccountFormSubmitButton) { if (gdprFormPickedLinkValue === 'customer/requests') { executeFocus(personalInformationButton); } else if (gdprFormPickedLinkValue === 'customer/personal_info') { executeFocus(ordersButton); } } else if (document.activeElement ===ordersButton) { if (gdprFormPickedLinkValue !== 'customer/orders') { executeFocus(personalDataReportButton); } } } } }); // Tastaturnavigation im Datenüberprüfungsmodal für Barrierefreiheit document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { sei isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; let isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape"; let isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Leerzeichen"; let isEnterPressed = event.keyCode === 13 || e.key === „Enter“ || event.code === "Enter"; let dataVerificationCloseButton = document.querySelector('.data-verification-close'); let dataVerificationCheckbox = document.querySelector('#data-verification-container input'); let dataVerificationLink = document.querySelector('#data-verification-container a'); // Diese Funktion erspart uns die Mühe, nach jedem Fokussieren e.preventDefault() aufzurufen letexecuteFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isEscapePressed) { if (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } if (isSpacePressed || isEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } if (isSpacePressed || isEnterPressed) { let dataVerificationCheckbox = document.querySelector('#data-verification-container input'); if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } if (isTabPressed) { if (e.shiftKey) { if (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } anders { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } });