Appisendrequest Funktioun Respons a Spinner 1500ms Onendlech Rotéieren 360deg

';

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

wann (Typ === 'Client/net-verkafen') {

isenseGDPR.Cookies.set('cookieconsent_preferences_disabled', 'Analysen,Marketing,Funktionalitéit,', { expires: 365 });

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

wann (typeof window.Shopify.customerPrivacy !== 'ondefinéiert' && typeof window.Shopify.customerPrivacy.setTrackingConsent === 'Funktioun') {

window.Shopify.customerPrivacy.setTrackingConsent()

{

"Verkaf_vun_Donnéeën": falsch,

},

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

);

} soss {

console.log('Client Privacy API ass net op der aktueller Säit definéiert');

}

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

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

}

// Popup-Text zrécksetzen

document.querySelector('#appi-modal-container-text').innerHTML = 'Ech ginn meng Zoustëmmung fir meng E-Mail-Adress an IP-Adress ze sammelen fir dës Ufro ze veraarbechten. Fir méi Informatiounen, kuckt w.e.g. d'Dateschutzbestimmungen & d'Benotzungsbedingungen .';

}

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

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

formData.append('Typ', Typ);

formData.append('sourceOfRequest', 3);

formData.append('ipAddress', ipInfo);

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

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

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

appiSlideUpAll();

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

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

loosst param = searchParams.get('id');

wann (parameter) {

document.getElementById(param).scrollIntoView();

}

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

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

e.preventDefault();

closeVerificationModal();

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

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

appiForms.forEach(function(appiForm) {

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

loosst appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li');

wann (appiFormLinks.Längt === 1) {

appiFormLinks[0].querySelector('Knäppchen').focus();

}

}

});

});

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;

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

appiForms.forEach(function(appiForm) {

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

loosst appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li');

wann (appiFormLinks.Längt === 1) {

appiFormLinks[0].querySelector('Knäppchen').focus();

} soss {

// Fokuslogik fir Ufroen iwwer Datenportabilitéit

appiFormLinks = appiForm.parentElement;

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

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

}

}

}

});

}

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

e.preventDefault();

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

appiSlideUpAll();

wann(!erweidert ass) {

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

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

} soss {

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

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

}

});

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

e.preventDefault();

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

Typ = 'Client/änneren';

appiSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

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

e.preventDefault();

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

appiSlideUpAll();

wann(!erweidert ass) {

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

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

} soss {

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

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

}

});

document.querySelector('#form-appi-requests-request-submit').addEventListener('klickt', function(e) { } Beispill: } * *Ufroen:**

e.preventDefault();

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

Typ = 'Client/Ufroen';

appiSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

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

e.preventDefault();

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

appiSlideUpAll();

wann(!erweidert ass) {

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

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

} soss {

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

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

}

});

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

e.preventDefault();

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

typ = 'Client/perséinlech_Infoen';

appiSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

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

e.preventDefault();

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

appiSlideUpAll();

wann(!erweidert ass) {

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

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

} soss {

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

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

}

});

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

e.preventDefault();

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

Typ = 'Client/Bestellungen';

appiSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

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

e.preventDefault();

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

appiSlideUpAll();

wann(!erweidert ass) {

slideDown(document.querySelector('#form-appi-perséinlech-Donnéeën-Bericht-Ufro'), 200);

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

} soss {

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

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

}

});

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

e.preventDefault();

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

Typ = 'Client/Rapport';

appiSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

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

e.preventDefault();

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

appiSlideUpAll();

wann(!erweidert ass) {

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

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

} soss {

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

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

}

});

document.querySelector('#form-appi-do-not-sell-request-submit').addEventListener('klickt', function(e) {

e.preventDefault();

E-Mail = document.querySelector('#form-appi-do-not-sell-request-email').value;

Typ = 'Client/net verkafen';

// Iwwerpréift ob de Client ageloggt ass

wann (__st.cid != ondefinéiert) {

document.querySelector('#appi-modal-container-text').innerHTML = 'Ech ginn meng Zoustëmmung fir meng E-Mail-Adress an IP-Adress ze sammelen fir dës Ufro ze veraarbechten. Fir méi Informatiounen, kuckt w.e.g. d'Dateschutzbestimmungen & d'Benotzungsbedingungen .';

} soss {

document.querySelector('#appi-modal-container-text').innerHTML = 'Ech ginn meng Zoustëmmung fir meng E-Mail-Adress an IP-Adress ze sammelen fir dës Ufro ze veraarbechten. Fir méi Informatiounen, kuckt w.e.g. d'Dateschutzbestimmungen & d'Benotzungsbedingungen . Bemierkung: Wann Dir e Gaaschtbenotzer sidd oder net an Ärem Kont ageloggt sidd, ass Är Ofmeldung nëmme fir dës Browser-Sitzung gëlteg.';

}

appiSendRequest(function(resp) {

ZoustëmmungGinn = wouer;

});

});

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

e.preventDefault();

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

appiSlideUpAll();

wann(!erweidert ass) {

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

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

} soss {

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

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

}

});

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

e.preventDefault();

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

typ = 'Client/läschen';

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

}

}

}

});