POPIA-naleving

'; var isEmailValid = functie(e-mail) { laat 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,}))$/; als (e-mail == '' || e-mail == ongedefinieerd) { retourneer false; } anders { retourneer regex.test(email); } } var popiaSendRequest = functie (callback) { ophalen('https://www.cloudflare.com/cdn-cgi/trace', { methode: 'GET', kopteksten: { 'Content-Type': 'tekst/plat', }, }) .dan(resp => resp.tekst()) .dan(resp => { als (!resp.fout) { laat ipInfo = resp; laat formData = nieuwe FormData(); formData.append('winkel', Shopify.shop); formData.append('e-mail', e-mail); formData.append('type', type); formData.append('bronVanAanvraag', 10); formData.append('ipAdres', ipInfo); formData.append('toestemming gegeven', toestemming gegeven); formData.append('pagina', 'popia'); formData.append('lang', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); ophalen('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', { methode: 'POST', lichaam: formData }) .dan(resp => resp.json()) .dan(resp => { als (!resp.fout) { popiaSlideUpAll(); als (resp.bericht.lengte) { waarschuwing(resp.bericht); } anders { alert('Uw verzoek is succesvol verzonden. Controleer uw e-mail voor meer informatie.'); } } anders { waarschuwing(resp.bericht); } als (typeof callback == 'functie') { terugbellen(resp); } }) .catch(fout => { alert(fout.bericht); }) } anders { waarschuwing(resp.bericht); } }) } //Voeg modaal toe aan body, anders blijft het niet gecentreerd (zelfs als de positie vaststaat) document.querySelector("body").insertAdjacentHTML('beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", functie () { // Wanneer de gebruiker op (x) klikt, sluit het modale venster document.querySelector('.data-verification-close').addEventListener('klik', functie (e) { e.preventDefault(); closeVerificationModal(); // Focus de knop van het gekozen aanvraagtype laat popiaForms = document.querySelectorAll('.form-popia-request'); popiaForms.forEach(functie(popiaForm) { als (popiaForm.style.display !== "geen") { laat popiaFormLinks = popiaForm.previousElementSibling.querySelectorAll('li'); als (popiaFormLinks.length === 1) { popiaFormLinks[0].querySelector('knop').focus(); } } }); }); document.querySelector('#data-verificatie-pictogram, #data-verificatie-container p').addEventListener('klik', functie (e) { e.preventDefault(); // Detecteer een klik van een href, omdat deze wordt overschreven. als (e.target.tagName === "A") { venster.open(e.target.href, '_blank'); opbrengst; } document.querySelector('#data-verification-icon').classList.add("geklikt"); setTimeout(() => { toggleFadeiSense(document.querySelector("#data-verificatie-modal"), false); document.querySelector('#data-verification-achtergrond .laden').style.display = 'inline-blok'; toestemmingGegeven = waar; popiaSendRequest(functie (resp) { toestemmingGegeven = false; closeVerificationModal(); }); }, 400); }); }); functie openVerificationModal() { als(!isEmailGeldig(e-mail)) { alert('Ongeldig e-mailadres'); opbrengst; } toggleFadeiSense(document.querySelector("#data-verificatie-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-achtergrond'), true); document.querySelector('#data-verificatie-container invoer').focus(); } functie closeVerificationModal() { toggleFadeiSense(document.querySelector("#data-verificatie-achtergrond"), false); document.querySelector('#data-verification-icon').classList.remove("geklikt"); document.querySelector('#data-verification-achtergrond .laden').style.display = 'geen'; // Focus de knop van het gekozen aanvraagtype laat popiaForms = document.querySelectorAll('.form-popia-request'); popiaForms.forEach(functie(popiaForm) { als (popiaForm.style.display !== "geen") { laat popiaFormLinks = popiaForm.previousElementSibling.querySelectorAll('li'); als (popiaFormLinks.length === 1) { popiaFormLinks[0].querySelector('knop').focus(); } anders { // Focuslogica voor verzoeken om gegevensportabiliteit popiaFormLinks = popiaForm.parentElement; als (popiaFormLinks.nodeName === 'LI') { popiaFormLinks.querySelector('knop').focus(); } } } }); } document.querySelector('#btn-popia-edit-account-request').addEventListener('klik', functie (e) { e.preventDefault(); popiaSlideUpAll(); slideDown(document.querySelector('#form-popia-account-aanvraag-bewerken'), 200); this.setAttribute("aria-uitgebreid", "waar"); }); document.querySelector('#form-popia-account-bewerken-verzoek-indienen').addEventListener('klik', functie (e) { e.preventDefault(); e-mail = document.querySelector('#form-popia-account-bewerken-aanvraag-e-mail').value; type = 'klant/bewerken'; openVerificatieModal(); }); document.querySelector('#btn-popia-requests-request').addEventListener('klik', functie(e) { e.preventDefault(); popiaSlideUpAll(); slideDown(document.querySelector('#form-popia-verzoeken-verzoek'), 200); this.setAttribute("aria-uitgebreid", "waar"); }); document.querySelector('#form-popia-verzoeken-verzoek-indienen').addEventListener('klik', functie(e) { e.preventDefault(); e-mail = document.querySelector('#form-popia-verzoeken-verzoek-e-mail').value; type = 'klant/verzoeken'; openVerificatieModal(); }); document.querySelector('#btn-popia-persoonlijke-informatie-aanvraag').addEventListener('klik', functie(e) { e.preventDefault(); popiaSlideUpAll(); slideDown(document.querySelector('#form-popia-persoonlijke-informatie-aanvraag'), 200); this.setAttribute("aria-uitgebreid", "waar"); }); document.querySelector('#form-popia-persoonlijke-informatie-aanvraag-indienen').addEventListener('klik', functie(e) { e.preventDefault(); email = document.querySelector('#form-popia-persoonlijke-informatie-aanvraag-email').value; type = 'klant/persoonlijke_info'; openVerificatieModal(); }); document.querySelector('#btn-popia-orders-request').addEventListener('klik', functie(e) { e.preventDefault(); popiaSlideUpAll(); slideDown(document.querySelector('#form-popia-orders-aanvraag'), 200); this.setAttribute("aria-uitgebreid", "waar"); }); document.querySelector('#form-popia-orders-request-submit').addEventListener('klik', functie(e) { e.preventDefault(); e-mail = document.querySelector('#form-popia-orders-request-email').value; type = 'klant/orders'; openVerificatieModal(); }); document.querySelector('#btn-popia-personal-data-report-request').addEventListener('klik', functie (e) { e.preventDefault(); popiaSlideUpAll(); slideDown(document.querySelector('#form-popia-persoonlijke-gegevens-rapport-aanvraag'), 200); this.setAttribute("aria-uitgebreid", "waar"); }); document.querySelector('#form-popia-persoonlijke-gegevens-rapport-aanvraag-indienen').addEventListener('klik', functie (e) { e.preventDefault(); email = document.querySelector('#form-popia-persoonlijke-gegevens-rapport-aanvraag-email').value; type = 'klant/rapport'; openVerificatieModal(); }); document.querySelector('#btn-popia-verwijder-account-aanvraag').addEventListener('klik', functie(e) { e.preventDefault(); popiaSlideUpAll(); slideDown(document.querySelector('#form-popia-verwijder-account-aanvraag'), 200); this.setAttribute("aria-uitgebreid", "waar"); }); document.querySelector('#form-popia-verwijder-account-aanvraag-indienen').addEventListener('klik', functie(e) { e.preventDefault(); e-mail = document.querySelector('#form-popia-account-verwijderen-verzoek-e-mail').value; type = 'klant/verwijderen'; openVerificatieModal(); }); // Toetsenbordnavigatie in het gegevensverificatiemodel voor toegankelijkheid document.querySelector('#data-verificatie-modal').addEventListener('keydown', functie(e) { laat isTabPressed = e.keyCode === 9 || e.toets === "Tabblad" || e.code === "Tabblad"; laat isEscapePressed = e.keyCode === 27 || e.key === "Ontsnappen" || e.code === "Ontsnappen"; laat isSpacePressed = event.keyCode === 32 || e.sleutel === " " || event.code === "Spatie"; laat isEnterPressed = event.keyCode === 13 || e.key === "Enter" || gebeurtenis.code === "Betreden"; laat dataVerificationCloseButton = document.querySelector('.data-verification-close'); laat dataVerificationCheckbox = document.querySelector('#data-verification-container input'); laat dataVerificationLink = document.querySelector('#data-verification-container a'); // Deze functie bespaart ons de moeite om e.preventDefault() aan te roepen na elke focus laat executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} als (isEscapePressed) { als (dataVerificationCloseButton) { dataVerificationCloseButton.klik(); } } als (isSpacePressed || isEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verificatie-container #data-verificatie-pictogram').click(); } } als (isTabPressed) { als (e.shiftKey) { als (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } anders { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } }); // ]]>