Funkcja wysyłania żądania GDPR i spinner 1500 ms, nieskończony obrót o 360 stopni

var czyE-mailPoprawny = 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 gdprWysyłkaŻądania = function(odpowiedź) {

fetch('https://www.cloudflare.com/cdn-cgi/trace', {

metoda: 'GET' ,

nagłówki: {

'Typ-Zawartości': 'tekst/zwykły',

},

})

.then(resp => resp.text())

.then(resp => {

jeśli (!resp.error) {

ipInfo = resp;

daneFormularza = nowy FormData();

daneFormularza.append('sklep', Shopify.shop);

daneFormularza.append('email', email);

daneFormularza.append('typ', typ);

daneFormularza.append('źródłoŻądania', 1);

daneFormularza.append('adresIP', ipInfo);

daneFormularza.append('zgodaDobrowolną', zgodęDobrowolną);

daneFormularza.append('strona', 'gdpr');

daneFormularza.append('jezykGtranslate', Shopify.locale ? Shopify.locale : '');

daneFormularza.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : '');

fetch('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', {

metoda: 'POST',

ciało: daneFormularza

})

.then(resp => resp.json())

.then(resp => {

jeśli (!resp.error) {

gdprSlideUpAll();

jeśli (resp.message.length) {

alert(resp.message);

} inaczej {

alert('Twoje żądanie zostało pomyślnie przesłane. Sprawdź swój e-mail, aby uzyskać więcej informacji.');

}

} inaczej {

alert(resp.message);

}

jeśli (typeof odpowiedź == 'function') {

odpowiedź(resp);

}

})

.catch(błąd => {

alert(błąd.message);

})

}

inaczej {

alert(resp.message);

}

})

}

//Dołącz modal do ciała, ponieważ w przeciwnym razie nie pozostanie wyśrodkowany, nawet jeśli pozycja jest stała

document.querySelector("body").insertAdjacentHTML( 'beforeend', zawartośćModalWeryfikacji);

document.addEventListener("DOMContentLoaded", function() {

// Gdy użytkownik kliknie (x), zamknij modal

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

e.preventDefault();

zamknijModalWeryfikacji();

});

document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) {

e.preventDefault();

// Wykryj kliknięcie href, ponieważ jest nadpisane.

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';

zgodaDobrowolną = true;

gdprWysyłkaŻądania(function(resp) {

zgodaDobrowolną = false;

zamknijModalWeryfikacji();

});

}, 400);

});

});

function otwórzModalWeryfikacji(){

jeśli(!czyE-mailPoprawny(email)) {

alert('Nieprawidłowy e-mail');

return;

}

toggleFadeiSense(document.querySelector("#data-verification-modal"), true);

toggleFadeiSense(document.querySelector('#data-verification-background'), true);

document.querySelector('#data-verification-container input').focus();

}

function zamknijModalWeryfikacji(){

toggleFadeiSense(document.querySelector("#data-verification-background"), false);

document.querySelector('#data-verification-icon').classList.remove("clicked");

document.querySelector('#data-verification-background .loading').style.display = 'none';

// Skup się na przycisku wybranego typu żądania

let gdprFormy = document.querySelectorAll('.form-gdpr-request');

gdprFormy.forEach(function(gdprForm) {

jeśli (gdprForm.style.display !== "none") {

let gdprLinki = gdprForm.previousElementSibling.querySelectorAll('li');

jeśli (gdprLinki.length === 1) {

gdprLinki[0].querySelector('button').focus();

} inaczej {

// Logika skupienia dla żądań przenoszenia danych

gdprLinki = gdprForm.parentElement;

jeśli (gdprLinki.nodeName === 'LI') {

gdprLinki.querySelector('button').focus();

}

}

}

});

}

document.querySelector('#btn-gdpr-edytuj-zażądanie-konta').addEventListener('click', function(e) {

e.preventDefault();

czyRozbudowane = this.getAttribute('aria-expanded') === 'true' ? true : false;

gdprSlideUpAll();

jeśli(!czyRozbudowane) {

slideDown(document.querySelector('#form-gdpr-edytuj-zażądanie-konta'), 200);

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

} inaczej {

slideUp(document.querySelector('#form-gdpr-edytuj-zażądanie-konta'), 200);

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

}

});

document.querySelector('#form-gdpr-edytuj-zażądanie-konta- Submit').addEventListener('click', function(e) {

e.preventDefault();

email = document.querySelector('#form-gdpr-edytuj-zażądanie-konta-email').value;

typ = 'customer/edit';

gdprWysyłkaŻądania(function(resp) {

zgodęDobrowolną = true;

});

});

document.querySelector('#btn-gdpr-zażądania-środków').addEventListener('click', function(e) {

e.preventDefault();

czyRozbudowane = this.getAttribute('aria-expanded') === 'true' ? true : false;

gdprSlideUpAll();

jeśli(!czyRozbudowane) {

slideDown(document.querySelector('#form-gdpr-zażądania-środków'), 200);

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

} inaczej {

slideUp(document.querySelector('#form-gdpr-zażądania-środków'), 200);

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

}

});

