Risposta della funzione Appisendrequest e indicatore di caricamento: rotazione infinita di 360 gradi in 1500 ms

';

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 appiSendRequest = 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();

se (tipo === 'cliente/non-vendere') {

isenseGDPR.Cookies.set('cookieconsent_preferences_disabled', 'analytics,marketing,functionality,', { expires: 365 });

isenseGDPR.Cookies.set('cookieconsent_status', 'accept_selected', { scade: 365 });

if (typeof window.Shopify.customerPrivacy !== 'undefined' && typeof window.Shopify.customerPrivacy.setTrackingConsent === 'function') {

window.Shopify.customerPrivacy.setTrackingConsent(

{

"vendita_di_dati": falso,

},

() => { console.log('vendita_di_dati: false')}

);

} altro {

console.log('L'API per la privacy dei clienti non è definita nella pagina corrente');

}

se (document.querySelector('.cc-window')) {

document.querySelector('.cc-window').style.display = 'none';

}

// reimposta il testo popup

document.querySelector('#appi-modal-container-text').innerHTML = '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 .';

}

formData.append('negozio', Shopify.shop);

formData.append('email', email);

formData.append('tipo', tipo);

formData.append('sourceOfRequest', 3);

formData.append('indirizzoip', ipInfo);

formData.append('consenso dato', consenso dato);

formData.append('pagina', 'appi');

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) {

appSlideUpAll();

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() {

lascia searchParams = new URLSearchParams(window.location.search);

lascia che param = searchParams.get('id');

se(parametro) {

document.getElementById(param).scrollIntoView();

}

// Quando l'utente clicca su (x), chiudi la finestra modale

document.querySelector('.data-verification-close').addEventListener('clic', function(e) {

e.preventDefault();

closeVerificationModal();

// Metti a fuoco il pulsante del tipo di richiesta che è stato selezionato

lascia che appiForms = document.querySelectorAll('.form-appi-request');

appiForms.forEach(funzione(appiForm) {

se (appiForm.style.display !== "nessuno") {

lascia che appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li');

se (appiFormLinks.length === 1) {

appiFormLinks[0].querySelector('pulsante').focus();

}

}

});

});

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;

appiSendRequest(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 che appiForms = document.querySelectorAll('.form-appi-request');

appiForms.forEach(funzione(appiForm) {

se (appiForm.style.display !== "nessuno") {

lascia che appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li');

se (appiFormLinks.length === 1) {

appiFormLinks[0].querySelector('pulsante').focus();

} altro {

// Logica di messa a fuoco per le richieste di portabilità dei dati

appiFormLinks = appiForm.parentElement;

se (appiFormLinks.nodeName === 'LI') {

appiFormLinks.querySelector('pulsante').focus();

}

}

}

});

}

document.querySelector('#btn-appi-edit-account-request').addEventListener('clic', function(e) {

e.preventDefault();

lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;

appSlideUpAll();

se(!èEspanso) {

slideDown(document.querySelector('#form-appi-edit-account-request'), 200);

this.setAttribute("aria-espansa", "true");

} altro {

slideUp(document.querySelector('#form-appi-edit-account-request'), 200);

this.setAttribute("aria-espansa", "false");

}

});

document.querySelector('#form-appi-edit-account-request-submit').addEventListener('clic', function(e) {

e.preventDefault();

email = document.querySelector('#form-appi-edit-account-request-email').value;

tipo = 'cliente/modifica';

appiSendRequest(funzione(risp) {

consentGiven = true;

});

});

document.querySelector('#btn-appi-requests-request').addEventListener('clic', function(e) {

e.preventDefault();

lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;

appSlideUpAll();

se(!èEspanso) {

slideDown(document.querySelector('#form-appi-requests-request'), 200);

this.setAttribute("aria-espansa", "true");

} altro {

slideUp(document.querySelector('#form-appi-requests-request'), 200);

this.setAttribute("aria-espansa", "false");

}

});

document.querySelector('#form-appi-requests-request-submit').addEventListener('click', function(e) {

e.preventDefault();

email = document.querySelector('#form-appi-requests-request-email').value;

tipo = 'cliente/richieste';

appiSendRequest(funzione(risp) {

consentGiven = true;

});

});

document.querySelector('#btn-appi-personal-information-request').addEventListener('clic', function(e) {

e.preventDefault();

lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;

appSlideUpAll();

se(!èEspanso) {

slideDown(document.querySelector('#form-appi-personal-information-request'), 200);

this.setAttribute("aria-espansa", "true");

} altro {

slideUp(document.querySelector('#form-appi-personal-information-request'), 200);

this.setAttribute("aria-espansa", "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;

tipo = 'cliente/informazioni_personali';

appiSendRequest(funzione(risp) {

consentGiven = true;

});

});

document.querySelector('#btn-appi-orders-request').addEventListener('clic', function(e) {

e.preventDefault();

lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;

appSlideUpAll();

se(!èEspanso) {

slideDown(document.querySelector('#form-appi-orders-request'), 200);

this.setAttribute("aria-espansa", "true");

} altro {

slideUp(document.querySelector('#form-appi-orders-request'), 200);

this.setAttribute("aria-espansa", "false");

}

});

document.querySelector('#form-appi-orders-request-submit').addEventListener('clic', function(e) {

e.preventDefault();

email = document.querySelector('#form-appi-orders-request-email').value;

tipo = 'cliente/ordini';

appiSendRequest(funzione(risp) {

consentGiven = true;

});

});

document.querySelector('#btn-appi-personal-data-report-request').addEventListener('clic', function(e) {

e.preventDefault();

lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;

appSlideUpAll();

se(!èEspanso) {

slideDown(document.querySelector('#form-appi-personal-data-report-request'), 200);

this.setAttribute("aria-espansa", "true");

} altro {

slideUp(document.querySelector('#form-appi-personal-data-report-request'), 200);

this.setAttribute("aria-espansa", "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;

tipo = 'cliente/report';

appiSendRequest(funzione(risp) {

consentGiven = true;

});

});

document.querySelector('#btn-appi-do-not-sell-request').addEventListener('click', function(e) {

e.preventDefault();

lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;

appSlideUpAll();

se(!èEspanso) {

slideDown(document.querySelector('#form-appi-do-not-sell-request'), 200);

this.setAttribute("aria-espansa", "true");

} altro {

slideUp(document.querySelector('#form-appi-do-not-sell-request'), 200);

this.setAttribute("aria-espansa", "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;

tipo = 'cliente/non vendere';

// Controlla se il cliente ha effettuato l'accesso

se (__st.cid != indefinito) {

document.querySelector('#appi-modal-container-text').innerHTML = '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 .';

} altro {

document.querySelector('#appi-modal-container-text').innerHTML = '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 . Nota: se sei un utente ospite o non hai effettuato l'accesso al tuo account, la tua scelta di esclusione sarà effettiva solo per questa sessione del browser.';

}

appiSendRequest(funzione(risp) {

consentGiven = true;

});

});

document.querySelector('#btn-appi-delete-account-request').addEventListener('clic', function(e) {

e.preventDefault();

lascia che sia espanso = this.getAttribute('aria-espansa') === 'vero' ? vero : falso;

appSlideUpAll();

se(!èEspanso) {

slideDown(document.querySelector('#form-appi-delete-account-request'), 200);

this.setAttribute("aria-espansa", "true");

} altro {

slideUp(document.querySelector('#form-appi-delete-account-request'), 200);

this.setAttribute("aria-espansa", "false");

}

});

document.querySelector('#form-appi-delete-account-request-submit').addEventListener('clic', function(e) {

e.preventDefault();

email = document.querySelector('#form-appi-delete-account-request-email').value;

tipo = 'cliente/elimina';

appiSendRequest(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);

}

}

}

});