Stran za skladnost z GDPR

var gdprSendRequest = funkcija(povratni klic) { fetch('https://www.cloudflare.com/cdn-cgi/trace', { metoda: 'GET' , glave: { 'Vrsta vsebine': 'text/plain', }, }) .then(resp => resp.text()).potem(odg. => { če (!resp.error) { let ipInfo = resp; let formData = new FormData(); formData.append('trgovina', Shopify.shop); formData.append('e-pošta', e-pošta); formData.append('vrsta', vrsta); formData.append('virZahteve', 1); formData.append('ipNaslov', ipInfo); formData.append('soglasjeDano', soglasjeDano); formData.append('stran', 'gdpr'); formData.append('dolgo', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); fetch('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', { metoda: 'POST', telo: formData }) .then(odgovor => resp.json()) .then(odgovor => { če (!resp.error) { gdprSlideUpAll(); če (resp.message.length) { opozorilo(resp.message); } else { alert('Vaša zahteva je bila uspešno oddana. Za več informacij preverite svoj e-poštni naslov.'); } } else { alert(resp.message); } če (tip povratnega klica == 'funkcija') { povratni klic(odgovor); } }) .catch(napaka => {opozorilo(error.message); }) } sicer { opozorilo(resp.message); } }) } //Dodaj modalno okno telesu, ker sicer ne bo ostalo centriranega (tudi če je položaj fiksen) document.querySelector("telo").insertAdjacentHTML( 'predkoncem', verificationModalContent); document.addEventListener("DOMContentLoaded", function() { // Ko uporabnik klikne na (x), zapri modalno okno document.querySelector('.preverjanje-data-close').addEventListener('klikni', funkcija(e) { e.preventDefault(); zapriModalPreverjanja(); }); document.querySelector('#ikona-za-preverjanje-podatki, #vsebnik-za-preverjanje-podatki p').addEventListener('klikni', funkcija(e) { e.preventDefault(); // Zazna klik href-a, ker je prepisan. if(e.target.tagName === "A") { window.open(e.target.href, '_blank'); vrni; } document.querySelector('#ikona-za-preverjanje-podatkov').classList.add("kliknjeno"); setTimeout(()=>{ preklopiFadeiSense(document.querySelector("#modal-za-preverjanje-podatki"), false); document.querySelector('#preverjanje-podatki-v-ozadju .nalaganje').style.display = 'inline-block'; consentGiven = true; gdprSendRequest(funkcija(resp) { consentGiven = false; closeVerificationModal(); }); }, 400); }); }); funkcija openVerificationModal(){ toggleFadeiSense(document.querySelector("#modal-preverjanja-podatki"), res); toggleFadeiSense(document.querySelector('#preverjanje-podatki-ozadje'), res); document.querySelector('#vhodni-vsebnik-za-preverjanje-podatkov').focus(); } funkcija closeVerificationModal() { toggleFadeiSense(document.querySelector("#preverjanje-podatki-ozadje"), false); document.querySelector('#ikona-za-preverjanje-podatkov').classList.remove("kliknil"); document.querySelector('#preverjanje-podatki-v-ozadju .nalaganje').style.display = 'none'; // Fokusiraj gumb izbrane vrste zahteve let gdprForms = document.querySelectorAll('.form-gdpr-zahteva'); gdprForms.forEach(funkcija(gdprForm) { če (gdprForm.style.display !== "brez") { pusti gdprFormLinks = gdprForm.previousElementSibling.querySelectorAll('li'); če (gdprFormLinks.length === 1) { gdprFormLinks[0].querySelector('button').focus(); } else { // Logika fokusa za zahteve za prenosljivost podatkov gdprFormLinks = gdprForm.parentElementče (gdprFormLinks.nodeName === 'LI') { gdprFormLinks.querySelector('gumb').focus(); } } } }); } document.querySelector('#btn-gdpr-uredi-račun-zahteva').addEventListener('klikni', funkcija(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#obrazec-gdpr-uredi-račun-zahteva'), 200); this.setAttribute("aria-razširjena", "resnično"); }); document.querySelector('#form-gdpr-edit-account-request-submit').addEventListener('klikni', funkcija(e) { e.preventDefault(); e-pošta = document.querySelector('#obrazec-gdpr-uredi-e-račun-zahteva-po-e-pošti').vrednost; tip = 'stranka/uredi'; openVerificationModal(); }); document.querySelector('#btn-gdpr-requests-request').addEventListener('klikni', funkcija(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#obrazec-gdpr-zahteve-zahteva'), 200); this.setAttribute("aria-razširjena", "resnično"); }); document.querySelector('#form-gdpr-requests-request-submit').addEventListener('klikni', funkcija(e) { e.preventDefault(); e-pošta = document.querySelector('#form-gdpr-requests-request-email').value; tip = 'zahteve stranke'; openVerificationModal(); }); document.querySelector('#btn-gdpr-personal-information-request').addEventListener('klikni', funkcija(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#obrazec-gdpr-zahteva-za-osebne-podatke'), 200); this.setAttribute("aria-razširjena", "resnično"); }); document.querySelector('#form-gdpr-personal-information-request-submit').addEventListener('klikni', funkcija(e) { e.preventDefault(); e-pošta = document.querySelector('#form-gdpr-personal-information-request-email').value; tip = 'stranka/personal_info'; openVerificationModal(); }); document.querySelector('#btn-gdpr-orders-request').addEventListener('klikni', funkcija(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#obrazec-gdpr-naročila-zahteva'), 200); this.setAttribute("aria-razširjena", "resnično"); }); document.querySelector('#form-gdpr-orders-request-submit').addEventListener('klikni', funkcija(e) { e.preventDefault(); e-pošta = document.querySelector('#form-gdpr-orders-request-email').value; tip = 'stranka/naročila'; openVerificationModal(); }); document.querySelector('#btn-gdpr-personal-data-report-request').addEventListener('klikni', funkcija(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#obrazec-gdpr-zahteva-za-poročilo-o-osebnih-podatki'), 200); this.setAttribute("aria-razširjena", "resnično"); }); document.querySelector('#form-gdpr-personal-data-request-submit').addEventListener('klikni', funkcija(e) { e.preventDefault(); e-pošta = document.querySelector('#form-gdpr-personal-data-request-email').value; tip = 'stranka/poročilo'; openVerificationModal(); }); document.querySelector('#btn-gdpr-delete-account-request').addEventListener('klikni', funkcija(e) { e.preventDefault(); gdprSlideUpAll(); slideDown(document.querySelector('#obrazec-gdpr-zahteva-za-brisanje-računa'), 200); this.setAttribute("aria-razširjena", "resnično"); }); document.querySelector('#form-gdpr-delete-account-request-submit').addEventListener('klikni', funkcija(e) { e.preventDefault(); e-pošta = document.querySelector('#form-gdpr-delete-account-request-email').value; type = 'customer/delete'; openVerificationModal(); }); // Navigacija s tipkovnico v modalnem oknu za preverjanje podatkov za dostopnost document.querySelector('#modal-preverjanja-podatki').addEventListener('pritisk-ključa', funkcija(e) { let isTabPressed = e.keyCode === 9 || e.key === "Zavihek" || e.code === "Tab"; naj bo isEscapePressed = e.keyCode === 27 || e.key === "Pobeg" || e.code === "Escape"; naj bo preslednicaPreslednica = event.keyCode === 32 || e.key === "" || event.code === "Presledek"; naj bo pritisnjenEnter = event.keyCode === 13 || e.key === "Vnesi" || event.code === "Enter"; naj dataVerificationCloseButton = document.querySelector('.preverjanje-data-close'); naj polje za preverjanje-dataVerification = document.querySelector('#vhodni-vhod-za-preverjanje-podatkov'); naj dataVerificationLink = document.querySelector('#data-verification-container a'); // Ta funkcija nam prihrani težave s klicanjem e.preventDefault() po vsakem fokusiranju naj bo executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} če (isEscapePressed) { če (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } če (jePresledekPritisnjen || jeEnterPritisnjen) { če (document.activeElement === potrditveno polje za preverjanje podatkov) { document.querySelector('#vsebnik-za-preverjanje-podatkov #ikona-za-preverjanje-podatkov').klikni(); } } če (jePritisnjenTab) { če (e.shiftKey) { če (gumbZaZapriPreverjanjePodatkov &ojačevalnik;&ojačevalnik; document.activeElement === GumbZaPreverjanjePodatkov) { executeFocus(PovezavaZaPreverjanjePodatkov); } } else { če (PovezavaZaPreverjanjePodatkov) &ojačevalnik;&ojačevalnik; document.activeElement === PovezavaZaPreverjanjePodatkov) { executeFocus(GumbZaZaprtjePodatkov); } } } });