'; var pipedaSendRequest = Funktion (Rückruf) { fetch('https://www.Wolkenflare.com/cdn-cgi/trace', { Methode: 'GET', Überschriften: { 'Content-Type': 'text/plain', }, }) .then(resp => resp.Text()) .then(resp => { wenn (!bzw.Fehler) { let ipInfo = resp; let formData = new FormData(); Formulardaten.append('shop', Shopify.Geschäft); Formulardaten.append('email', email); Formulardaten.append('type', type); Formulardaten.append('sourceOfRequest', 4); Formulardaten.append('ipAddress', ipInfo); Formulardaten.append('consentGiven', consentGiven); Formulardaten.append('page', 'pipeda'); Formulardaten.append('lang', Shopify.Gebietsschema? Shopify.Gebietsschema: ''); Formulardaten.append('gtranslateLang', isenseGDPR.Kekse.get('googtrans') ? isenseDSGVO.Kekse.get('googtrans'): ''); fetch('https://gdpr.Apps.isenselabs.com/gdprRequests/submitRequest', { Methode: 'POST', Körper: formData }) .then(resp => resp.json()) .then(resp => { wenn (!bzw.Fehler) { pipedaSlideUpAll(); wenn (bzw.Nachricht.Länge) { Alarm (bzw.Nachricht); } anders { Alert('Ihre Anfrage wurde erfolgreich übermittelt. Weitere Informationen finden Sie in Ihren E-Mails.'); } } anders { Alarm (bzw.Nachricht); } if (typeof callback == 'function') { Rückruf(bzw.); } }) .Catch(Fehler => { Warnung(Fehler.Nachricht); }) } anders { Alarm (bzw.Nachricht); } }) } //Modal an den Körper anhängen, da er sonst nicht zentriert bleibt (auch wenn die Position festgelegt ist) dokumentieren.querySelector("body").insertAdjacentHTML('beforeend',ificationModalContent); dokumentieren.addEventListener("DOMContentLoaded", function () { // Wenn der Benutzer auf (x) klickt, schließen Sie das Modal dokumentieren.querySelector('data-verification-close‘).addEventListener('click', function (e) { e.Standard verhindern(); closeVerificationModal(); // Fokussieren Sie die Schaltfläche des ausgewählten Anforderungstyps let pipedaForms = document.querySelectorAll('.form-pipeda-request'); PipedaForms.forEach(function(pipedaForm) { if (pipedaForm.Stil.display !== "none") { let PipedaFormLinks = PipedaForm.previousElementSibling.querySelectorAll('li'); if (pipedaFormLinks.Länge === 1) { pipedaFormLinks[0].querySelector('button').Fokus(); } else if (pipedaFormLinks.Länge > 1) { pipedaFormPickedLinkValue = Dokument.querySelector('#form-pipeda-data-account-request-request-type').Wert; switch (pipedaFormPickedLinkValue) { Fall 'Kunde/Anfragen': pipedaFormLinks[0].querySelector('button').Fokus(); brechen; Fall 'Kunde/persönliche_Info': pipedaFormLinks[1].querySelector('button').Fokus(); brechen; Fall 'Kunde/Bestellungen': pipedaFormLinks[2].querySelector('button').Fokus(); brechen; Standard: brechen; } } } }); }); dokumentieren.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function (e) { e.Standard verhindern(); // Erkenne den Klick eines href, da dieser überschrieben wird.wenn (z.ZieltagName === "A") { Fenster.öffnen (z.Zielhref, '_blank'); zurückkehren; } dokumentieren.querySelector('#data-verification-icon').Klassenliste.add("angeklickt"); setTimeout(() => { toggleFadeiSense(document.querySelector("#data-verification-modal"), false); dokumentieren.querySelector('#data-verification-background .Wird geladen').Stil.display = 'inline-block'; ZustimmungGiven = true; pipedaSendRequest(function (bzw.) { EinwilligungGiven = false; closeVerificationModal(); }); }, 400); }); }); Funktion openVerificationModal() { toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); dokumentieren.querySelector('#data-verification-container input').Fokus(); } Funktion closeVerificationModal() { toggleFadeiSense(document.querySelector("#data-verification-background"), false); dokumentieren.querySelector('#data-verification-icon').Klassenliste.entfernen("angeklickt"); dokumentieren.querySelector('#data-verification-background .Wird geladen').Stil.display = 'none'; } dokumentieren.querySelector('#btn-pipeda-edit-account-request').addEventListener('click', function (e) { e.Standard verhindern(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-edit-account-request'), 200); Das.setAttribute("aria-expanded", "true"); }); dokumentieren.querySelector('#form-pipeda-edit-account-request-submit').addEventListener('click', function (e) { e.Standard verhindern(); E-Mail = Dokument.querySelector('#form-pipeda-edit-account-request-email').Wert; type = 'Kunde/Bearbeiten'; openVerificationModal(); }); dokumentieren.querySelectorAll('#btn-pipeda-requests-request, #btn-pipeda-personal-information-request, #btn-pipeda-orders-request').forEach(element => { Element.addEventListener('click', function (e) { e.Standard verhindern(); pipedaSlideUpAll(); Typ = ''; Schalter (dies.getAttribute('id')) { Fall 'btn-pipeda-requests-request': type = 'Kunde/Anfragen'; brechen; Fall 'btn-pipeda-personal-information-request': type = 'customer/personal_info'; brechen; Fall 'btn-pipeda-orders-request': type = 'Kunde/Bestellungen'; brechen; } dokumentieren.querySelector('#form-pipeda-data-account-request-request-type').Wert = Typ; slideDown(document.querySelector('#form-pipeda-data-account-request'), 200); Das.setAttribute("aria-expanded", "true"); }) }); dokumentieren.querySelector('#form-pipeda-data-account-request-submit').addEventListener('click', function (e) { e.Standard verhindern(); E-Mail = Dokument.querySelector('#form-pipeda-data-account-request-email').Wert; Typ = Dokument.querySelector('#form-pipeda-data-account-request-request-type').Wert; openVerificationModal(); }); dokumentieren.querySelector('#btn-pipeda-personal-data-report-request').addEventListener('click', function (e) { e.Standard verhindern(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-personal-data-report-request'), 200); Das.setAttribute("aria-expanded", "true"); }); dokumentieren.querySelector('#form-pipeda-personal-data-report-request-submit').addEventListener('click', function (e) { e.Standard verhindern(); E-Mail = Dokument.querySelector('#form-pipeda-personal-data-report-request-email').Wert; type = 'Kunde/Bericht'; openVerificationModal(); }); // Tastaturnavigation für die Anfragen der Compliance-Seite dokumentieren.querySelector('#pipeda_page').addEventListener('keydown', function(e) { sei isTabPressed = e.Schlüsselcode === 9 || e.Schlüssel === "Tab" || e.Code === "Tab"; // Diese Funktion erspart uns die Mühe, e aufzurufen.präventDefault() nach jedem Fokussieren letexecuteFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isTabPressed) { let pipedaFormPickedLinkValue = document.querySelector('#form-pipeda-data-account-request-request-type').Wert; let pipedaRequestsButton = document.querySelector('#btn-pipeda-requests-request'); let personalInformationButton = document.querySelector('#btn-pipeda-personal-information-request'); letordersButton = document.querySelector('#btn-pipeda-orders-request'); let personalDataReportButton = document.querySelector('#btn-pipeda-personal-data-report-request'); let dataAccountFormEmailField = document.querySelector('#form-pipeda-data-account-request-email'); let dataAccountFormSubmitButton = document.querySelector('#form-pipeda-data-account-request-submit'); wenn (z.shift Taste) { wenn ((Dokument.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'customer/requests') || (dokumentieren.activeElement ===ordersButton &&pipedaFormPickedLinkValue === 'customer/personal_info')) { executeFocus(dataAccountFormSubmitButton); } else if (document.activeElement === dataAccountFormEmailField) { if (pipedaFormPickedLinkValue === 'customer/requests') { executeFocus(pipedaRequestsButton); } else if (pipedaFormPickedLinkValue === 'customer/personal_info') { executeFocus(personalInformationButton); } } else if (document.activeElement === personalDataReportButton) { if (pipedaFormPickedLinkValue !== 'customer/orders') { executeFocus(ordersButton); } } } anders { wenn ((Dokument.activeElement === pipedaRequestsButton && pipedaFormPickedLinkValue === 'customer/requests') || (dokumentieren.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'customer/personal_info')) { executeFocus(dataAccountFormEmailField); } else if (document.activeElement === dataAccountFormSubmitButton) { if (pipedaFormPickedLinkValue === 'customer/requests') { executeFocus(personalInformationButton); } else if (pipedaFormPickedLinkValue === 'customer/personal_info') { executeFocus(ordersButton); } } else if (document.activeElement ===ordersButton) { if (pipedaFormPickedLinkValue !== 'customer/orders') { executeFocus(personalDataReportButton); } } } } }); // Tastaturnavigation im Datenüberprüfungsmodal für Barrierefreiheit dokumentieren.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { sei isTabPressed = e.Schlüsselcode === 9 || e.Schlüssel === "Tab" || e.Code === "Tab"; sei isEscapePressed = e.Schlüsselcode === 27 || e.Schlüssel === „Escape“ || e.Code === "Escape"; let isSpacePressed = event.Schlüsselcode === 32 || e.Schlüssel === " " || Ereignis.code === "Leerzeichen"; let isEnterPressed = event.Schlüsselcode === 13 || e.Taste === „Enter“ || Ereignis.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, e aufzurufen.präventDefault() nach jedem Fokussieren letexecuteFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isEscapePressed) { if (dataVerificationCloseButton) { dataVerificationCloseButton.klicken(); } } if (Leertaste gedrückt || ist Eingabetaste gedrückt) { of (document.activeElement === dataVerificationCheckbox) { dokumentieren.querySelector('#data-verification-container #data-verification-icon').klicken(); } } if (isTabPressed) { wenn (z.shift Taste) { if (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } anders { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } }); // ]]>