Conformité à la LPRPDE

'; var pipedaSendRequest = fonction (rappel) { 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', 4); formData.append('ipAddress', ipInfo); formData.append('consentGiven', consentementGiven); formData.append('page', 'pipeda'); 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) { pipedaSlideUpAll(); 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 (type de rappel == 'fonction') { 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('beforeend', verifyModalContent); document.addEventListener("DOMContentLoaded", fonction () { // Lorsque l'utilisateur clique sur (x), ferme le modal document.querySelector('.data-verification-close').addEventListener('click', function (e) { e.preventDefault(); closeVerificationModal(); // Focus sur le bouton du type de requête sélectionné let pipedaForms = document.querySelectorAll('.form-pipeda-request'); pipedaForms.forEach(fonction(pipedaForm) { if (pipedaForm.style.display !== "aucun") { laissez pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); si (pipedaFormLinks.length === 1) { pipedaFormLinks[0].querySelector('button').focus(); } sinon si (pipedaFormLinks.length > 1) { pipedaFormPickedLinkValue = document.querySelector('#form-pipeda-data-account-request-request-type').value; commutateur (pipedaFormPikedLinkValue) { cas 'client/demandes' : pipedaFormLinks[0].querySelector('button').focus(); casser; cas 'client/info_personnel' : pipedaFormLinks[1].querySelector('button').focus(); casser; cas 'client/commandes' : pipedaFormLinks[2].querySelector('button').focus(); casser; défaut: casser; } } } }); }); 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'; consentementGiven = vrai ; pipedaSendRequest(fonction (resp) { consentementGiven = 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'; } document.querySelector('#btn-pipeda-edit-account-request').addEventListener('click', function (e) { e.preventDefault(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-edit-account-request-submit').addEventListener('click', function (e) { e.preventDefault(); email = document.querySelector('#form-pipeda-edit-account-request-email').value; type = 'client/modifier'; openVerificationModal(); }); document.querySelectorAll('#btn-pipeda-requests-request, #btn-pipeda-personal-information-request, #btn-pipeda-orders-request').forEach(element => { element.addEventListener('clic', fonction (e) { e.preventDefault(); pipedaSlideUpAll(); tapez = ''; commutateur (this.getAttribute('id')) { cas 'btn-pipeda-requests-request' : type = 'client/demandes'; casser; cas 'btn-pipeda-personal-information-request' : type = 'client/info_personnel'; casser; cas 'btn-pipeda-orders-request' : type = 'client/commandes' ; casser; } document.querySelector('#form-pipeda-data-account-request-request-type').value = type; slideDown(document.querySelector('#form-pipeda-data-account-request'), 200); this.setAttribute("aria-expanded", "true"); }) }); document.querySelector('#form-pipeda-data-account-request-submit').addEventListener('click', function (e) { e.preventDefault(); email = document.querySelector('#form-pipeda-data-account-request-email').value; type = document.querySelector('#form-pipeda-data-account-request-request-type').value; openVerificationModal(); }); document.querySelector('#btn-pipeda-personal-data-report-request').addEventListener('click', function (e) { e.preventDefault(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-personal-data-report-request-submit').addEventListener('click', function (e) { e.preventDefault(); email = document.querySelector('#form-pipeda-personal-data-report-request-email').value; type = 'client/rapport'; openVerificationModal(); }); // Navigation au clavier pour les requêtes de la page de conformité document.querySelector('#pipeda_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 pipedaFormPickedLinkValue = document.querySelector('#form-pipeda-data-account-request-request-type').value; let pipedaRequestsButton = document.querySelector('#btn-pipeda-requests-request'); let personalInformationButton = document.querySelector('#btn-pipeda-personal-information-request'); let commandesButton = 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'); si (e.shiftKey) { if ((document.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'customer/requests') || (document.activeElement === commandesButton && pipedaFormPickedLinkValue === 'customer/personal_info')) { executeFocus(dataAccountFormSubmitButton); } sinon if (document.activeElement === dataAccountFormEmailField) { if (pipedaFormPikedLinkValue === 'client/requêtes') { exécuterFocus(pipedaRequestsButton); } else if (pipedaFormPickedLinkValue === 'customer/personal_info') { exécuterFocus(personalInformationButton); } } sinon if (document.activeElement === personalDataReportButton) { if (pipedaFormPikedLinkValue !== 'client/commandes') { exécuterFocus(commandesButton); } } } autre { if ((document.activeElement === pipedaRequestsButton && pipedaFormPickedLinkValue === 'customer/requests') || (document.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'customer/personal_info')) { exécuterFocus(dataAccountFormEmailField); } sinon if (document.activeElement === dataAccountFormSubmitButton) { if (pipedaFormPikedLinkValue === 'client/requêtes') { exécuterFocus(personalInformationButton); } else if (pipedaFormPickedLinkValue === 'customer/personal_info') { exécuterFocus(commandesButton); } } sinon if (document.activeElement === commandesButton) { if (pipedaFormPikedLinkValue !== '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 (isTabPressed) { si (e.shiftKey) { if (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { exécuterFocus(dataVerificationLink); } } autre { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } }); // ]]>