APA-NZPA-Konformität

'; var isEmailValid = function(email) { let regex = /^(([^()\[\]\\.,;:\s@"]+(\.[^()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\ .[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; wenn (E-Mail == '' || E-Mail == undefiniert) { gibt false zurück; } anders { returniere regex.test(email); } } var apanzpaSendRequest = Funktion(Rückruf) { fetch('https://www.cloudflare.com/cdn-cgi/trace', { Methode: 'GET', Header: { 'Inhaltstyp': 'Text/Plain', }, }) .then(resp => resp.text()) .then(resp => { if (!resp.error) { lass ipInfo = resp; let formData = new FormData(); formData.append('shop', Shopify.shop); formData.append('E-Mail', E-Mail); formData.append('Typ', Typ); formData.append('sourceOfRequest', 8); formData.append('ipAddress', ipInfo); formData.append('Zustimmung gegeben', Zustimmung gegeben); formData.append('page', 'apa-nzpa'); 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', Textkörper: formData }) .then(resp => resp.json()) .then(resp => { if (!resp.error) { apanzpaSlideUpAll(); if (bzw.Nachrichtenlänge) { Alarm(bzw.Nachricht); } anders { alert('Ihre Anfrage wurde erfolgreich übermittelt. Weitere Informationen finden Sie in Ihrem E-Mail-Postfach.'); } } anders { Alarm(bzw.Nachricht); } wenn (Typ des Rückrufs == 'Funktion') { Rückruf (bzw.); } }) .catch(Fehler => { Alarm (Fehlermeldung); }) } anders { Alarm(bzw.Nachricht); } }) } //Modal an den Textkörper anhängen, da es sonst nicht zentriert bleibt (auch wenn die Position festgelegt ist) document.querySelector("body").insertAdjacentHTML( 'beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", function() { // Wenn der Benutzer auf (x) klickt, schließen Sie das Modal document.querySelector('.data-verification-close').addEventListener('click', function(e) { e.preventDefault(); Verifizierungsmodal schließen(); }); document.querySelector('#Datenüberprüfungssymbol, #Datenüberprüfungscontainer p').addEventListener('Klick', Funktion(e) { e.preventDefault(); // Erkenne den Klick auf einen href, da dieser überschrieben wird. if(e.target.tagName === "A") { Fenster.öffnen(e.target.href, '_blank'); zurückkehren; } document.querySelector('#data-verification-icon').classList.add("angeklickt"); setTimeout(()=>{ toggleFadeiSense(document.querySelector("#Datenüberprüfungsmodal"), false); document.querySelector('#data-verification-background .loading').style.display = 'Inline-Block'; Zustimmung gegeben = wahr; apanzpaSendRequest(Funktion(Antwort) { Zustimmung gegeben = falsch; Verifizierungsmodal schließen(); }); }, 400); }); }); Funktion openVerificationModal(){ if(!isEmailValid(email)) { alert('Ungültige E-Mail'); zurückkehren; } toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#Eingabe für den Datenüberprüfungscontainer').focus(); } Funktion closeVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("angeklickt"); document.querySelector('#data-verification-background .loading').style.display = 'keine'; // Fokussieren Sie die Schaltfläche des ausgewählten Anforderungstyps let apanzpaForms = document.querySelectorAll('.form-apanzpa-request'); apanzpaForms.forEach(Funktion(apanzpaForm) { wenn (apanzpaForm.style.display !== "keine") { let apanzpaFormLinks = apanzpaForm.previousElementSibling.querySelectorAll('li'); if (apanzpaFormLinks.length === 1) { apanzpaFormLinks[0].querySelector('button').focus(); } anders { // Fokuslogik für Datenportabilitätsanfragen apanzpaFormLinks = apanzpaForm.parentElement; if (apanzpaFormLinks.nodeName === 'LI') { apanzpaFormLinks.querySelector('button').focus(); } } } }); } document.querySelector('#btn-apanzpa-edit-account-request').addEventListener('click', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-edit-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrage-Auswahl('#form-apanzpa-edit-account-request-email').Wert; Typ = „Kunde/Bearbeiten“; openVerificationModal(); }); document.querySelector('#btn-apanzpa-requests-request').addEventListener('click', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-requests-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-requests-request-submit').addEventListener('click', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-apanzpa-requests-request-email').Wert; Typ = „Kunde/Anfragen“; openVerificationModal(); }); document.querySelector('#btn-apanzpa-personal-information-request').addEventListener('click', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-personal-information-request-submit').addEventListener('click', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrage-Auswahl('#form-apanzpa-personal-information-request-email').Wert; Typ = „Kunde/persönliche_Informationen“; openVerificationModal(); }); document.querySelector('#btn-apanzpa-orders-request').addEventListener('click', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-orders-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-orders-request-submit').addEventListener('click', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-apanzpa-orders-request-email').Wert; Typ = „Kunde/Bestellungen“; openVerificationModal(); }); document.querySelector('#btn-apanzpa-personal-data-report-request').addEventListener('click', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#formular-apanzpa-persönliche-daten-bericht-anfrage'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-personal-data-report-request-submit').addEventListener('click', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrage-Auswahl('#form-apanzpa-personal-data-report-request-email').Wert; Typ = „Kunde/Bericht“; openVerificationModal(); }); document.querySelector('#btn-apanzpa-delete-account-request').addEventListener('click', function(e) { e.preventDefault(); apanzpaSlideUpAll(); slideDown(document.querySelector('#form-apanzpa-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-apanzpa-delete-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrage-Auswahl('#form-apanzpa-delete-account-request-email').Wert; Typ = „Kunde/Löschen“; openVerificationModal(); }); // Tastaturnavigation im Datenüberprüfungsmodal für Barrierefreiheit document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { let isTabPressed = e.keyCode === 9 || e.key === "Tabulatortaste" || e.code === "Tabulator"; 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 === "Eingabe" || event.code === "Eingeben"; 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 den Aufruf von e.preventDefault() nach jeder Fokussierung let executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isEscapePressed) { if (DatenüberprüfungSchließenButton) { dataVerificationCloseButton.click(); } } if (isSpacePressed || isEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#Datenüberprüfungscontainer #Datenüberprüfungssymbol').click(); } } if (istTabGedrückt) { if (z. B. Umschalttaste) { if (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } anders { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } });