APPI
#form-appi-edit-account-request, #form-appi-requests-request, #form-appi-personal-information-request, #form-appi-orders-request, #form-appi-personal-data-report-request, #form-appi-delete-account-request , #form-appi-do-not-sell-request { display: none; } #appi_page button { background-colour: transparent; border: 0; border-bottom: 1px solid black; padding: 0px; } /* Modal background */ #data-verification-background { display: none; position: fixed; z-index: 1; padding-top: calc(50vh - 83px); left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-colour: rgb(0,0,0); background-colour: rgba(0,0,0,0.4); opacity: unset; z-index: 9999; } /* Modal Content */ #data-verification-modal { background-color: #fefefe; margin: auto; padding: 16px; border: 1px solid #888; width: 38%; } /* Modal Close Button */ .data-verification-close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; line-height: 17px; background-color: transparent; border: 0px; padding: 0px; } .data-verification-close:hover { color: #000; text-decoration: none; cursor: pointer; } /* Checkbox Text */ #data-verification-container p{ display: inline-block; padding: 0; margin: 0; line-height: 24px; padding-left: 10px; vertical-align: top; width: calc(100% - 45px); } #data-verification-container a, #data-verification-container a:hover{ text-decoration: underline!important; colour: #4285f4; } #data-verification-container input { opacity: 0; width: 0; height: 0; margin: 0; padding: 0; } /* Checkbox Icon */ #data-verification-icon { cursor: pointer; position: relative; margin: auto; width: 18px; height: 18px; -webkit-tap-highlight-color: transparent; transform: translate3d(0, 0, 0); margin-top: 2px; } #data-verification-icon:before { content: ""; position: absolute; top: -7px; left: -7px; width: 32px; height: 32px; border-radius: 50%; background: rgba(34,50,84,0.03); opacity: 0; transition: opacity 0.2s ease; } #data-verification-icon svg { position: relative; z-index: 1; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: #c8ccd4; stroke-width: 1.5; transform: translate3d(0, 0, 0); transition: all 0.2s ease; } #data-verification-icon svg path { stroke-dasharray: 60; stroke-dashoffset: 0; } #data-verification-icon svg polyline { stroke-dasharray: 22; stroke-dashoffset: 66; } #data-verification-icon:hover:before { opacity: 1; } #data-verification-container:hover #data-verification-icon svg { stroke: #4285f4; } #data-verification-icon.clicked svg { stroke: #4285f4; } #data-verification-icon.clicked svg path { stroke-dashoffset: 60; transition: all 0.3s linear; } #data-verification-icon.clicked svg polyline { stroke-dashoffset: 42; transition: all 0.2s linear; transition-delay: 0.15s; } /* Accessibility design */ #data-verification-icon:focus, .data-verification-close:focus, #data-verification-container input:focus ~ #data-verification-icon svg, #data-verification-container a:focus { box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4); transition: all 0.3s ease; outline: none; transform: scale(1.06); } #appi_page .list-unstyled li button { cursor: pointer; } .show-isense { transition: opacity 400ms !important; } .hide-isense { opacity: 0 !important; transition: 0.4s ease-out; } /* Modal changes on mobile resolution*/ @media only screen and (max-width: 600px) { #data-verification-modal { width: 90%; } } /* Loading Element */ .loading { display: none; top:50vh; left:50vw; position:fixed; } .loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(255,255,255, 1) 1.5em 0 0 0, rgba(255,255,255, 1) 1.1em 1.1em 0 0, rgba(255,255,255, 1) 0 1.5em 0 0, rgba(255,255,255, 1) -1.1em 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba(255,255,255, 1) 1.1em -1.1em 0 0; box-shadow: rgba(255,255,255, 1) 1.5em 0 0 0, rgba(255,255,255, 1) 1.1em 1.1em 0 0, rgba(255,255,255, 1) 0 1.5em 0 0, rgba(255,255,255, 1) -1.1em 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba(255,255,255, 1) 1.1em -1.1em 0 0; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
Lorsque vous soumettez une demande d'accès aux données du sujet (DSAR) via notre page de conformité, Consentmo, notre fournisseur de conformité, ne traite que votre adresse IP et votre adresse e-mail pour traiter votre demande. Pour plus de détails, veuillez consulter la politique de traitement des données de Consentmo.
Correction des données
Vous pouvez mettre à jour ou corriger vos données de compte en utilisant le lien ci-dessous si elles ne sont pas exactes.
- Modifier les informations de votre compte
Veuillez entrer votre adresse e-mail pour vérifier votre identité.
Portabilité des données
Vous pouvez télécharger toutes les données que nous stockons et utilisons pour une meilleure expérience dans notre magasin en utilisant les liens ci-dessous.
-
Demande APPI
Veuillez entrer votre adresse e-mail pour vérifier votre identité.
-
Informations personnelles
Veuillez entrer votre adresse e-mail pour vérifier votre identité.
-
Historique des commandes
Veuillez entrer votre adresse e-mail pour vérifier votre identité.
Accès aux données personnelles
Vous pouvez demander un rapport contenant toutes les informations personnelles que nous détenons à votre sujet en utilisant le lien ci-dessous. Nous vous répondrons dans les 30 jours.
- Demander un rapport
Veuillez entrer votre adresse e-mail pour vérifier votre identité.
Droit de refus de vente de données personnelles à des tiers
Si vous ne consentez pas à la collecte ou à la vente de vos informations personnelles à des tiers, vous pouvez soumettre une demande.
- Ne pas vendre mes informations personnelles
Veuillez entrer votre adresse e-mail pour vérifier votre identité.
Droit à l'oubli
Utilisez cette option si vous souhaitez que vos données personnelles et autres soient supprimées de notre magasin. Gardez à l'esprit que ce processus supprimera votre compte, vous ne pourrez plus y accéder ni l'utiliser par la suite.
- Demander la suppression de données personnelles
Veuillez entrer votre adresse e-mail pour vérifier votre identité.
Droit à la limitation du traitement
Dans certaines circonstances, vous pouvez nous demander de restreindre ou de suspendre temporairement le traitement de vos données personnelles. Veuillez contacter csandham91@gmail.com pour obtenir de l'aide.
Droit d'opposition
Vous avez le droit de vous opposer à certains types de traitement de données, tels que le marketing direct ou le traitement basé sur des intérêts légitimes. Veuillez contacter csandham91@gmail.com pour soulever une objection.
Coordonnées
Veuillez contacter notre Délégué à la Protection des Données (DPO) pour toute question concernant vos données personnelles ou vos droits en matière de confidentialité :
E-mail : csandham91@gmail.com
Adresse : 29 Abbotts Walk, FY7 6QG Fleetwood England, Royaume-Uni
Droit de déposer une plainte
Vous avez le droit de déposer une plainte auprès de l'autorité nationale de protection des données si vous n'êtes pas satisfait de la façon dont nous avons traité votre demande.
/* GLISSER VERS LE HAUT */ let slideUp = (target, duration=500) => { target.style.transitionProperty = 'height, margin, padding'; target.style.transitionDuration = duration + 'ms'; target.style.boxSizing = 'border-box'; target.style.height = target.offsetHeight + 'px'; target.offsetHeight; target.style.overflow = 'hidden'; target.style.height = 0; target.style.paddingTop = 0; target.style.paddingBottom = 0; target.style.marginTop = 0; target.style.marginBottom = 0; window.setTimeout( () => { target.style.display = 'none'; target.style.removeProperty('height'); target.style.removeProperty('padding-top'); target.style.removeProperty('padding-bottom'); target.style.removeProperty('margin-top'); target.style.removeProperty('margin-bottom'); target.style.removeProperty('overflow'); target.style.removeProperty('transition-duration'); target.style.removeProperty('transition-property'); }, duration); } /* GLISSER VERS LE BAS */ let slideDown = (target, duration=500) => { setTimeout(function(){ target.style.removeProperty('display'); let display = window.getComputedStyle(target).display; if (display === 'none') display = 'block'; target.style.display = display; let height = target.offsetHeight; target.style.overflow = 'hidden'; target.style.height = 0; target.style.paddingTop = 0; target.style.paddingBottom = 0; target.style.marginTop = 0; target.style.marginBottom = 0; target.offsetHeight; target.style.boxSizing = 'border-box'; target.style.transitionProperty = "height, margin, padding"; target.style.transitionDuration = duration + 'ms'; target.style.height = height + 'px'; target.style.removeProperty('padding-top'); target.style.removeProperty('padding-bottom'); target.style.removeProperty('margin-top'); target.style.removeProperty('margin-bottom'); window.setTimeout( () => { target.style.removeProperty('height'); target.style.removeProperty('overflow'); target.style.removeProperty('transition-duration'); target.style.removeProperty('transition-property'); }, duration); }, 100) } /* BASCULER */ var slideToggle = (target, duration = 500) => { if (window.getComputedStyle(target).display === 'none') { return slideDown(target, duration); } else { return slideUp(target, duration); } } /* FADE */ var toggleFadeiSense = (elem, show) => { if (show) { elem.style.display = "block"; setTimeout(function(){ elem.classList.add('show-isense'); elem.classList.remove('hide-isense'); },20) } else { elem.classList.remove('show-isense'); elem.classList.add('hide-isense'); setTimeout(() => { elem.style.display = 'none'; }, 400) } } var appiSlideUpAll = function() { slideUp(document.querySelector('#form-appi-edit-account-request'), 100); document.querySelector('#btn-appi-edit-account-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-appi-requests-request'), 100); document.querySelector('#btn-appi-requests-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-appi-personal-information-request'), 100); document.querySelector('#btn-appi-personal-information-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-appi-orders-request'), 100); document.querySelector('#btn-appi-orders-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-appi-personal-data-report-request'), 100); document.querySelector('#btn-appi-personal-data-report-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-appi-do-not-sell-request'), 100); document.querySelector('#btn-appi-do-not-sell-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-appi-delete-account-request'), 100); document.querySelector('#btn-appi-delete-account-request').setAttribute("aria-expanded", "false"); document.querySelector('#appi_page button').setAttribute("aria-expanded", "false"); }; var email, type, consentGiven = false; var verificationModalContent = '<div id="data-verification-background"><div class="loading"></div><div id="data-verification-modal"><button class="data-verification-close" aria-label="Fermer">×</button><div id="data-verification-container"><input type="checkbox" aria-labelledby="appi-modal-container-text"><label id="data-verification-icon" aria-label="Icône de vérification des données"><svg width="18px" height="18px" viewBox="0 0 18 18"><path d="M1,9 L1,3.5 C1,2 2,1 3.5,1 L14.5,1 C16,1 17,2 17,3.5 L17,14.5 C17,16 16,17 14.5,17 L3.5,17 C2,17 1,16 1,14.5 L1,9 Z"></path></path><polyline points="1 9 7 14 15 4"></polyline></svg></label><p id="appi-modal-container-text">Je donne mon consentement pour la collecte de mon adresse e-mail et de mon adresse IP dans le but de traiter cette demande. Pour en savoir plus, consultez la <a href="https://www.consentmo.com/privacy-policy-terms-of-service/en" target="_blank" aria-label="Lien vers la politique de confidentialité et les conditions d'utilisation (s'ouvre dans un nouvel onglet)">Politique de confidentialité et les conditions d'utilisation</a>.</p></div></div></div>'; var isEmailValid = function(email) { let 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,}))$/; if (email == '' || email == undefined) { return false; } else { return regex.test(email); } } var appiSendRequest = function(callback) { fetch('https://www.cloudflare.com/cdn-cgi/trace', { method: 'GET' , headers: { 'Content-Type': 'text/plain', }, }) .then(resp => resp.text()) .then(resp => { if (!resp.error) { let ipInfo = resp; let formData = new FormData(); if (type === 'customer/do-not-sell') { isenseGDPR.Cookies.set('cookieconsent_preferences_disabled', 'analytics,marketing,functionality,', { expires: 365 }); isenseGDPR.Cookies.set('cookieconsent_status', 'accept_selected', { expires: 365 }); if (typeof window.Shopify.customerPrivacy !== 'undefined' && typeof window.Shopify.customerPrivacy.setTrackingConsent === 'function') { window.Shopify.customerPrivacy.setTrackingConsent( { "sale_of_data": false, }, () => { console.log('sale_of_data: false')} ); } else { console.log('L\'API de confidentialité client n\'est pas définie sur la page actuelle'); } if (document.querySelector('.cc-window')) { document.querySelector('.cc-window').style.display = 'none'; } // reset popup text document.querySelector('#appi-modal-container-text').innerHTML = 'Je donne mon consentement pour la collecte de mon adresse e-mail et de mon adresse IP dans le but de traiter cette demande. Pour en savoir plus, consultez la <a href="https://www.consentmo.com/privacy-policy-terms-of-service/en" target="_blank">Politique de confidentialité et les conditions d\'utilisation</a>.'; } formData.append('shop', Shopify.shop); formData.append('email', email); formData.append('type', type); formData.append('sourceOfRequest', 3); formData.append('ipAddress', ipInfo); formData.append('consentGiven', consentGiven); formData.append('page', 'appi'); formData.append('lang', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); fetch('https://app.consentmo.com/gdprRequests/submitRequest', { method: 'POST', body: formData }) .then(resp => resp.json()) .then(resp => { if (!resp.error) { appiSlideUpAll(); if (resp.message.length) { alert(resp.message); } else { alert('Votre demande a été soumise avec succès. Veuillez vérifier votre e-mail pour plus d\'informations.'); } } else { alert(resp.message); } if (typeof callback == 'function') { callback(resp); } }) .catch(error => { alert(error.message); }) } else { alert(resp.message); } }) } document.addEventListener("DOMContentLoaded", function() { //Append modal to body, because otherwise it will not stay centered(even if position is fixed) document.querySelector("body").insertAdjacentHTML( 'beforeend', verificationModalContent); let searchParams = new URLSearchParams(window.location.search); let param = searchParams.get('id'); if(param) { document.getElementById(param).scrollIntoView(); } // When the user clicks on <span> (x), close the modal document.querySelector('.data-verification-close').addEventListener('click', function(e) { e.preventDefault(); closeVerificationModal(); // Focus the button of the request type that was picked let appiForms = document.querySelectorAll('.form-appi-request'); appiForms.forEach(function(appiForm) { if (appiForm.style.display !== "none") { let appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li'); if (appiFormLinks.length === 1) { appiFormLinks[0].querySelector('button').focus(); } } }); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) { e.preventDefault(); // Detect a href's click, because it is overwritten. if(e.target.tagName === "A") { window.open(e.target.href, '_blank'); return; } document.querySelector('#data-verification-icon').classList.add("clicked"); setTimeout(()=>{ toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; consentGiven = true; appiSendRequest(function(resp) { consentGiven = false; closeVerificationModal(); }); }, 400); }); }); function openVerificationModal(){ if(!isEmailValid(email)) { alert('E-mail invalide'); return; } toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#data-verification-container input').focus(); } function closeVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("clicked"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Focus the button of the request type that was picked let appiForms = document.querySelectorAll('.form-appi-request'); appiForms.forEach(function(appiForm) { if (appiForm.style.display !== "none") { let appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li'); if (appiFormLinks.length === 1) { appiFormLinks[0].querySelector('button').focus(); } else { // Focus logic for Data Portability requests appiFormLinks = appiForm.parentElement; if (appiFormLinks.nodeName === 'LI') { appiFormLinks.querySelector('button').focus(); } } } }); } document.querySelector('#btn-appi-edit-account-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-edit-account-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-edit-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-edit-account-request-email').value; type = 'customer/edit'; appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-requests-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-requests-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-requests-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-requests-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-requests-request-email').value; type = 'customer/requests'; appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-personal-information-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-personal-information-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-personal-information-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-personal-information-request-email').value; type = 'customer/personal_info'; appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-orders-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-orders-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-orders-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-orders-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-orders-request-email').value; type = 'customer/orders'; appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-personal-data-report-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-personal-data-report-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-personal-data-report-request-email').value; type = 'customer/report'; appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-do-not-sell-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-do-not-sell-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-do-not-sell-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-do-not-sell-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-do-not-sell-request-email').value; type = 'customer/do-not-sell'; // Check if customer is logged in if (typeof __st !== "undefined" && __st.cid != undefined) { document.querySelector('#appi-modal-container-text').innerHTML = 'Je donne mon consentement pour la collecte de mon adresse e-mail et de mon adresse IP dans le but de traiter cette demande. Pour en savoir plus, consultez la <a href="https://www.consentmo.com/privacy-policy-terms-of-service/en" target="_blank">Politique de confidentialité et les conditions d\'utilisation</a>.'; } else { document.querySelector('#appi-modal-container-text').innerHTML = 'Je donne mon consentement pour la collecte de mon adresse e-mail et de mon adresse IP dans le but de traiter cette demande. Pour en savoir plus, consultez la <a href="https://www.consentmo.com/privacy-policy-terms-of-service/en" target="_blank">Politique de confidentialité et les conditions d\'utilisation</a>.</br> <b>Remarque :</b> Si vous êtes un utilisateur invité ou si vous n\'êtes pas connecté à votre compte, votre choix de désinscription ne sera effectif que pour cette session de navigateur.'; } appiSendRequest(function(resp) { consentGiven = true; }); }); document.querySelector('#btn-appi-delete-account-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; appiSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-appi-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-appi-delete-account-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-appi-delete-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-appi-delete-account-request-email').value; type = 'customer/delete'; appiSendRequest(function(resp) { consentGiven = true; }); }); // Keyboard navigation in data verification modal for accesibility document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { let isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; let isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape"; let isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Space"; let isEnterPressed = event.keyCode === 13 || e.key === "Enter" || event.code === "Enter"; let dataVerificationCloseButton = document.querySelector('.data-verification-close'); let dataVerificationCheckbox = document.querySelector('#data-verification-container input'); let dataVerificationLink = document.querySelector('#data-verification-container a'); // This function saves us the trouble of calling e.preventDefault() after every focusing let executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isEscapePressed) { if (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } if (isSpacePressed || isEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } if (isTabPressed) { if (e.shiftKey) { if (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } else { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } });
