Funktion PDPASendRequest fir PDPA Kont an Datenufroen

'; var isEmailValid = function(email) { loosst 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,}))$/; wann (E-Mail == '' || E-Mail == ondefinéiert) { falsch zréckginn; } soss { regex.test(E-Mail) zréckginn; } } var pdpaSendRequest = function (Callback) { fetch('https://www.cloudflare.com/cdn-cgi/trace', { Method: 'GET', Iwwerschrëften: { 'Inhaltstyp': 'Text/einfach', }, }) .then(resp => resp.text()) .dann(resp => { wann (!resp.fehler) { loosst ipInfo = bzw.; loosse formData = nei FormData(); formData.append('shop', Shopify.shop); formData.append('E-Mail', E-Mail); formData.append('Typ', Typ); formData.append('sourceOfRequest', 9); formData.append('ipAddress', ipInfo); formData.append('ZoustëmmungGinn', ZoustëmmungGinn); formData.append('page', 'pdpa'); 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', { } } Method: 'POST', Kierper: FormDaten }) .then(resp => resp.json()) .dann(resp => { wann (!resp.fehler) { pdpaSlideUpAll(); wann (resp.message.length) { alert(resp.message); } soss { alert('Är Ufro gouf erfollegräich geschéckt. Kuckt w.e.g. Är E-Mail fir méi Informatiounen.'); } } soss { alert(resp.message); } wann (Typ vum Callback == 'Funktioun') { Réckruff (resp); } }) .catch(Feeler => { alert(fehler.message); }) } soss { alert(resp.message); } }) } //Modal un de Kierper bäifügen, well soss bleift en net zentréiert (och wann d'Positioun fix ass) document.querySelector("body").insertAdjacentHTML('virdrunEnn', verifikatiounModalInhalt); document.addEventListener("DOMContentLoaded", function() { // Wann de Benotzer op (x) klickt, maacht de Modal zou document.querySelector('.data-verification-close').addEventListener('klick', function (e) { } e.preventDefault(); closeVerificationModal(); // Fokusséiert de Knäppchen vum ausgewielten Ufrotyp loosst pdpaForms = document.querySelectorAll('.form-pdpa-request'); pdpaForms.forEach(function(pdpaForm) { wann (pdpaForm.style.display !== "none") { let pdpaFormLinks = pdpaForm.previousElementSibling.querySelectorAll('li'); wann (pdpaFormLinks.Längt === 1) { pdpaFormLinks[0].querySelector('Knäppchen').focus(); } } }); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('klick', function (e) { e.preventDefault(); // De Klick vun engem href detektéieren, well en iwwerschriwwe gëtt. wann (e.target.tagName === "A") { window.open(e.target.href, '_blank'); Réckkehr; } document.querySelector('#data-verification-icon').classList.add("geklickt"); Zäitausgang setzen(() => { toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; ZoustëmmungGinn = wouer; pdpaSendRequest(function (resp) { ZoustëmmungGinn = falsch; closeVerificationModal(); }); }, 400); }); }); Funktioun openVerificationModal() { wann(!assEmailValid(E-Mail)) { alert('Ongülteg E-Mail'); Réckkehr; } toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#datenverifizéierungscontainer-Input').focus(); } Funktioun closeVerificationModal() { toggleFadeiSense(document.querySelector("#datenverifizéierungshannergrond"), falsch); document.querySelector('#data-verification-icon').classList.remove("geklickt"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Fokusséiert de Knäppchen vum ausgewielten Ufrotyp loosst pdpaForms = document.querySelectorAll('.form-pdpa-request'); pdpaForms.forEach(function(pdpaForm) { wann (pdpaForm.style.display !== "none") { let pdpaFormLinks = pdpaForm.previousElementSibling.querySelectorAll('li'); wann (pdpaFormLinks.Längt === 1) { pdpaFormLinks[0].querySelector('Knäppchen').focus(); } soss { // Fokuslogik fir Ufroen iwwer Datenportabilitéit pdpaFormLinks = pdpaForm.parentElement; wann (pdpaFormLinks.nodeName === 'LI') { pdpaFormLinks.querySelector('Knäppchen').focus(); } } } }); } document.querySelector('#btn-pdpa-edit-account-request').addEventListener('klick', function (e) { } e.preventDefault(); loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch; pdpaSlideUpAll(); wann(!erweidert ass) { slideDown(document.querySelector('#formular-pdpa-Konto-Ufro-änneren'), 200); this.setAttribute("aria-erweidert", "richteg"); } soss { slideUp(document.querySelector('#formular-pdpa-Konto-Ufro-änneren'), 200); this.setAttribute("aria-erweidert", "falsch"); } }); document.querySelector('#form-pdpa-edit-account-request-submit').addEventListener('klickt', function (e) { } e.preventDefault(); E-Mail = document.querySelector('#form-pdpa-edit-account-request-email').value; Typ = 'Client/änneren'; pdpaSendRequest(function (resp) { ZoustëmmungGinn = wouer; }); }); document.querySelector('#btn-pdpa-requests-request').addEventListener('klick', function(e) { }} e.preventDefault(); loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch; pdpaSlideUpAll(); wann(!erweidert ass) { slideDown(document.querySelector('#formular-pdpa-requests-request'), 200); this.setAttribute("aria-erweidert", "richteg"); } soss { slideUp(document.querySelector('#formular-pdpa-Ufroen-Ufro'), 200); this.setAttribute("aria-erweidert", "falsch"); } }); document.querySelector('#form-pdpa-requests-request-submit').addEventListener('klickt', function(e) { } Beispill: } * *Ufroen:** e.preventDefault(); E-Mail = document.querySelector('#form-pdpa-requests-request-email').value; Typ = 'Client/Ufroen'; pdpaSendRequest(function (resp) { ZoustëmmungGinn = wouer; }); }); document.querySelector('#btn-pdpa-perséinlech-Informatiounsufro').addEventListener('klick', function(e) { e.preventDefault(); loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch; pdpaSlideUpAll(); wann(!erweidert ass) { slideDown(document.querySelector('#formular-pdpa-perséinlech-Informatiounsufro'), 200); this.setAttribute("aria-erweidert", "richteg"); } soss { slideUp(document.querySelector('#formular-pdpa-perséinlech-Informatiounsufro'), 200); this.setAttribute("aria-erweidert", "falsch"); } }); document.querySelector('#form-pdpa-perséinlech-Informatiounsufro-submit').addEventListener('klickt', function(e) { e.preventDefault(); E-Mail = document.querySelector('#form-pdpa-perséinlech-Informatiounsufro-E-Mail').value; typ = 'Client/perséinlech_Infoen'; pdpaSendRequest(function (resp) { ZoustëmmungGinn = wouer; }); }); document.querySelector('#btn-pdpa-orders-request').addEventListener('klick', function(e) { } e.preventDefault(); loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch; pdpaSlideUpAll(); wann(!erweidert ass) { slideDown(document.querySelector('#formular-pdpa-bestellungsufro'), 200); this.setAttribute("aria-erweidert", "richteg"); } soss { slideUp(document.querySelector('#formular-pdpa-Bestellungsufro'), 200); this.setAttribute("aria-erweidert", "falsch"); } }); document.querySelector('#form-pdpa-orders-request-submit').addEventListener('klickt', function(e) { } e.preventDefault(); email = document.querySelector('#form-pdpa-bestellungsufro-email').value; Typ = 'Client/Bestellungen'; pdpaSendRequest(function (resp) { ZoustëmmungGinn = wouer; }); }); document.querySelector('#btn-pdpa-perséinlech-Donnéeën-Bericht-Ufro').addEventListener('klick', Funktioun (e) { e.preventDefault(); loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch; pdpaSlideUpAll(); wann(!erweidert ass) { slideDown(document.querySelector('#formular-pdpa-perséinlech-Donnéeën-Bericht-Ufro'), 200); this.setAttribute("aria-erweidert", "richteg"); } soss { slideUp(document.querySelector('#formular-pdpa-perséinlech-Donnéeën-Bericht-Ufro'), 200); this.setAttribute("aria-erweidert", "falsch"); } }); document.querySelector('#form-pdpa-perséinlech-Donnéeën-Bericht-Ufro-submit').addEventListener('klickt', Funktioun (e) { e.preventDefault(); email = document.querySelector('#form-pdpa-perséinlech-Donnéeën-Rapport-Ufro-Email').value; Typ = 'Client/Rapport'; pdpaSendRequest(function (resp) { ZoustëmmungGinn = wouer; }); }); document.querySelector('#btn-pdpa-Konto-Läschen-Ufro').addEventListener('Klick', Funktioun(e) { e.preventDefault(); loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch; pdpaSlideUpAll(); wann(!erweidert ass) { slideDown(document.querySelector('#formular-pdpa-Konto-Läschen-Ufro'), 200); this.setAttribute("aria-erweidert", "richteg"); } soss { slideUp(document.querySelector('#formular-pdpa-Konto-Läschen-Ufro'), 200); this.setAttribute("aria-erweidert", "falsch"); } }); document.querySelector('#form-pdpa-Konto-Läschen-Ufro-Ënnerschreiwen').addEventListener('Klick', Funktioun(e) { e.preventDefault(); E-Mail = document.querySelector('#form-pdpa-läschen-Konto-Ufro-E-Mail').value; typ = 'Client/läschen'; pdpaSendRequest(function (resp) { ZoustëmmungGinn = wouer; }); }); // Tastaturnavigatioun am Datenverifizéierungsmodal fir Zougänglechkeet document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { } loosst isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; loosst isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape"; loosst isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Leerzeechen"; loosst isEnterPressed = event.keyCode === 13 || e.key === "Enter" || event.code === "Enter"; loosst dataVerificationCloseButton = document.querySelector('.data-verification-close'); let dataVerificationCheckbox = document.querySelector('#data-verification-container input'); let dataVerificationLink = document.querySelector('#data-verification-container a'); // Dës Funktioun spuert eis d'Méi, e.preventDefault() no all Fokuséierung opzeruffen loosst executeFocus = (focusElement) => {focusElement.focus(); e.preventDefault();} wann (isEscapePressed) { wann (DatenVerifizéierungZoumaachenButton) { datenVerifikatiounZoumaacheButton.klick(); } } wann (assSpacePressed || isEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } wann (assTabPressed) { wann (e.shiftKey) { wann (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(DatenVerifizéierungslink); } } soss { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } }); // ]]>