PIPEDA-Konformität

'; var pipedaSendRequest = Funktion (Rückruf) { holen('https://www.cloudflare.com/cdn-cgi/trace', { Methode: 'GET', Überschriften: { 'Inhaltstyp': 'Text/Plain', }, }) .then(resp => resp.text()) .then(resp => { wenn (!bzw.Fehler) { lass ipInfo = resp; let formData = new FormData(); formData.append('shop', Shopify.shop); formData.append('E-Mail', E-Mail); formData.append('Typ', Typ); formData.append('Quelle der Anfrage', 4); formData.append('ipAddress', ipInfo); formData.append('Zustimmung erteilt', Zustimmung erteilt); formData.append('Seite', 'pipeda'); 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: Formulardaten }) .then(resp => resp.json()) .then(resp => { wenn (!bzw.Fehler) { :pipedaSlideUpAll(); if (bzw.Nachrichtenlänge) { Alarm(bzw.Nachricht); } anders { alert('Ihre Anfrage wurde erfolgreich übermittelt. Weitere Informationen finden Sie in Ihrer E-Mail.'); } } 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 (selbst wenn die Position festgelegt ist) document.querySelector("body").insertAdjacentHTML('beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", Funktion () { // Wenn der Benutzer auf (x) klickt, schließen Sie das Modal document.querySelector('.data-verification-close').addEventListener('klicken', Funktion (e) { e.preventDefault(); schließenVerificationModal(); // Fokussieren Sie die Schaltfläche des ausgewählten Anforderungstyps : Wenn Sie pipedaForms nicht verwenden, können Sie es nicht verwenden, um pipedaForms zu verwenden. pipedaForms.forEach(Funktion(pipedaForm) { wenn (pipedaForm.style.display !== "keine") { let pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); wenn (pipedaFormLinks.length === 1) { pipedaFormLinks[0].querySelector('Schaltfläche').focus(); } } }); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('klicken', function (e) { e.preventDefault(); //Erkenne den Klick auf einen href, da dieser überschrieben wird. wenn (e.target.tagName === "A") { Fenster.öffnen(e.target.href, '_blank'); zurückkehren; } document.querySelector('#data-verification-icon').classList.add("geklickt"); setzeTimeout(() => { toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'Inline-Block'; Zustimmung gegeben = wahr; pipedaSendRequest(Funktion (bzw.) { Zustimmung gegeben = falsch; schließenVerificationModal(); }); }, 400); }); }); Funktion openVerificationModal() { toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#Datenüberprüfungscontainereingabe').focus(); } Funktion schließeVerificationModal() { toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("geklickt"); document.querySelector('#data-verification-background .loading').style.display = 'keine'; // Fokussieren Sie die Schaltfläche des ausgewählten Anforderungstyps : Wenn Sie pipedaForms nicht verwenden, können Sie es nicht verwenden, um pipedaForms zu verwenden. pipedaForms.forEach(Funktion(pipedaForm) { wenn (pipedaForm.style.display !== "keine") { let pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); wenn (pipedaFormLinks.length === 1) { pipedaFormLinks[0].querySelector('Schaltfläche').focus(); } anders { // Fokuslogik für Datenportabilitätsanfragen pipedaFormLinks = pipedaForm.parentElement; wenn (pipedaFormLinks.nodeName === 'LI') { pipedaFormLinks.querySelector('Schaltfläche').Fokus(); } } } }); } document.querySelector('#btn-pipeda-edit-account-request').addEventListener('klicken', Funktion (e) { e.preventDefault(); :pipedaSlideUpAll(); nach unten schieben (document.querySelector('#form-pipeda-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-edit-account-request-submit').addEventListener('klicken', Funktion (e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-pipeda-edit-account-request-email').Wert; Typ = „Kunde/Bearbeiten“; openVerificationModal(); }); document.querySelector('#btn-pipeda-requests-request').addEventListener('klicken', function(e) { e.preventDefault(); :pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-requests-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-requests-request-submit').addEventListener('klicken', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageselektor('#form-pipeda-requests-request-email').Wert; Typ = 'Kunde/Anfragen'; openVerificationModal(); }); document.querySelector('#btn-pipeda-personal-information-request').addEventListener('klicken', function(e) { e.preventDefault(); :pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-personal-information-request-submit').addEventListener('klicken', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-pipeda-personal-information-request-email').Wert; Typ = „Kunde/persönliche_Informationen“; openVerificationModal(); }); document.querySelector('#btn-pipeda-orders-request').addEventListener('klicken', function(e) { e.preventDefault(); :pipedaSlideUpAll(); nach unten schieben (document.querySelector('#form-pipeda-orders-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-orders-request-submit').addEventListener('klicken', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-pipeda-orders-request-email').Wert; Typ = 'Kunde/Bestellungen'; openVerificationModal(); }); document.querySelector('#btn-pipeda-personal-data-report-request').addEventListener('klicken', Funktion (e) { e.preventDefault(); :pipedaSlideUpAll(); nach unten schieben (document.querySelector ('#form-pipeda-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-personal-data-report-request-submit').addEventListener('klicken', Funktion (e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-pipeda-personal-data-report-request-email').Wert; Typ = „Kunde/Bericht“; openVerificationModal(); }); // Tastaturnavigation im Datenüberprüfungsmodal für Zugänglichkeit document.querySelector('#data-verification-modal').addEventListener('keydown', Funktion(e) { let 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 === "Leertaste"; let isEnterPressed = event.keyCode === 13 || e.key === "Eingabe" || event.code === "Eingabe"; let dataVerificationCloseButton = document.querySelector('.data-verification-close'); let dataVerificationCheckbox = document.querySelector('#data-verification-container-Eingabe'); 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();} wenn (istEscapePressed) { if (DatenüberprüfungSchließenButton) { dataVerificationCloseButton.click(); } } if (istSpacePressed || istEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#Datenüberprüfungscontainer #Datenüberprüfungssymbol').klick(); } } if (istTabGedrückt) { if (e.UmschaltTaste) { wenn (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { führeFocus aus (dataVerificationLink); } } anders { if (dataVerificationLink && document.activeElement === dataVerificationLink) { Führen Sie Focus aus (dataVerificationCloseButton); } } } }); // ]]>