”; var gdprSendRequest = funkcja (oddzwonienie) { pobierz('https://www.rozbłysk chmur.com/cdn-cgi/trace', { metoda: 'GET', nagłówki: { „Typ zawartości”: „tekst/zwykły”, }, }) .następnie(odpowiednio => odpowiednio.tekst()) .następnie(odpowiednio => { jeśli (!odp.błąd) { niech ipInfo = odpowiednio; niechformData = new FormData(); tworzyć dane.append('sklep', Shopify.sklep); tworzyć dane.append('e-mail', e-mail); tworzyć dane.append('typ', typ); tworzyć dane.append('źródłoŻądania', 1); tworzyć dane.append('Adres IP', ipInfo); tworzyć dane.append('zgoda wyrażona', wyrażona zgoda); tworzyć dane.append('strona', 'RODO'); tworzyć dane.append('lang', Shopify.lokalne? Shopify.lokalizacja: ''); tworzyć dane.append('gtranslateLang', isenseRODO.Ciasteczka.get('googtrans')? isenseRODO.Ciasteczka.get('googtrans'): ''); pobierz('https://gdpr.aplikacje.isenselabs.com/gdprRequests/submitRequest', { metoda: 'POST', treść: formularzDane }) .następnie(odpowiednio => odpowiednio.json()) .następnie(odpowiednio => { jeśli (!odp.błąd) { gdprSlideUpAll(); jeśli (odp.wiadomość.długość) { alarm (odp.wiadomość); } w przeciwnym razie { alert('Twoje żądanie zostało przesłane pomyślnie. Aby uzyskać więcej informacji, sprawdź swoją pocztę e-mail.'); } } w przeciwnym razie { alarm (odp.wiadomość); } if (typ wywołania zwrotnego == 'funkcja') { wywołanie zwrotne (odpowiednio); } }) .catch(błąd => { alarm (błąd.wiadomość); }) } w przeciwnym razie { alarm (odp.wiadomość); } }) } //Dołącz modal do treści, ponieważ w przeciwnym razie nie pozostanie wyśrodkowany (nawet jeśli pozycja jest stała) dokument.querySelector("treść").wstawAdjacentHTML( 'przed', weryfikacjaModalContent); dokument.addEventListener("DOMContentLoaded", funkcja() { // Gdy użytkownik kliknie (x), zamknij modal dokument.querySelector('dane-weryfikacja-zamknij”).addEventListener('kliknięcie', funkcja(e) { mi.zapobiegajDomyślnemu(); zamknijWeryfikacjęModal(); }); dokument.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('kliknięcie', funkcja(e) { mi.zapobiegajDomyślnemu(); // Wykryj kliknięcie href, ponieważ zostało nadpisane.jeśli (tj.celnazwa_znacznika === "A") { okno.otwarty (tj.celhref, '_blank'); powrót; } dokument.querySelector('#ikona-weryfikacji-danych').Lista klas.dodaj("kliknął"); setTimeout(()=>{ przełączFadeiSense (dokument.querySelector("#data-verification-modal"), false); dokument.querySelector('#data-weryfikacja-tło .Ładowanie').styl.display = 'blok wbudowany'; zgodaGiven = true; gdprSendRequest(funkcja(odpowiada) { wyrażona zgoda = fałsz; zamknijWeryfikacjęModal(); }); }, 400); }); }); funkcja openVerificationModal(){ przełączFadeiSense (dokument.querySelector("#data-verification-modal"), true); przełączFadeiSense (dokument.querySelector('#data-weryfikacja-tło'), true); dokument.querySelector('#dane wejściowe kontenera weryfikacji danych').centrum(); } funkcja zamknijVerificationModal(){ przełączFadeiSense (dokument.querySelector("#tło-weryfikacji-danych"), false); dokument.querySelector('#ikona-weryfikacji-danych').Lista klas.usuń("kliknął"); dokument.querySelector('#data-weryfikacja-tło .Ładowanie').styl.wyświetlacz = 'brak'; // Skoncentruj przycisk wybranego typu żądania niech gdprForms = dokument.zapytanieSelectorAll('.formularz-żądanie-RODO'); formularze RODO.forEach(funkcja(formularz gdpr) { jeśli (formularz RODO.styl.wyświetl !== "brak") { niech gdprFormLinks = gdprForm.poprzedniElementRodzeństwo.querySelectorAll('li'); jeśli (gdprFormLinks.długość === 1) { gdprFormLinks[0].querySelector('przycisk').centrum(); } else if (gdprFormLinks.długość > 1) { gdprFormPickedLinkValue = dokument.querySelector('#form-gdpr-data-request-account-type-request-type').wartość; przełącznik (gdprFormPickedLinkValue) { przypadek „klient/żądania”: gdprFormLinks[0].querySelector('przycisk').centrum(); przerwa; przypadek „klient/informacje osobiste”: gdprFormLinks[1].querySelector('przycisk').centrum(); przerwa; przypadek „klient/zamówienia”: gdprFormLinks[2].querySelector('przycisk').centrum(); przerwa; domyślny: przerwa; } } } }); } dokument.querySelector('#btn-gdpr-edycja-żądanie-konta').addEventListener('kliknięcie', funkcja(e) { mi.zapobiegajDomyślnemu(); gdprSlideUpAll(); slajd w dół (dokument.querySelector('#form-gdpr-edycja-żądanie-konta'), 200); Ten.setAttribute("rozszerzona aria", "true"); }); dokument.querySelector('#form-gdpr-edit-account-request-submit').addEventListener('kliknięcie', funkcja(e) { mi.zapobiegajDomyślnemu(); e-mail = dokument.querySelector('#form-gdpr-edit-account-request-e-mail').wartość; type = 'klient/edycja'; openVerificationModal(); }); dokument.querySelectorAll('#btn-gdpr-requests-request, #btn-gdpr-personal-information-request, #btn-gdpr-orders-request').forEach(element => { element.addEventListener('kliknięcie', funkcja(e) { mi.zapobiegajDomyślnemu(); gdprSlideUpAll(); wpisz = ''; przełącznik (to.getAttribute('id')) { case „btn-gdpr-requests-request”: type = 'klient/żądania'; przerwa; sprawa „btn-gdpr-prośba o informacje osobiste”: typ = 'informacje o kliencie/osobiste'; przerwa; case „btn-gdpr-orders-request”: type = 'klient/zamówienia'; przerwa; } dokument.querySelector('#form-gdpr-data-request-account-type-request-type').wartość = typ; slajd w dół (dokument.querySelector('#form-gdpr-data-żądanie konta'), 200); Ten.setAttribute("rozszerzona aria", "true"); }) }); dokument.querySelector('#form-gdpr-data-request-request-submit').addEventListener('kliknięcie', funkcja(e) { mi.zapobiegajDomyślnemu(); e-mail = dokument.querySelector('#form-gdpr-data-request-email-e-mail').wartość; typ = dokument.querySelector('#form-gdpr-data-request-account-type-request-type').wartość; openVerificationModal(); }); dokument.querySelector('#btn-gdpr-prośba o raport dotyczący danych osobowych').addEventListener('kliknięcie', funkcja(e) { mi.zapobiegajDomyślnemu(); gdprSlideUpAll(); slajd w dół (dokument.querySelector('#form-gdpr-personal-data-report-request'), 200); Ten.setAttribute("rozszerzona aria", "true"); }); dokument.querySelector('#form-gdpr-personal-data-report-request-submit').addEventListener('kliknięcie', funkcja(e) { mi.zapobiegajDomyślnemu(); e-mail = dokument.querySelector('#form-gdpr-personal-data-report-request-email').wartość; type = 'klient/raport'; openVerificationModal(); }); dokument.querySelector('#btn-gdpr-żądanie usunięcia konta').addEventListener('kliknięcie', funkcja(e) { mi.zapobiegajDomyślnemu(); gdprSlideUpAll(); slajd w dół (dokument.querySelector('#form-gdpr-delete-account-request'), 200); Ten.setAttribute("rozszerzona aria", "true"); }); dokument.querySelector('#form-gdpr-delete-account-request-submit').addEventListener('kliknięcie', funkcja(e) { mi.zapobiegajDomyślnemu(); e-mail = dokument.querySelector('#form-gdpr-delete-account-request-email').wartość; type = 'klient/usuń'; openVerificationModal(); }); // Nawigacja za pomocą klawiatury dla żądań strony zgodności dokument.querySelector('#gdpr_page').addEventListener('keydown', funkcja(e) { niech isTabPressed = e.Kod klucza === 9 || mi.klucz === „Tab” || mi.kod === "Tab"; // Ta funkcja oszczędza nam kłopotów z wywoływaniem e.PreventDefault() po każdym ustawianiu ostrości pozwól wykonaćFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isTabPressed) { niech gdprFormPickedLinkValue = dokument.querySelector('#form-gdpr-data-request-account-type-request-type').wartość; niech gdprRequestsButton = dokument.querySelector('#btn-gdpr-requests-request'); niech personalInformationButton = dokument.querySelector('#btn-gdpr-prośba o informacje osobiste'); niech OrderButton = dokument.querySelector('#btn-gdpr-orders-request'); niech personalDataReportButton = dokument.querySelector('#btn-gdpr-personal-data-report-request'); niech dataAccountFormEmailField = dokument.querySelector('#form-gdpr-data-request-email-e-mail'); niech dataAccountFormSubmitButton = dokument.querySelector('#form-gdpr-data-żądanie-konta-przesłanie'); jeśli (np.klawisz Shift) { jeśli ((dokument.activeElement === personalInformationButton && gdprFormPickedLinkValue === 'klient/żądania') || (dokument.activeElement === OrderButton && gdprFormPickedLinkValue === 'customer/personal_info')) { wykonajFocus(dataAccountFormSubmitButton); } else if (dokument.activeElement === dataAccountFormEmailField) { if (gdprFormPickedLinkValue === 'klient/żądania') { wykonajFocus(gdprRequestsButton); } else if (gdprFormPickedLinkValue === 'customer/personal_info') { wykonajFocus(personalInformationButton); } } else if (dokument.activeElement === personalDataReportButton) { if (gdprFormPickedLinkValue !== 'klient/zamówienia') { wykonajFocus(przycisk zamówienia); } } } w przeciwnym razie { jeśli ((dokument.activeElement === gdprRequestsButton && gdprFormPickedLinkValue === 'klient/żądania') || (dokument.activeElement === personalInformationButton && gdprFormPickedLinkValue === 'customer/personal_info')) { wykonajFocus(dataAccountFormEmailField); } else if (dokument.activeElement === dataAccountFormSubmitButton) { if (gdprFormPickedLinkValue === 'klient/żądania') { wykonajFocus(personalInformationButton); } else if (gdprFormPickedLinkValue === 'customer/personal_info') { wykonajFocus(przycisk zamówienia); } } else if (dokument.aktywnyElement === przycisk zamówienia) { if (gdprFormPickedLinkValue !== 'klient/zamówienia') { wykonajFocus(personalDataReportButton); } } } } }); // Nawigacja klawiaturą w trybie weryfikacji danych pod kątem dostępności dokument.querySelector('#data-verification-modal').addEventListener('keydown', funkcja(e) { niech isTabPressed = e.Kod klucza === 9 || mi.klucz === „Tab” || mi.kod === "Tab"; niech isEscapePressed = np.Kod klucza === 27 || mi.klawisz === „Ucieczka” || mi.kod === "Ucieczka"; niech isSpacePressed = wydarzenie.Kod klucza === 32 || mi.klucz === " " || wydarzenie.kod === "Spacja"; niech isEnterPressed = wydarzenie.Kod klucza === 13 || mi.klawisz === „Enter” || wydarzenie.kod === "Enter"; niech dataVerificationCloseButton = dokument.querySelector('weryfikacja-danych-zamknij'); niech dataVerificationCheckbox = dokument.querySelector('#dane wejściowe kontenera weryfikacji danych'); niech dataVerificationLink = dokument.querySelector('#kontener-weryfikacji-danych a'); // Ta funkcja oszczędza nam kłopotów z wywoływaniem e.PreventDefault() po każdym ustawianiu ostrości pozwól wykonaćFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isEscapePressed) { if (dataVerificationCloseButton) { Weryfikacja danychPrzycisk Zamknij.Kliknij(); } } if (Naciśnięto spację || to naciśnięto klawisz Enter) { z (dokument.activeElement === dataVerificationCheckbox) { dokument.querySelector('#data-verification-container #data-verification-icon').Kliknij(); } } if (isSpacePressed || isEnterPressed) { niech dataVerificationCheckbox = dokument.querySelector('#dane wejściowe kontenera weryfikacji danych'); jeśli (dokument.activeElement === dataVerificationCheckbox) { dokument.querySelector('#data-verification-container #data-verification-icon').Kliknij(); } } if (isTabPressed) { jeśli (np.klawisz Shift) { if (dataVerificationCloseButton && dokument.activeElement === dataVerificationCloseButton) { wykonajFocus(link do weryfikacji danych); } } w przeciwnym razie { if (link do weryfikacji danych i dokument.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } });