Funzione di invio richiesta GDPR e indicatore di caricamento con rotazione infinita di 1500 ms di 360 gradi
```html
#form-gdpr-edit-account-request,
#form-gdpr-requests-request,
#form-gdpr-richiesta-informazioni-personali,
#form-gdpr-orders-request,
#form-gdpr-personal-data-report-request,
#form-gdpr-delete-account-request {
visualizzazione: nessuno;
}
#gdpr_page pulsante {
colore di sfondo: trasparente;
bordo: 0;
bordo inferiore: 1px nero pieno;
imbottitura: 0px;
}
/* Sfondo modale */
#verifica-dati-background {
visualizzazione: nessuno;
posizione: fissa;
indice z: 1;
padding-top: calc(50vh - 83px);
sinistra: 0;
in alto: 0;
larghezza: 100%;
altezza: 100%;
trabocco: automatico;
colore di sfondo: rgb(0,0,0);
colore di sfondo: rgba(0,0,0,0.4);
opacità: non impostata;
indice z: 9999;
}
/* Contenuto modale */
#modale-di-verifica-dei-dati {
colore di sfondo: #fefefe;
margine: automatico;
imbottitura: 16px;
bordo: 1px solido #888;
larghezza: 38%;
opacità: 1;
}
/* Pulsante di chiusura modale */
.data-verification-close {
colore: #aaaaaa;
galleggiante: destra;
dimensione carattere: 28px;
font-weight: grassetto;
altezza della riga: 17px;
colore di sfondo: trasparente;
bordo: 0px;
imbottitura: 0px;
}
.data-verification-close:hover {
colore: #000;
decorazione del testo: nessuna;
cursore: puntatore;
}
/* Testo della casella di controllo */
#contenitore-di-verifica-dei-dati p {
visualizzazione: blocco in linea;
imbottitura: 0;
margine: 0;
altezza della riga: 24px;
padding-sinistra: 10px;
allineamento verticale: in alto;
larghezza: calc(100% - 45px);
}
#data-verification-container a, #data-verification-container a:hover{
decorazione del testo: sottolineato!importante;
colore: #4285f4;
}
#contenitore-verifica-dati input {
opacità: 0;
larghezza: 0;
altezza: 0;
margine: 0;
imbottitura: 0;
}
/* Icona casella di controllo */
#icona-verifica-dati {
cursore: puntatore;
posizione: relativa;
margine: automatico;
larghezza: 18px;
altezza: 18px;
-webkit-tap-highlight-color: trasparente;
trasforma: translate3d(0, 0, 0);
margine superiore: 2px;
}
#data-verification-icon:before {
contenuto: "";
posizione: assoluta;
in alto: -7px;
sinistra: -7px;
larghezza: 32px;
altezza: 32px;
raggio del bordo: 50%;
sfondo: rgba(34,50,84,0.03);
opacità: 0;
transizione: opacità 0,2s facilità;
}
#icona-verifica-dati svg {
posizione: relativa;
indice z: 1;
riempimento: nessuno;
tratto-linea: rotondo;
stroke-linejoin: arrotondato;
tratto: #c8ccd4;
larghezza del tratto: 1,5;
trasforma: translate3d(0, 0, 0);
transizione: tutti i 0,2s facilità;
}
#data-verification-icon svg percorso {
stroke-dasharray: 60;
spostamento tratto-tratto: 0;
}
#data-verification-icon svg polilinea {
stroke-dasharray: 22;
offset tratto-tratto: 66;
}
#data-verification-icon:hover:before {
opacità: 1;
}
#data-verification-container:hover #data-verification-icon svg {
tratto: #4285f4;
}
#data-verification-icon.clicked svg {
tratto: #4285f4;
}
#data-verification-icon.clicked svg path {
offset tratto-tratto: 60;
transizione: tutti 0,3s lineari;
}
#data-verification-icon.clicked svg polilinea {
offset tratto-tratto: 42;
transizione: tutti 0,2s lineari;
ritardo di transizione: 0,15 s;
}
/* Progettazione dell'accessibilità */
#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);
transizione: tutti i 0,3s facilità;
contorno: nessuno;
trasforma: scala(1.06);
}
/* Caricamento elemento */
.caricamento {
visualizzazione: nessuno;
in alto:50vh;
sinistra:50vw;
posizione:fissa;
}
.loading:not(:required):after {
contenuto: '';
visualizzazione: blocco;
dimensione carattere: 10px;
larghezza: 1em;
altezza: 1em;
margine superiore: -0,5em;
-webkit-animation: spinner 1500ms infinito lineare;
-moz-animation: spinner 1500ms infinito lineare;
-ms-animation: spinner 1500ms infinito lineare;
-o-animation: spinner 1500ms infinito lineare;
animazione: spinner 1500ms infinito lineare;
raggio del bordo: 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;
}
#gdpr_page .list-unstyled li button {
cursore: puntatore;
}
.mostra-senso {
transizione: opacità 400ms !importante;
}
.hide-isense {
opacità: 0 !importante;
transizione: 0,4 s di accelerazione;
}
/* Modifiche modali sulla risoluzione mobile*/
@media solo schermo e (larghezza massima: 600px) {
#modale-di-verifica-dei-dati {
larghezza: 90%;
}
}
/* Animazione */
@-webkit-keyframes spinner {
0% {
-webkit-transform: ruota(0 gradi);
-moz-transform: ruota(0 gradi);
-ms-transform: ruota(0 gradi);
-o-trasforma: ruota(0 gradi);
trasforma: ruota(0 gradi);
}
100% {
-webkit-transform: ruota(360 gradi);
-moz-transform: ruota(360 gradi);
-ms-transform: ruota(360 gradi);
-o-trasforma: ruota(360 gradi);
trasforma: ruota(360 gradi);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: ruota(0 gradi);
-moz-transform: ruota(0 gradi);
-ms-transform: ruota(0 gradi);
-o-trasforma: ruota(0 gradi);
trasforma: ruota(0 gradi);
}
100% {
-webkit-transform: ruota(360 gradi);
-moz-transform: ruota(360 gradi);
-ms-transform: ruota(360 gradi);
-o-trasforma: ruota(360 gradi);
trasforma: ruota(360 gradi);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: ruota(0 gradi);
-moz-transform: ruota(0 gradi);
-ms-transform: ruota(0 gradi);
-o-trasforma: ruota(0 gradi);
trasforma: ruota(0 gradi);
}
100% {
-webkit-transform: ruota(360 gradi);
-moz-transform: ruota(360 gradi);
-ms-transform: ruota(360 gradi);
-o-trasforma: ruota(360 gradi);
trasforma: ruota(360 gradi);
}
}
@keyframes spinner {
0% {
-webkit-transform: ruota(0 gradi);
-moz-transform: ruota(0 gradi);
-ms-transform: ruota(0 gradi);
-o-trasforma: ruota(0 gradi);
trasforma: ruota(0 gradi);
}
100% {
-webkit-transform: ruota(360 gradi);
-moz-transform: ruota(360 gradi);
-ms-transform: ruota(360 gradi);
-o-trasforma: ruota(360 gradi);
trasforma: ruota(360 gradi);
}
}
Quando invii una richiesta di accesso ai dati personali (DSAR) tramite la nostra pagina Compliance, il nostro fornitore di servizi di compliance, Consentmo, elabora il tuo indirizzo IP e la tua email esclusivamente per soddisfare la tua richiesta. Ciò garantisce un trattamento sicuro e verificato dei tuoi dati personali. Per maggiori dettagli su come vengono gestiti i tuoi dati, puoi consultare l'Informativa sul trattamento dei dati di Consentmo cliccando su questo link: Informativa sul trattamento dei dati di Consentmo .
Rettifica dei dati
Se i dati del tuo account sono inesatti o necessitano di aggiornamenti, puoi correggerli in modo efficiente utilizzando il link sottostante. Questa funzionalità garantisce che le tue informazioni personali, fondamentali per un'esperienza fluida con la nostra gamma di prodotti, come borse e portafogli da donna, rimangano aggiornate e precise.
Portabilità dei dati
Ti diamo la possibilità di scaricare tutti i dati che conserviamo, che utilizziamo per migliorare la tua esperienza di acquisto, in particolare quando sfogli la nostra raffinata collezione di borse e portafogli da donna. Questo ti garantisce il pieno controllo e l'accesso ai tuoi dati personali.
Accesso ai dati personali
Puoi richiedere un report completo che dettaglia tutti i tuoi dati personali in nostro possesso. Ci impegniamo a rispondere alla tua richiesta entro 30 giorni, garantendoti trasparenza e accesso ai tuoi dati. Questo processo è facilitato dalla funzione gdprsendrequest, che garantisce la consegna sicura delle tue informazioni.
Diritto all'oblio
Questa opzione ti consente di rimuovere definitivamente i tuoi dati personali e altri dati associati dal nostro negozio. Tieni presente che l'avvio di questa procedura comporterà l'eliminazione del tuo account, rendendolo inaccessibile per utilizzi futuri. L'animazione di caricamento, simile a uno spinner con durata di 1500 ms e rotazione infinita di 360 gradi, indicherà l'elaborazione della tua richiesta.
Diritto di limitazione del trattamento
In circostanze specifiche, hai il diritto di richiedere la limitazione o la sospensione temporanea del trattamento dei tuoi dati personali. Per assistenza nell'esercizio di questo diritto, ti preghiamo di contattarci direttamente all'indirizzo stiledonnabags@gmail.com.
Diritto di opposizione
Hai il diritto di opporti a determinati tipi di attività di trattamento dei dati, tra cui il marketing diretto e il trattamento basato su interessi legittimi. Per presentare la tua opposizione e garantire che le tue preferenze vengano rispettate, ti preghiamo di contattarci all'indirizzo stiledonnabags@gmail.com.
Informazioni sui contatti
Per qualsiasi domanda riguardante i tuoi dati personali o i tuoi diritti alla privacy, contatta il nostro Responsabile della protezione dei dati (RPD) dedicato ai seguenti recapiti:
E-mail: stiledonnabags@gmail.com
Indirizzo: Via Testulla 149, 95122 Catania Catania, Italia
Diritto di presentare un reclamo
Se ritieni che le tue preoccupazioni non siano state affrontate in modo adeguato, hai il diritto di presentare un reclamo all'autorità nazionale per la protezione dei dati.
/* SCORRI VERSO L'ALTO */
lascia slideUp = (target, durata=500) => {
target.style.transitionProperty = 'altezza, margine, riempimento';
target.style.transitionDuration = durata + 'ms';
target.style.boxSizing = 'border-box';
altezza.stile.destinazione = altezza.offsetdestinazione + 'px';
altezza offset di destinazione;
target.style.overflow = 'nascosto';
altezza.stile.destinazione = 0;
target.style.paddingTop = 0;
target.style.paddingBottom = 0;
target.style.marginTop = 0;
target.style.marginBottom = 0;
finestra.setTimeout( () => {
target.style.display = 'nessuno';
target.style.removeProperty('altezza');
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('durata-transizione');
target.style.removeProperty('proprietà-di-transizione');
}, durata);
}
/* SCIVOLA VERSO IL BASSO */
lascia slideDown = (target, durata=500) => {
impostaTimeout(funzione(){
target.style.removeProperty('display');
lascia display = window.getComputedStyle(target).display;
se (display === 'nessuno') display = 'blocco';
target.style.display = display;
lascia altezza = target.offsetHeight;
target.style.overflow = 'nascosto';
altezza.stile.destinazione = 0;
target.style.paddingTop = 0;
target.style.paddingBottom = 0;
target.style.marginTop = 0;
target.style.marginBottom = 0;
altezza offset di destinazione;
target.style.boxSizing = 'border-box';
target.style.transitionProperty = "altezza, margine, padding";
target.style.transitionDuration = durata + 'ms';
target.style.height = altezza + 'px';
target.style.removeProperty('padding-top');
target.style.removeProperty('padding-bottom');
target.style.removeProperty('margin-top');
target.style.removeProperty('margin-bottom');
finestra.setTimeout( () => {
target.style.removeProperty('altezza');
target.style.removeProperty('overflow');
target.style.removeProperty('durata-transizione');
target.style.removeProperty('proprietà-di-transizione');
}, durata);
}, 100)
}
/* TOOGLE */
var slideToggle = (destinazione, durata = 500) => {
se (window.getComputedStyle(target).display === 'nessuno') {
return slideDown(target, durata);
} altro {
return slideUp(target, durata);
}
}
/* DISSOLVENZA */
var toggleFadeiSense = (elem, mostra) => {
se (mostra) {
elem.style.display = "blocco";
impostaTimeout(funzione(){
elem.classList.add('show-isense');
elem.classList.remove('hide-isense');
},20)
} altro {
elem.classList.remove('show-isense');
elem.classList.add('hide-isense');
impostaTimeout(() => {
elem.style.display = 'nessuno';
}, 400)
}
}
var gdprSlideUpAll = function() {
slideUp(document.querySelector('#form-gdpr-edit-account-request'), 100);
document.querySelector('#btn-gdpr-edit-account-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-gdpr-requests-request'), 100);
document.querySelector('#btn-gdpr-requests-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-gdpr-personal-information-request'), 100);
document.querySelector('#btn-gdpr-personal-information-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-gdpr-orders-request'), 100);
document.querySelector('#btn-gdpr-orders-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-gdpr-personal-data-report-request'), 100);
document.querySelector('#btn-gdpr-personal-data-report-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-gdpr-delete-account-request'), 100);
document.querySelector('#btn-gdpr-delete-account-request').setAttribute("aria-expanded", "false");
document.querySelector('#gdpr_page button').setAttribute("aria-expanded", "false");
};
var email, tipo, consensoGiven = false;
var verificaModalContent = '
Acconsento alla raccolta del mio indirizzo email e IP allo scopo di elaborare questa richiesta. Per maggiori informazioni, consulta l'Informativa sulla privacy e i Termini di servizio .
var isEmailValid = function(email) {
lascia che 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,}))$/;
se (email == '' || email == indefinito) {
restituisci falso;
} altro {
restituisci regex.test(email);
}
}
var gdprSendRequest = function(callback) {
fetch('https://www.cloudflare.com/cdn-cgi/trace', {
metodo: 'GET' ,
intestazioni: {
'Content-Type': 'text/plain',
},
})
.then(resp => resp.text())
.then(resp => {
se (!risp.errore) {
lascia ipInfo = resp;
lascia che formData = new FormData();
formData.append('negozio', Shopify.shop);
formData.append('email', email);
formData.append('tipo', tipo);
formData.append('sourceOfRequest', 1);
formData.append('indirizzoip', ipInfo);
formData.append('consenso dato', consenso dato);
formData.append('pagina', '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', {
metodo: 'POST',
corpo: formData
})
.then(resp => resp.json())
.then(resp => {
se (!risp.errore) {
gdprSlideUpAll();
se (risp.lunghezza.messaggio) {
avviso(risp.messaggio);
} altro {
alert('La tua richiesta è stata inviata con successo. Controlla la tua email per maggiori informazioni.');
}
} altro {
avviso(risp.messaggio);
}
se (tipo di callback == 'funzione') {
richiamata(risp);
}
})
.catch(errore => {
avviso(errore.messaggio);
})
}
altro {
avviso(risp.messaggio);
}
})
}
//Aggiungi il modale al corpo, perché altrimenti non rimarrà centrato (anche se la posizione è fissa)
document.querySelector("body").insertAdjacentHTML( 'beforeend', verificationModalContent);
document.addEventListener("DOMContentLoaded", function() {
// Quando l'utente clicca su (x), chiudi la finestra 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();
// Rileva il clic di un href, perché è stato sovrascritto.
if(e.target.tagName === "A") {
window.open(e.target.href, '_blank');
ritorno;
}
document.querySelector('#data-verification-icon').classList.add("cliccato");
impostaTimeout(()=>{
toggleFadeiSense(document.querySelector("#data-verification-modal"), false);
document.querySelector('#data-verification-background .loading').style.display = 'inline-block';
consentGiven = true;
gdprSendRequest(funzione(risp) {
consentGiven = false;
closeVerificationModal();
});
}, 400);
});
});
funzione openVerificationModal(){
se(!isEmailValid(email)) {
alert('Email non valida');
ritorno;
}
toggleFadeiSense(document.querySelector("#data-verification-modal"), true);
toggleFadeiSense(document.querySelector('#data-verification-background'), true);
document.querySelector('#input contenitore verifica dati').focus();
}
funzione closeVerificationModal(){
toggleFadeiSense(document.querySelector("#data-verification-background"), false);
document.querySelector('#data-verification-icon').classList.remove("cliccato");
document.querySelector('#data-verification-background .loading').style.display = 'none';
// Metti a fuoco il pulsante del tipo di richiesta che è stato selezionato
lascia gdprForms = document.querySelectorAll('.form-gdpr-request');
gdprForms.forEach(funzione(gdprForm) {
se (gdprForm.style.display !== "nessuno") {
lascia gdprFormLinks = gdprForm.previousElementSibling.querySelectorAll('li');
se (gdprFormLinks.length === 1) {
gdprFormLinks[0].querySelector('pulsante').focus();
} altro {
// Logica di messa a fuoco per le richieste di portabilità dei dati
gdprFormLinks = gdprForm.parentElement;
se (gdprFormLinks.nodeName === 'LI') {
gdprFormLinks.querySelector('pulsante').focus();
}
}
}
});
}
document.querySelector('#btn-gdpr-edit-account-request').addEventListener('clic', function(e) {
e.preventDefault();
lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;
gdprSlideUpAll();
se(!èEspanso) {
slideDown(document.querySelector('#form-gdpr-edit-account-request'), 200);
this.setAttribute("aria-espansa", "true");
} altro {
slideUp(document.querySelector('#form-gdpr-edit-account-request'), 200);
this.setAttribute("aria-espansa", "false");
}
});
document.querySelector('#form-gdpr-edit-account-request-submit').addEventListener('clic', function(e) {
e.preventDefault();
email = document.querySelector('#form-gdpr-edit-account-request-email').value;
tipo = 'cliente/modifica';
gdprSendRequest(funzione(risp) {
consentGiven = true;
});
});
document.querySelector('#btn-gdpr-requests-request').addEventListener('clic', function(e) {
e.preventDefault();
lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;
gdprSlideUpAll();
se(!èEspanso) {
slideDown(document.querySelector('#form-gdpr-requests-request'), 200);
this.setAttribute("aria-espansa", "true");
} altro {
slideUp(document.querySelector('#form-gdpr-requests-request'), 200);
this.setAttribute("aria-espansa", "false");
}
});
document.querySelector('#form-gdpr-requests-request-submit').addEventListener('clic', function(e) {
e.preventDefault();
email = document.querySelector('#form-gdpr-requests-request-email').value;
tipo = 'cliente/richieste';
gdprSendRequest(funzione(risp) {
consentGiven = true;
});
});
document.querySelector('#btn-gdpr-personal-information-request').addEventListener('clic', function(e) {
e.preventDefault();
lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;
gdprSlideUpAll();
se(!èEspanso) {
slideDown(document.querySelector('#form-gdpr-personal-information-request'), 200);
this.setAttribute("aria-espansa", "true");
} altro {
slideUp(document.querySelector('#form-gdpr-personal-information-request'), 200);
this.setAttribute("aria-espansa", "false");
}
});
document.querySelector('#form-gdpr-personal-information-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-gdpr-personal-information-request-email').value;
tipo = 'cliente/informazioni_personali';
gdprSendRequest(funzione(risp) {
consentGiven = true;
});
});
document.querySelector('#btn-gdpr-orders-request').addEventListener('clic', function(e) {
e.preventDefault();
lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;
gdprSlideUpAll();
se(!èEspanso) {
slideDown(document.querySelector('#form-gdpr-orders-request'), 200);
this.setAttribute("aria-espansa", "true");
} altro {
slideUp(document.querySelector('#form-gdpr-orders-request'), 200);
this.setAttribute("aria-espansa", "false");
}
});
document.querySelector('#form-gdpr-orders-request-submit').addEventListener('clic', function(e) {
e.preventDefault();
email = document.querySelector('#form-gdpr-orders-request-email').value;
tipo = 'cliente/ordini';
gdprSendRequest(funzione(risp) {
consentGiven = true;
});
});
document.querySelector('#btn-gdpr-personal-data-report-request').addEventListener('click', function(e) {
e.preventDefault();
lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;
gdprSlideUpAll();
se(!èEspanso) {
slideDown(document.querySelector('#form-gdpr-personal-data-report-request'), 200);
this.setAttribute("aria-espansa", "true");
} altro {
slideUp(document.querySelector('#form-gdpr-personal-data-report-request'), 200);
this.setAttribute("aria-espansa", "false");
}
});
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;
tipo = 'cliente/report';
gdprSendRequest(funzione(risp) {
consentGiven = true;
});
});
document.querySelector('#btn-gdpr-delete-account-request').addEventListener('clic', function(e) {
e.preventDefault();
lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;
gdprSlideUpAll();
se(!èEspanso) {
slideDown(document.querySelector('#form-gdpr-delete-account-request'), 200);
this.setAttribute("aria-espansa", "true");
} altro {
slideUp(document.querySelector('#form-gdpr-delete-account-request'), 200);
this.setAttribute("aria-espansa", "false");
}
});
document.querySelector('#form-gdpr-delete-account-request-submit').addEventListener('clic', function(e) {
e.preventDefault();
email = document.querySelector('#form-gdpr-delete-account-request-email').value;
tipo = 'cliente/elimina';
gdprSendRequest(funzione(risp) {
consentGiven = true;
});
});
// Navigazione tramite tastiera nella modalità di verifica dei dati per l'accessibilità
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 === "Spazio";
let isEnterPressed = event.keyCode === 13 || e.key === "Invio" || event.code === "Invio";
lascia dataVerificationCloseButton = document.querySelector('.data-verification-close');
lascia dataVerificationCheckbox = document.querySelector('#data-verification-container input');
lascia dataVerificationLink = document.querySelector('#data-verification-container a');
// Questa funzione ci risparmia il problema di chiamare e.preventDefault() dopo ogni messa a fuoco
lascia executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();}
se (isEscapePressed) {
se (dataVerificationCloseButton) {
dataVerificationCloseButton.click();
}
}
se (èSpazioPremuto || èInvioPremuto) {
if (document.activeElement === dataVerificationCheckbox) {
document.querySelector('#data-verification-container #data-verification-icon').click();
}
}
se (èTabPressed) {
se (e.shiftKey) {
se (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) {
executeFocus(dataVerificationLink);
}
} altro {
if (dataVerificationLink && document.activeElement === dataVerificationLink) {
executeFocus(dataVerificationCloseButton);
}
}
}
});
```
