APPI

'; 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(datenVerifizéierungZoumaachenButton); } } } });