GDPR Sendungsufroëfunktioun a Spinner 1500ms Onendlos Rotéiere 360 Grad

var isEmailValid = function(email) {

loosst 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,}))$/;

wann (E-Mail == '' || E-Mail == ondefinéiert) {

falsch zréckginn;

} soss {

regex.test(E-Mail) zréckginn;

}

}

var gdprSendRequest = function(callback) {

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

Method: 'GET',

Iwwerschrëften: {

'Inhaltstyp': 'Text/einfach',

},

})

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

.dann(resp => {

wann (!resp.fehler) {

loosst ipInfo = bzw.;

loosse formData = nei FormData();

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

formData.append('E-Mail', E-Mail);

formData.append('Typ', Typ);

formData.append('sourceOfRequest', 1);

formData.append('ipAddress', ipInfo);

formData.append('ZoustëmmungGinn', ZoustëmmungGinn);

formData.append('Säit', 'gpdr');

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', { } }

Method: 'POST',

Kierper: FormDaten

})

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

.dann(resp => {

wann (!resp.fehler) {

gdprSlideUpAll();

wann (resp.message.length) {

alert(resp.message);

} soss {

alert('Är Ufro gouf erfollegräich geschéckt. Kuckt w.e.g. Är E-Mail fir méi Informatiounen.');

}

} soss {

alert(resp.message);

}

wann (Typ vum Callback == 'Funktioun') {

Réckruff (resp);

}

})

.catch(Feeler => {

alert(fehler.message);

})

}

soss {

alert(resp.message);

}

})

}

//Modal un de Kierper bäifügen, well soss bleift en net zentréiert (och wann d'Positioun fix ass)

document.querySelector("body").insertAdjacentHTML( 'virdrunEnn', verifikatiounModalInhalt);

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

// Wann de Benotzer op (x) klickt, maacht de Modal zou

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

e.preventDefault();

closeVerificationModal();

});

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

e.preventDefault();

// De Klick vun engem href detektéieren, well en iwwerschriwwe gëtt.

wann(e.target.tagName === "A") {

window.open(e.target.href, '_blank');

Réckkehr;

}

document.querySelector('#data-verification-icon').classList.add("geklickt");

Zäitausgang(() => {

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

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

ZoustëmmungGinn = wouer;

gdprSendRequest(function(resp) {

ZoustëmmungGinn = falsch;

closeVerificationModal();

});

}, 400);

});

});

Funktioun openVerificationModal() {

wann(!assEmailValid(E-Mail)) {

alert('Ongülteg E-Mail');

Réckkehr;

}

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

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

document.querySelector('#datenverifizéierungscontainer-Input').focus();

}

Funktioun closeVerificationModal() {

toggleFadeiSense(document.querySelector("#datenverifizéierungshannergrond"), falsch);

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

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

// Fokusséiert de Knäppchen vum ausgewielten Ufrotyp

loosst gdprForms = document.querySelectorAll('.form-gdpr-request');

gdprForms.forEach(function(gdprForm) {

wann (gdprForm.style.display !== "none") {

loosst gdprFormLinks = gdprForm.previousElementSibling.querySelectorAll('li');

wann (gdprFormLinks.length === 1) {

gdprFormLinks[0].querySelector('Knäppchen').fokus();

} soss {

// Fokuslogik fir Ufroen iwwer Datenportabilitéit

gdprFormLinks = gdprForm.parentElement;

wann (gdprFormLinks.nodeName === 'LI') {

gdprFormLinks.querySelector('Knäppchen').focus();

}

}

}

});

}

document.querySelector('#btn-gdpr-edit-account-request').addEventListener('klick', function(e) { }

e.preventDefault();

loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch;

gdprSlideUpAll();

wann(!erweidert ass) {

slideDown(document.querySelector('#formular-gdpr-Konto-Ufro-änneren'), 200);

this.setAttribute("aria-erweidert", "richteg");

} soss {

slideUp(document.querySelector('#formular-gdpr-änneren-Konto-Ufro'), 200);

this.setAttribute("aria-erweidert", "falsch");

}

});

document.querySelector('#form-gdpr-edit-account-request-submit').addEventListener('klickt', function(e) { }

e.preventDefault();

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

Typ = 'Client/änneren';

gdprSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

document.querySelector('#btn-gdpr-requests-request').addEventListener('klick', function(e) { }}

e.preventDefault();

loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch;

gdprSlideUpAll();

wann(!erweidert ass) {

slideDown(document.querySelector('#formular-gdpr-requests-request'), 200);

this.setAttribute("aria-erweidert", "richteg");

} soss {

slideUp(document.querySelector('#formular-gdpr-requests-request'), 200);

this.setAttribute("aria-erweidert", "falsch");

}

});

