Page pour la conformité du RGPD

`; var gdprSendRequest = function(callback) { fetch('https://www.cloudflare.com/cdn-cgi/trace', { méthode : 'GET' , en-têtes : { 'Content-Type' : 'text/plain', }, }) .then(resp => resp.text()) .alors(resp => { si (!resp.error) { let ipInfo = resp; laissez formData = new FormData(); formData.append('boutique', Shopify.shop); formData.append('courriel', courriel); formData.append('type', type); formData.append('sourceOfRequest', 1); formData.append('adresse IP', ipInfo); formData.append('consentementDonné', consentementDonné); formData.append('page', 'rgpd'); formData.append('long', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); fetch('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', { méthode : 'POST', corps : formData }) .then(resp => resp.json()) .then(resp => { si (!resp.error) { gdprSlideUpAll(); si (resp.message.length) { alerte(resp.message); } else { alert('Votre demande a été soumise avec succès. Veuillez consulter votre courrier électronique pour plus d'informations.'); } } else { alert(resp.message); } si (typeof callback == 'function') { callback(resp); } }) .catch(error => { alerte(error.message); }) } else { alerte(resp.message); } }) } //Ajouter le modal au corps, car sinon il ne restera pas centré (même si la position est fixe) document.querySelector("corps").insertAdjacentHTML( 'beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", function() { // Lorsque l'utilisateur clique sur (x), fermez la modale document.querySelector('.data-verification-close').addEventListener('clic', function(e) { e.preventDefault(); closeVerificationModal(); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) { e.preventDefault(); // Détecter le clic d'un href, car il est écrasé. if(e.target.tagName === "A") { window.open(e.target.href, '_blank'); retour; } document.querySelector('#icône-de-vérification-des-données').classList.add("cliqué"); setTimeout(()=>{ toggleFadeiSense(document.querySelector("#data-verification-modal"), faux); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; consentementGiven = true; gdprSendRequest(function(resp) { consentementGiven = false; closeVerificationModal(); }); }, 400); }); }); function openVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), vrai); document.querySelector('#data-verification-container input').focus(); } function closeVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-background"), faux); document.querySelector('#icône-de-vérification-des-données').classList.remove(« cliqué »); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Focaliser le bouton du type de requête qui a été sélectionné let gdprForms = document.querySelectorAll('.form-gdpr-request'); gdprForms.forEach(fonction(gdprForm) { si (gdprForm.style.display !== "aucun") { let gdprFormLinks = gdprForm.previousElementSibling.querySelectorAll('li'); si (gdprFormLinks.length === 1) { gdprFormLinks[0].querySelector('button').focus(); } else { // Logique de focus pour les demandes de portabilité des données gdprFormLinks = gdprForm.parentElement; si (gdprFormLinks.nodeName === 'LI') { gdprFormLinks.querySelector('bouton').focus(); } } } }); } document.querySelector('#btn-gdpr-edit-account-request').addEventListener('clic', function(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-gdpr-edit-account-request-submit').addEventListener('clic', function(e) { e.preventDefault(); courriel = document.querySelector('#formulaire-gdpr-modification-compte-demande-email').valeur ; type = 'client/modifier'; openVerificationModal(); }); document.querySelector('#btn-gdpr-requests-request').addEventListener('clic', function(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-requests-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-gdpr-requests-request-submit').addEventListener('clic', function(e) { e.preventDefault(); courriel = document.querySelector('#form-gdpr-requests-request-email').value; type = 'client/requests'; openVerificationModal(); }); document.querySelector('#btn-gdpr-personal-information-request').addEventListener('clic', function(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#formulaire-demande-d'informations-personnelles-rgpd'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-gdpr-personal-information-request-submit').addEventListener('clic', function(e) { e.preventDefault(); courriel = document.querySelector('#form-gdpr-personal-information-request-email').value; type = 'customer/personal_info'; openVerificationModal(); }); document.querySelector('#btn-gdpr-orders-request').addEventListener('clic', function(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-orders-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-gdpr-orders-request-submit').addEventListener('clic', function(e) { e.preventDefault(); courriel = document.querySelector('#form-gdpr-orders-request-email').value; type = 'client/commandes'; openVerificationModal(); }); document.querySelector('#btn-gdpr-personal-data-report-request').addEventListener('clic', function(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-gdpr-personal-data-report-request-submit').addEventListener('click', function(e) { e.preventDefault(); courriel = document.querySelector('#form-gdpr-personal-data-report-request-email').value; type = 'client/rapport'; openVerificationModal(); }); document.querySelector('#btn-gdpr-delete-account-request').addEventListener('clic', function(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#form-gdpr-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-gdpr-delete-account-request-submit').addEventListener('clic', function(e) { e.preventDefault(); courriel = document.querySelector('#form-gdpr-delete-account-request-email').value; type = 'customer/delete'; openVerificationModal(); }); // Navigation au clavier dans la fenêtre modale de vérification des données pour l'accessibilité document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { let isTabPressed = e.keyCode === 9 || e.key === "Onglet" || e.code === "Tab"; let isEscapePressed = e.keyCode === 27 || e.key === "Évasion" || e.code === "Échapper"; let isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Espace"; let isEnterPressed = event.keyCode === 13 || e.key === "Entrée" || event.code === "Entrée"; let dataVerificationCloseButton = document.querySelector('.data-verification-close'); laissez dataVerificationCheckbox = document.querySelector('#data-verification-container input'); laissez dataVerificationLink = document.querySelector('#data-verification-container a'); // Cette fonction nous évite d'avoir à appeler e.preventDefault() après chaque mise au point, laissez executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} si (isEscapePressed) { si (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } si (estEspacePressé || estEntréePressée) { si (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } si (isTabPressed) { si (e.shiftKey) { si (dataVerificationCloseButton &li;&li; document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } else { if (dataVerificationLink &li;&li; document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } });