”; var pipedaSendRequest = funkcja (wywołanie zwrotne) { 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', 4); tworzyć dane.append('Adres IP', ipInfo); tworzyć dane.append('zgoda wyrażona', wyrażona zgoda); tworzyć dane.append('strona', 'pipeda'); 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) { pipedaSlideUpAll(); 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 końcem', 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(); // Skoncentruj przycisk wybranego typu żądania niech pipedaForms = dokument.zapytanieSelectorAll('.formularz-prośba-pipeda'); Formularze Pipeda.forEach(funkcja(formularz potoku) { if (formularz potokowy.styl.wyświetl !== "brak") { niech pipedaFormLinks = pipedaForm.poprzedniElementRodzeństwo.querySelectorAll('li'); if (pipedaFormLinks.długość === 1) { pipedaFormLinks[0].querySelector('przycisk').centrum(); } else if (pipedaFormLinks.długość > 1) { pipedaFormPickedLinkValue = dokument.querySelector('#form-pipeda-data-request-account-type-type').wartość; przełącznik (pipedaFormPickedLinkValue) { przypadek „klient/żądania”: pipedaFormLinks[0].querySelector('przycisk').centrum(); przerwa; przypadek „klient/informacje osobiste”: pipedaFormLinks[1].querySelector('przycisk').centrum(); przerwa; przypadek „klient/zamówienia”: pipedaFormLinks[2].querySelector('przycisk').centrum(); przerwa; domyślny: przerwa; } } } }); }); 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 (np.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; pipedaSendRequest(funkcja (odpowiednio) { 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'; } dokument.querySelector('#btn-pipeda-edycja-żądanie-konta').addEventListener('kliknięcie', funkcja (e) { mi.zapobiegajDomyślnemu(); pipedaSlideUpAll(); slajd w dół (dokument.querySelector('#form-pipeda-edycja-żądanie-konta'), 200); Ten.setAttribute("rozszerzona aria", "true"); }); dokument.querySelector('#form-pipeda-edit-account-request-submit').addEventListener('kliknięcie', funkcja (e) { mi.zapobiegajDomyślnemu(); e-mail = dokument.querySelector('#form-pipeda-edit-account-request-e-mail').wartość; type = 'klient/edycja'; openVerificationModal(); }); dokument.querySelectorAll('#btn-pipeda-requests-request, #btn-pipeda-personal-information-request, #btn-pipeda-orders-request').forEach(element => { element.addEventListener('kliknięcie', funkcja (e) { mi.zapobiegajDomyślnemu(); pipedaSlideUpAll(); wpisz = ''; przełącznik (to.getAttribute('id')) { case „btn-pipeda-requests-request”: type = 'klient/żądania'; przerwa; sprawa „btn-pipeda-prośba o informacje osobiste”: typ = 'informacje o kliencie/osobiste'; przerwa; case „btn-pipeda-orders-request”: type = 'klient/zamówienia'; przerwa; } dokument.querySelector('#form-pipeda-data-request-account-type-type').wartość = typ; slajd w dół (dokument.querySelector('#form-pipeda-data-żądanie konta'), 200); Ten.setAttribute("rozszerzona aria", "true"); }) }); dokument.querySelector('#form-pipeda-data-żądanie-konta-przesłanie').addEventListener('kliknięcie', funkcja (e) { mi.zapobiegajDomyślnemu(); e-mail = dokument.querySelector('#form-pipeda-data-request-account-e-mail').wartość; typ = dokument.querySelector('#form-pipeda-data-request-account-type-type').wartość; openVerificationModal(); }); dokument.querySelector('#btn-pipeda-personal-data-report-request').addEventListener('kliknięcie', funkcja (e) { mi.zapobiegajDomyślnemu(); pipedaSlideUpAll(); slajd w dół (dokument.querySelector('#form-pipeda-personal-data-report-request'), 200); Ten.setAttribute("rozszerzona aria", "true"); }); dokument.querySelector('#form-pipeda-personal-data-report-request-submit').addEventListener('kliknięcie', funkcja (e) { mi.zapobiegajDomyślnemu(); e-mail = dokument.querySelector('#form-pipeda-personal-data-report-request-e-mail').wartość; type = 'klient/raport'; openVerificationModal(); }); // Nawigacja za pomocą klawiatury dla żądań strony zgodności dokument.querySelector('#pipeda_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 pipedaFormPickedLinkValue = dokument.querySelector('#form-pipeda-data-request-account-type-type').wartość; niech pipedaRequestsButton = dokument.querySelector('#btn-pipeda-requests-request'); niech personalInformationButton = dokument.querySelector('#btn-pipeda-prośba o informacje osobiste'); niech OrderButton = dokument.querySelector('#btn-pipeda-orders-request'); niech personalDataReportButton = dokument.querySelector('#btn-pipeda-personal-data-request-request'); niech dataAccountFormEmailField = dokument.querySelector('#form-pipeda-data-request-account-e-mail'); niech dataAccountFormSubmitButton = dokument.querySelector('#form-pipeda-data-żądanie-konta-przesłanie'); jeśli (np.klawisz Shift) { jeśli ((dokument.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'klient/żądania') || (dokument.activeElement === OrderButton && pipedaFormPickedLinkValue === 'customer/personal_info')) { wykonajFocus(dataAccountFormSubmitButton); } else if (dokument.activeElement === dataAccountFormEmailField) { if (pipedaFormPickedLinkValue === 'klient/żądania') { wykonajFocus(pipedaRequestsButton); } else if (pipedaFormPickedLinkValue === 'customer/personal_info') { wykonajFocus(personalInformationButton); } } else if (dokument.activeElement === personalDataReportButton) { if (pipedaFormPickedLinkValue !== 'klient/zamówienia') { wykonajFocus(przycisk zamówienia); } } } w przeciwnym razie { jeśli ((dokument.activeElement === pipedaRequestsButton && pipedaFormPickedLinkValue === 'klient/żądania') || (dokument.activeElement === personalInformationButton && pipedaFormPickedLinkValue === 'customer/personal_info')) { wykonajFocus(dataAccountFormEmailField); } else if (dokument.activeElement === dataAccountFormSubmitButton) { if (pipedaFormPickedLinkValue === 'klient/żądania') { wykonajFocus(personalInformationButton); } else if (pipedaFormPickedLinkValue === 'customer/personal_info') { wykonajFocus(przycisk zamówienia); } } else if (dokument.aktywnyElement === przycisk zamówienia) { if (pipedaFormPickedLinkValue !== '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 (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); } } } }); // ]]>