document.querySelector('#form-gdpr-requests-request-submit').addEventListener('klickt', function(e) { }

e.preventDefault();

E-Mail = document.querySelector('#form-gdpr-requests-request-email').value;

Typ = 'Client/Ufroen';

gdprSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

document.querySelector('#btn-gdpr-perséinlech-Informatiounsufro').addEventListener('klick', function(e) {

e.preventDefault();

loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch;

gdprSlideUpAll();

wann(!erweidert ass) {

slideDown(document.querySelector('#formular-gdpr-perséinlech-Informatiounsufro'), 200);

this.setAttribute("aria-erweidert", "richteg");

} soss {

slideUp(document.querySelector('#formular-gdpr-perséinlech-Informatiounsufro'), 200);

this.setAttribute("aria-erweidert", "falsch");

}

});

document.querySelector('#form-gdpr-perséinlech-Informatiounsufro-submit').addEventListener('klickt', function(e) {

e.preventDefault();

E-Mail = document.querySelector('#form-gdpr-perséinlech-Informatiounsufro-E-Mail').value;

typ = 'Client/perséinlech_Infoen';

gdprSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

document.querySelector('#btn-gdpr-orders-request').addEventListener('klick', function(e) { }}

e.preventDefault();

loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch;

gdprSlideUpAll();

wann(!erweidert ass) {

slideDown(document.querySelector('#formular-gdpr-bestellungsufro'), 200);

this.setAttribute("aria-erweidert", "richteg");

} soss {

slideUp(document.querySelector('#formular-gdpr-bestellungsufro'), 200);

this.setAttribute("aria-erweidert", "falsch");

}

});

document.querySelector('#form-gdpr-orders-request-submit').addEventListener('klickt', function(e) { }

e.preventDefault();

E-Mail = document.querySelector('#form-gdpr-bestellungsufro-e-Mail').value;

Typ = 'Client/Bestellungen';

gdprSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

document.querySelector('#btn-gdpr-perséinlech-Donnéeën-Bericht-Ufro').addEventListener('klick', function(e) {

e.preventDefault();

loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch;

gdprSlideUpAll();

wann(!erweidert ass) {

slideDown(document.querySelector('#formular-gdpr-perséinlech-Donnéeën-Rapport-Ufro'), 200);

this.setAttribute("aria-erweidert", "richteg");

} soss {

slideUp(document.querySelector('#formular-gdpr-perséinlech-Donnéeën-Bericht-Ufro'), 200);

this.setAttribute("aria-erweidert", "falsch");

}

});

document.querySelector('#form-gdpr-perséinlech-Donnéeën-Bericht-Ufro-submit').addEventListener('klickt', Funktioun(e) {

e.preventDefault();

E-Mail = document.querySelector('#form-gdpr-perséinlech-Donnéeën-Rapport-Ufro-E-Mail').value;

Typ = 'Client/Rapport';

gdprSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

document.querySelector('#btn-gdpr-Konto-Läschen-Ufro').addEventListener('Klick', Funktioun(e) {

e.preventDefault();

loosst isExpanded = this.getAttribute('aria-expanded') === 'richteg' ? richteg : falsch;

gdprSlideUpAll();

wann(!erweidert ass) {

slideDown(document.querySelector('#formular-gdpr-Konto-Läschen-Ufro'), 200);

this.setAttribute("aria-erweidert", "richteg");

} soss {

slideUp(document.querySelector('#formular-gdpr-Konto-Läschen-Ufro'), 200);

this.setAttribute("aria-erweidert", "falsch");

}

});

document.querySelector('#form-gdpr-läschen-Konto-Ufro-ënnerriichten').addEventListener('klickt', Funktioun(e) {

e.preventDefault();

E-Mail = document.querySelector('#form-gdpr-läschen-Konto-Ufro-E-Mail').value;

typ = 'Client/läschen';

gdprSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

// Tastaturnavigatioun am Datenverifizéierungsmodal fir Zougänglechkeet

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

loosst isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab";

loosst isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape";

loosst isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Leerzeechen";

loosst isEnterPressed = event.keyCode === 13 || e.key === "Enter" || event.code === "Enter";

loosst dataVerificationCloseButton = document.querySelector('.data-verification-close');

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

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

// Dës Funktioun spuert eis d'Méi, e.preventDefault() no all Fokuséierung opzeruffen

loosst executeFocus = (focusElement) => {focusElement.focus(); e.preventDefault();}

wann (isEscapePressed) {

wann (DatenVerifizéierungZoumaachenButton) {

datenVerifikatiounZoumaacheButton.klick();

}

}

wann (assSpacePressed || isEnterPressed) {

if (document.activeElement === dataVerificationCheckbox) {

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

}

}

wann (assTabPressed) {

wann (e.shiftKey) {

wann (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) {

executeFocus(DatenVerifizéierungslink);

}

} soss {

if (dataVerificationLink && document.activeElement === dataVerificationLink) {

executeFocus(dataVerificationCloseButton);

}

}

}

});

```