'; 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.texte()) .puis(resp => { si (!resp.erreur) { laissez ipInfo = resp; laissez formData = new FormData(); formData.append('boutique', Shopify.boutique); formData.append('email', email); formData.append('type', type); formData.append('sourceOfRequest', 4); formData.append('adresse IP', ipInfo); formData.append('consentementDonné', consentementDonné); formData.append('page', 'pipeda'); formData.append('lang', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); récupérer('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', { méthode : 'POST', corps : formData }) .puis(resp => resp.json()) .puis(resp => { si (!resp.erreur) { pipedaSlideUpAll(); si (resp.message.length) { alerte(resp.message); } autre { alert('Votre demande a été soumise avec succès. Veuillez vérifier votre courrier électronique pour plus d'informations.'); } } autre { alerte(resp.message); } si (typeof callback == 'fonction') { rappel(resp); } }) .catch(erreur => { alerte(message.d'erreur); }) } autre { alerte(resp.message); } }) } //Ajouter le modal au corps, car sinon il ne restera pas centré (même si la position est fixe) document.querySelector("body").insertAdjacentHTML('beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", fonction () { // Lorsque l'utilisateur clique sur (x), fermez la modale document.querySelector('.data-verification-close').addEventListener('clic', fonction (e) { e.preventDefault(); fermerVerificationModal(); // Focalisez le bouton du type de requête qui a été sélectionné laissez pipedaForms = document.querySelectorAll('.form-pipeda-request'); pipedaForms.forEach(fonction(pipedaForm) { si (pipedaForm.style.display !== "aucun") { laissez pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); si (pipedaFormLinks.length === 1) { pipedaFormLinks[0].querySelector('bouton').focus(); } sinon si (pipedaFormLinks.length > 1) { pipedaFormPickedLinkValue = document.querySelector('#form-pipeda-data-account-request-request-type').value; commutateur (pipedaFormPickedLinkValue) { cas 'client/requêtes' : pipedaFormLinks[0].querySelector('bouton').focus(); casser; cas 'customer/personal_info' : pipedaFormLinks[1].querySelector('bouton').focus(); casser; cas 'client/commandes' : pipedaFormLinks[2].querySelector('bouton').focus(); casser; défaut: casser; } } } }); }); document.querySelector('#icône-de-vérification-des-données, #conteneur-de-vérification-des-données p').addEventListener('clic', fonction (e) { e.preventDefault(); // Détecter le clic d'un href, car il est écrasé. si (e.target.tagName === "A") { fenêtre.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'; consentementDonné = vrai; pipedaSendRequest(fonction (resp) { consentementDonné = faux; fermerVerificationModal(); }); }, 400); }); }); fonction openVerificationModal() { toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#entrée du conteneur de vérification des données').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('clic', fonction (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('clic', fonction (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 => { élément.addEventListener('clic', fonction (e) { e.preventDefault(); pipedaSlideUpAll(); type = ''; commutateur (this.getAttribute('id')) { cas 'btn-pipeda-requests-request' : type = 'client/requêtes'; casser; cas 'btn-pipeda-personal-information-request' : type = 'client/informations_personnelles'; 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('clic', fonction (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('clic', fonction (e) { e.preventDefault(); pipedaSlideUpAll(); slideDown(document.querySelector('#form-pipeda-demande-de-rapport-de-données-personnelles'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-pipeda-personal-data-report-request-submit').addEventListener('clic', fonction (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) { laissez isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; // Cette fonction nous évite d'avoir à appeler e.preventDefault() après chaque mise au point laissez executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} si (isTabPressed) { laissez pipedaFormPickedLinkValue = document.querySelector('#form-pipeda-data-account-request-request-type').value; laissez pipedaRequestsButton = document.querySelector('#btn-pipeda-requests-request'); laissez personalInformationButton = document.querySelector('#btn-pipeda-personal-information-request'); laissez ordersButton = document.querySelector('#btn-pipeda-orders-request'); laissez personalDataReportButton = document.querySelector('#btn-pipeda-personal-data-report-request'); laissez dataAccountFormEmailField = document.querySelector('#form-pipeda-data-account-request-email'); laissez dataAccountFormSubmitButton = document.querySelector('#form-pipeda-data-account-request-submit'); si (e.shiftKey) { si ((document.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'client/requêtes') || (document.activeElement === ordersButton && pipedaFormPickedLinkValue === 'customer/personal_info')) { executeFocus(donnéesCompteFormeSubmitButton); } sinon si (document.activeElement === dataAccountFormEmailField) { si (pipedaFormPickedLinkValue === 'client/requêtes') { executeFocus(pipedaRequestsButton); } else if (pipedaFormPickedLinkValue === 'client/informations_personnelles') { executeFocus(bouton d'informations personnelles); } } sinon si (document.activeElement === personalDataReportButton) { si (pipedaFormPickedLinkValue !== 'client/commandes') { executeFocus(bouton de commandes); } } } autre { si ((document.activeElement === pipedaRequestsButton && pipedaFormPickedLinkValue === 'client/requêtes') || (document.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'customer/personal_info')) { executeFocus(donnéesCompteFormeEmailField); } sinon si (document.activeElement === dataAccountFormSubmitButton) { si (pipedaFormPickedLinkValue === 'client/requêtes') { executeFocus(bouton d'informations personnelles); } else if (pipedaFormPickedLinkValue === 'client/informations_personnelles') { executeFocus(bouton de commandes); } } sinon si (document.activeElement === ordersButton) { si (pipedaFormPickedLinkValue !== 'client/commandes') { executeFocus(personalDataReportButton); } } } } }); // 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) { laissez isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; laissez isEscapePressed = e.keyCode === 27 || e.key === "Échapper" || e.code === "Échapper"; laissez isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Espace"; laissez isEnterPressed = event.keyCode === 13 || e.key === "Entrée" || event.code === "Entrée"; laissez 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) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#conteneur-de-vérification-des-données #icône-de-vérification-des-données').click(); } } si (isTabPressed) { si (e.shiftKey) { si (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } autre { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(donnéesVerificationCloseButton); } } } }); // ]]>