Conformité RGPD

'; var gdprSendRequest = function(callback) { récupérer('https://www.cloudflare.com/cdn-cgi/trace', { méthode : 'GET' , en-têtes : { 'Type de contenu' : 'texte/plain', }, }) .then(resp => resp.text()) .puis(resp => { si (!resp.erreur) { laissez ipInfo = resp; laissez formData = new FormData(); formData.append('boutique', Shopify.shop); formData.append('email', email); formData.append('type', type); formData.append('sourceOfRequest', 1); formData.append('ipAddress', ipInfo); formData.append('consentGiven', consentementGiven); formData.append('page', 'gdpr'); 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', { méthode : 'POST', corps : formData }) .then(resp => resp.json()) .puis(resp => { si (!resp.erreur) { gdprSlideUpAll(); si (resp.message.longueur) { alert(resp.message); } autre { alert('Votre demande a été soumise avec succès. Veuillez vérifier votre courrier électronique pour plus d'informations.'); } } autre { alert(resp.message); } if (typeof callback == 'function') { rappel (resp); } }) .catch(erreur => { alert(erreur.message); }) } autre { alert(resp.message); } }) } //Ajouter un modal au corps, car sinon il ne restera pas centré (même si la position est fixe) document.querySelector("body").insertAdjacentHTML( 'avant-fin', vérificationModalContent); document.addEventListener("DOMContentLoaded", function() { // Lorsque l'utilisateur clique sur (x), fermez le modal document.querySelector('.data-verification-close').addEventListener('click', function(e) { e.preventDefault(); closeVerificationModal(); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) { e.preventDefault(); // Détecte le clic d'un href, car il est écrasé. if(e.target.tagName === "A") { window.open(e.target.href, '_blank'); retour; } document.querySelector('#data-verification-icon').classList.add("cliqué"); setTimeout(()=>{ toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; AllowGiven = vrai ; gdprSendRequest(function(resp) { AllowGiven = faux ; closeVerificationModal(); }); }, 400); }); }); fonction openVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#data-verification-container input').focus(); } fonction closeVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("cliqué"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Focus sur le bouton du type de requête sélectionné let gdprForms = document.querySelectorAll('.form-gdpr-request'); gdprForms.forEach(function(gdprForm) { if (gdprForm.style.display !== "aucun") { laissez gdprFormLinks = gdprForm.previousElementSibling.querySelectorAll('li'); si (gdprFormLinks.length === 1) { gdprFormLinks[0].querySelector('bouton').focus(); } sinon si (gdprFormLinks.length > 1) { gdprFormPickedLinkValue = document.querySelector('#form-gdpr-data-account-request-request-type').value; commutateur (gdprFormPikedLinkValue) { cas 'client/demandes' : gdprFormLinks[0].querySelector('bouton').focus(); casser; cas 'client/info_personnel' : gdprFormLinks[1].querySelector('button').focus(); casser; cas 'client/commandes' : gdprFormLinks[2].querySelector('bouton').focus(); casser; défaut: casser; } } } }); } document.querySelector('#btn-gdpr-edit-account-request').addEventListener('click', 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('click', function(e) { e.preventDefault(); email = document.querySelector('#form-gdpr-edit-account-request-email').value; type = 'client/modifier'; openVerificationModal(); }); document.querySelectorAll('#btn-gdpr-requests-request, #btn-gdpr-personal-information-request, #btn-gdpr-orders-request').forEach(element => { element.addEventListener('click', function(e) { e.preventDefault(); gdprSlideUpAll(); tapez = ''; switch(this.getAttribute('id')) { cas 'btn-gdpr-requests-request' : type = 'client/demandes'; casser; cas 'btn-gdpr-personal-information-request' : type = 'client/info_personnel'; casser; cas 'btn-gdpr-orders-request' : type = 'client/commandes'; casser; } document.querySelector('#form-gdpr-data-account-request-request-type').value = type; slideDown(document.querySelector('#form-gdpr-data-account-request'), 200); this.setAttribute("aria-expanded", "true"); }) }); document.querySelector('#form-gdpr-data-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-gdpr-data-account-request-email').value; type = document.querySelector('#form-gdpr-data-account-request-request-type').value; openVerificationModal(); }); document.querySelector('#btn-gdpr-personal-data-report-request').addEventListener('click', 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(); email = document.querySelector('#form-gdpr-personal-data-report-request-email').value; type = 'client/rapport'; openVerificationModal(); }); document.querySelector('#btn-gdpr-delete-account-request').addEventListener('click', 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('click', function(e) { e.preventDefault(); email = document.querySelector('#form-gdpr-delete-account-request-email').value; type = 'client/supprimer' ; openVerificationModal(); }); // Navigation au clavier pour les requêtes de la page de conformité document.querySelector('#gdpr_page').addEventListener('keydown', function(e) { soit isTabPressed = e.keyCode === 9 || e.key === "Tabulation" || e.code === "Tab" ; // Cette fonction nous évite d'avoir à appeler e.preventDefault() après chaque mise au point laissez exécuterFocus = (focusElement) => {focusElement.focus();e.preventDefault();} si (isTabPressed) { laissez gdprFormPickedLinkValue = document.querySelector('#form-gdpr-data-account-request-request-type').value; let gdprRequestsButton = document.querySelector('#btn-gdpr-requests-request'); let personalInformationButton = document.querySelector('#btn-gdpr-personal-information-request'); let commandesButton = document.querySelector('#btn-gdpr-orders-request'); let personalDataReportButton = document.querySelector('#btn-gdpr-personal-data-report-request'); let dataAccountFormEmailField = document.querySelector('#form-gdpr-data-account-request-email'); let dataAccountFormSubmitButton = document.querySelector('#form-gdpr-data-account-request-submit'); si (e.shiftKey) { if ((document.activeElement === personalInformationButton && gdprFormPickedLinkValue === 'customer/requests') || (document.activeElement === commandesButton && gdprFormPickedLinkValue === 'customer/personal_info')) { executeFocus(dataAccountFormSubmitButton); } sinon if (document.activeElement === dataAccountFormEmailField) { if (gdprFormPickedLinkValue === 'client/demandes') { exécuterFocus(gdprRequestsButton); } else if (gdprFormPickedLinkValue === 'customer/personal_info') { exécuterFocus(personalInformationButton); } } sinon if (document.activeElement === personalDataReportButton) { if (gdprFormPickedLinkValue !== 'client/commandes') { exécuterFocus(commandesButton); } } } autre { if ((document.activeElement === gdprRequestsButton && gdprFormPickedLinkValue === 'client/requests') || (document.activeElement === personalInformationButton && gdprFormPickedLinkValue === 'customer/personal_info')) { exécuterFocus(dataAccountFormEmailField); } sinon if (document.activeElement === dataAccountFormSubmitButton) { if (gdprFormPickedLinkValue === 'client/demandes') { exécuterFocus(personalInformationButton); } else if (gdprFormPickedLinkValue === 'customer/personal_info') { exécuterFocus(commandesButton); } } sinon if (document.activeElement === commandesButton) { if (gdprFormPickedLinkValue !== 'client/commandes') { executeFocus(personalDataReportButton); } } } } }); // Navigation au clavier dans le modal de vérification des données pour l'accessibilité document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { soit isTabPressed = e.keyCode === 9 || e.key === "Tabulation" || e.code === "Tab" ; soit isEscapePressed = e.keyCode === 27 || e.key === "Échap" || e.code === "Échapper" ; soit 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'); let dataVerificationCheckbox = document.querySelector('#data-verification-container input'); let dataVerificationLink = document.querySelector('#data-verification-container a'); // Cette fonction nous évite d'avoir à appeler e.preventDefault() après chaque mise au point laissez exécuterFocus = (focusElement) => {focusElement.focus();e.preventDefault();} si (isEscapePressed) { si (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } si (isSpacePressed || isEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } si (isSpacePressed || isEnterPressed) { let dataVerificationCheckbox = document.querySelector('#data-verification-container input'); if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } si (isTabPressed) { si (e.shiftKey) { if (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { exécuterFocus(dataVerificationLink); } } autre { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } });