APPI-Konformität

'; var appiSendRequest = Funktion(Rückruf) { holen('https://www.cloudflare.com/cdn-cgi/trace', { Methode: 'GET', Überschriften: { 'Inhaltstyp': 'Text/Plain', }, }) .then(resp => resp.text()) .then(resp => { wenn (!bzw.Fehler) { lass ipInfo = resp; let formData = new FormData(); if (Typ === 'Kunde/nicht verkaufen') { isenseGDPR.Cookies.set('cookieconsent_preferences_disabled', 'Analyse, Marketing, Funktionalität,', { läuft ab: 365 }); isenseGDPR.Cookies.set('cookieconsent_status', 'accept_selected', { läuft ab: 365 }); wenn (Typ von Fenster.Shopify.customerPrivacy !== 'nicht definiert') { isInSaleOfDataRegion = Typ von window.Shopify.customerPrivacy.saleOfDataRegion === „Funktion“ ? window.Shopify.customerPrivacy.saleOfDataRegion() : false; wenn (Typ von window.Shopify.customerPrivacy.setTrackingConsent === 'function' && isInSaleOfDataRegion) { Fenster.Shopify.customerPrivacy.setTrackingConsent( { "Verkauf von Daten": false }, () => { console.log('Verkauf von Daten: false')} ); } } anders { console.log('Customer Privacy API ist auf der aktuellen Seite nicht definiert'); } wenn (document.querySelector('.cc-window')) { document.querySelector('.cc-window').style.display = 'keine'; } // Popup-Text zurücksetzen document.querySelector('#appi-modal-container-text').innerHTML = 'Ich stimme der Erfassung meiner E-Mail- und IP-Adresse zum Zweck der Bearbeitung dieser Anfrage zu. Weitere Informationen finden Sie in der Datenschutzrichtlinie und den Servicebedingungen .'; } formData.append('shop', Shopify.shop); formData.append('E-Mail', E-Mail); formData.append('Typ', Typ); formData.append('Quelle der Anfrage', 3); formData.append('ipAddress', ipInfo); formData.append('Zustimmung erteilt', Zustimmung erteilt); formData.append('Seite', 'Appi'); 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', { Methode: 'POST', Textkörper: Formulardaten }) .then(resp => resp.json()) .then(resp => { wenn (!bzw.Fehler) { appiSlideUpAll(); if (bzw.Nachrichtenlänge) { Alarm(bzw.Nachricht); } anders { alert('Ihre Anfrage wurde erfolgreich übermittelt. Weitere Informationen finden Sie in Ihrer E-Mail.'); } } anders { Alarm(bzw.Nachricht); } wenn (Typ des Rückrufs == 'Funktion') { Rückruf(bzw.); } }) .catch(Fehler => { Alarm(Fehlermeldung); }) } anders { Alarm(bzw.Nachricht); } }) } //Modal an den Textkörper anhängen, da es sonst nicht zentriert bleibt (selbst wenn die Position festgelegt ist) document.querySelector("body").insertAdjacentHTML( 'beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", Funktion() { let searchParams = neue URLSearchParams(window.location.search); let param = searchParams.get('id'); wenn(param) { document.getElementById(param).scrollIntoView(); } // Wenn der Benutzer auf (x) klickt, schließen Sie das Modal document.querySelector('.data-verification-close').addEventListener('klicken', Funktion(e) { e.preventDefault(); schließenVerificationModal(); // Fokussieren Sie die Schaltfläche des ausgewählten Anforderungstyps let appiForms = document.querySelectorAll('.form-appi-request'); appiForms.forEach(Funktion(appiForm) { wenn (appiForm.style.display !== "keine") { let appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li'); wenn (appiFormLinks.length === 1) { appiFormLinks[0].querySelector('button').focus(); } } }); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('klicken', function(e) { e.preventDefault(); //Erkenne den Klick auf einen href, da dieser überschrieben wird. wenn(e.target.tagName === "A") { Fenster.öffnen(e.target.href, '_blank'); zurückkehren; } document.querySelector('#data-verification-icon').classList.add("geklickt"); setzeTimeout(()=>{ toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'Inline-Block'; Zustimmung gegeben = wahr; appiSendRequest(Funktion(bzw.) { Zustimmung gegeben = falsch; schließenVerificationModal(); }); }, 400); }); }); Funktion openVerificationModal(){ toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#Datenüberprüfungscontainereingabe').focus(); } Funktion „Verifizierungsmodal schließen“ () { toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("geklickt"); document.querySelector('#data-verification-background .loading').style.display = 'keine'; // Fokussieren Sie die Schaltfläche des ausgewählten Anforderungstyps let appiForms = document.querySelectorAll('.form-appi-request'); appiForms.forEach(Funktion(appiForm) { wenn (appiForm.style.display !== "keine") { let appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li'); wenn (appiFormLinks.length === 1) { appiFormLinks[0].querySelector('button').focus(); } anders { // Fokuslogik für Datenportabilitätsanfragen appiFormLinks = appiForm.parentElement; wenn (appiFormLinks.nodeName === 'LI') { appiFormLinks.querySelector('Schaltfläche').Fokus(); } } } }); } document.querySelector('#btn-appi-edit-account-request').addEventListener('klicken', function(e) { e.preventDefault(); appiSlideUpAll(); slideDown(document.querySelector('#form-appi-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-appi-edit-account-request-submit').addEventListener('klicken', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-appi-edit-account-request-email').Wert; Typ = „Kunde/Bearbeiten“; openVerificationModal(); }); document.querySelector('#btn-appi-requests-request').addEventListener('klicken', function(e) { e.preventDefault(); appiSlideUpAll(); slideDown(document.querySelector('#form-appi-requests-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-appi-requests-request-submit').addEventListener('klicken', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageselektor('#form-appi-requests-request-email').Wert; Typ = 'Kunde/Anfragen'; openVerificationModal(); }); document.querySelector('#btn-appi-personal-information-request').addEventListener('klicken', function(e) { e.preventDefault(); appiSlideUpAll(); slideDown(document.querySelector('#form-appi-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-appi-personal-information-request-submit').addEventListener('klicken', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-appi-personal-information-request-email').Wert; Typ = „Kunde/persönliche_Informationen“; openVerificationModal(); }); document.querySelector('#btn-appi-orders-request').addEventListener('klicken', function(e) { e.preventDefault(); appiSlideUpAll(); slideDown(document.querySelector('#form-appi-orders-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-appi-orders-request-submit').addEventListener('klicken', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-appi-orders-request-email').Wert; Typ = 'Kunde/Bestellungen'; openVerificationModal(); }); document.querySelector('#btn-appi-personal-data-report-request').addEventListener('klicken', function(e) { e.preventDefault(); appiSlideUpAll(); slideDown(document.querySelector('#form-appi-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-appi-personal-data-report-request-submit').addEventListener('klicken', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-appi-personal-data-report-request-email').Wert; Typ = „Kunde/Bericht“; openVerificationModal(); }); document.querySelector('#btn-appi-do-not-sell-request').addEventListener('klicken', function(e) { e.preventDefault(); appiSlideUpAll(); slideDown(document.querySelector('#form-appi-do-not-sell-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-appi-do-not-sell-request-submit').addEventListener('klicken', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-appi-do-not-sell-request-email').Wert; Typ = „Kunde/nicht verkaufen“; // Prüfen, ob Kunde eingeloggt ist wenn (__st.cid != undefiniert) { document.querySelector('#appi-modal-container-text').innerHTML = 'Ich stimme der Erfassung meiner E-Mail- und IP-Adresse zum Zweck der Bearbeitung dieser Anfrage zu. Weitere Informationen finden Sie in der Datenschutzrichtlinie und den Servicebedingungen .'; } anders { document.querySelector('#appi-modal-container-text').innerHTML = 'Ich stimme der Erfassung meiner E-Mail-Adresse und IP-Adresse zum Zweck der Bearbeitung dieser Anfrage zu. Weitere Informationen finden Sie in der Datenschutzrichtlinie und den Nutzungsbedingungen . Hinweis: Wenn Sie ein Gastbenutzer sind oder nicht in Ihrem Konto angemeldet sind, gilt Ihre Deaktivierungsentscheidung nur für diese Browsersitzung.'; } openVerificationModal(); }); document.querySelector('#btn-appi-delete-account-request').addEventListener('klicken', function(e) { e.preventDefault(); appiSlideUpAll(); slideDown(document.querySelector('#form-appi-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); }); document.querySelector('#form-appi-delete-account-request-submit').addEventListener('klicken', function(e) { e.preventDefault(); E-Mail = Dokument.Abfrageauswahl('#form-appi-delete-account-request-email').Wert; Typ = „Kunde/Löschen“; openVerificationModal(); }); // Tastaturnavigation im Datenüberprüfungsmodal für Zugänglichkeit document.querySelector('#data-verification-modal').addEventListener('keydown', Funktion(e) { let isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; let isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape"; let isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Leertaste"; let isEnterPressed = event.keyCode === 13 || e.key === "Eingabe" || event.code === "Eingabe"; let dataVerificationCloseButton = document.querySelector('.data-verification-close'); let dataVerificationCheckbox = document.querySelector('#data-verification-container-Eingabe'); let dataVerificationLink = document.querySelector('#data-verification-container a'); // Diese Funktion erspart uns den Aufruf von e.preventDefault() nach jeder Fokussierung let executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} wenn (istEscapePressed) { if (DatenüberprüfungSchließenButton) { dataVerificationCloseButton.click(); } } if (istSpacePressed || istEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#Datenüberprüfungscontainer #Datenüberprüfungssymbol').klick(); } } if (istTabGedrückt) { if (e.UmschaltTaste) { wenn (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { führeFocus aus (dataVerificationLink); } } anders { if (dataVerificationLink && document.activeElement === dataVerificationLink) { Führen Sie Focus aus (dataVerificationCloseButton); } } } });