document.querySelector('#form-gdpr-zażądania-środków- Submit').addEventListener('click', function(e) {

e.preventDefault();

email = document.querySelector('#form-gdpr-zażądania-środków-email').value;

typ = 'customer/requests';

gdprWysyłkaŻądania(function(resp) {

zgodęDobrowolną = true;

});

});

document.querySelector('#btn-gdpr-żądanie-danych-osobowych').addEventListener('click', function(e) {

e.preventDefault();

czyRozbudowane = this.getAttribute('aria-expanded') === 'true' ? true : false;

gdprSlideUpAll();

jeśli(!czyRozbudowane) {

slideDown(document.querySelector('#form-gdpr-żądanie-danych-osobowych'), 200);

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

} inaczej {

slideUp(document.querySelector('#form-gdpr-żądanie-danych-osobowych'), 200);

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

}

});

document.querySelector('#form-gdpr-żądanie-danych-osobowych- Submit').addEventListener('click', function(e) {

e.preventDefault();

email = document.querySelector('#form-gdpr-żądanie-danych-osobowych-email').value;

typ = 'customer/personal_info';

gdprWysyłkaŻądania(function(resp) {

zgodęDobrowolną = true;

});

});

document.querySelector('#btn-gdpr-zamówienia').addEventListener('click', function(e) {

e.preventDefault();

czyRozbudowane = this.getAttribute('aria-expanded') === 'true' ? true : false;

gdprSlideUpAll();

jeśli(!czyRozbudowane) {

slideDown(document.querySelector('#form-gdpr-zamówienia'), 200);

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

} inaczej {

slideUp(document.querySelector('#form-gdpr-zamówienia'), 200);

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

}

});

document.querySelector('#form-gdpr-zamówienia- Submit').addEventListener('click', function(e) {

e.preventDefault();

email = document.querySelector('#form-gdpr-zamówienia-email').value;

typ = 'customer/orders';

gdprWysyłkaŻądania(function(resp) {

zgodęDobrowolną = true;

});

});

document.querySelector('#btn-gdpr-raport-danych-osobowych').addEventListener('click', function(e) {

e.preventDefault();

czyRozbudowane = this.getAttribute('aria-expanded') === 'true' ? true : false;

gdprSlideUpAll();

jeśli(!czyRozbudowane) {

slideDown(document.querySelector('#form-gdpr-raport-danych-osobowych'), 200);

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

} inaczej {

slideUp(document.querySelector('#form-gdpr-raport-danych-osobowych'), 200);

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

}

});

document.querySelector('#form-gdpr-raport-danych-osobowych- Submit').addEventListener('click', function(e) {

e.preventDefault();

email = document.querySelector('#form-gdpr-raport-danych-osobowych-email').value;

typ = 'customer/report';

gdprWysyłkaŻądania(function(resp) {

zgodęDobrowolną = true;

});

});

document.querySelector('#btn-gdpr-usunięcie-konta').addEventListener('click', function(e) {

e.preventDefault();

czyRozbudowane = this.getAttribute('aria-expanded') === 'true' ? true : false;

gdprSlideUpAll();

jeśli(!czyRozbudowane) {

slideDown(document.querySelector('#form-gdpr-usunięcie-konta'), 200);

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

} inaczej {

slideUp(document.querySelector('#form-gdpr-usunięcie-konta'), 200);

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

}

});

document.querySelector('#form-gdpr-usunięcie-konta- Submit').addEventListener('click', function(e) {

e.preventDefault();

email = document.querySelector('#form-gdpr-usunięcie-konta-email').value;

typ = 'customer/delete';

gdprWysyłkaŻądania(function(resp) {

zgodęDobrowolną = true;

});

});

// Obsługa klawiatury w modalnym okienku weryfikacji dla dostępności

document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) {

let czyStrzałkaTab = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab";

let czyEscape = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape";

let czySpacja = event.keyCode === 32 || e.key === " " || event.code === "Space";

let czyEnter = e.keyCode === 13 || e.key === "Enter" || e.code === "Enter";

let przyciskZamknięcia = document.querySelector('.data-verification-close');

let checkboxWeryfikacji = document.querySelector('#data-verification-container input');

let linkWeryfikacji = document.querySelector('#data-verification-container a');

// Ta funkcja oszczędza nam kłopotu z wywołaniem e.preventDefault() po każdym skupieniu

let wykonajFocus = (elementFocus) => {elementFocus.focus();e.preventDefault();}

jeśli (czyEscape) {

jeśli (przyciskZamknięcia) {

przyciskZamknięcia.click();

}

}

jeśli (czySpacja || czyEnter) {

jeśli (document.activeElement === checkboxWeryfikacji) {

document.querySelector('#data-verification-container #data-verification-icon').click();

}

}

jeśli (czyStrzałkaTab) {

jeśli (e.shiftKey) {

jeśli (przyciskZamknięcia && document.activeElement === przyciskZamknięcia) {

wykonajFocus(linkWeryfikacji);

}

} w przeciwnym razie {

jeśli (linkWeryfikacji && document.activeElement === linkWeryfikacji) {

wykonajFocus(przyciskZamknięcia);

}

}

}

});

```