var css = document.createElement('style');
css.type = 'text/css';
var styles = `#sib-container input:-ms-input-placeholder {
text-align: left;
font-family: "Open Sans",helvetica,arial,sans-serif;
color: #c0ccda;
}
.sib-form #nl-toggle-button:before {
content: "\\f053";
font-family: "Icons";
color: #000;
display: flex;
width: 100%;
height: 100%;
background: #ead6bc;
position: absolute;
left: 0;
top: 0;
border-radius: 0 10px 10px 0;
justify-content: center;
align-items: center;
font-size: 20px;
opacity: 0;
transition: all 250ms ease-in-out;
}
.sib-form.active #nl-toggle-button:before {
opacity: 1;
}
#sib-container input::placeholder {
text-align: left;
font-family: "Open Sans",helvetica,arial,sans-serif;
color: #c0ccda;
}
#sib-form .g-recaptcha {
display: none;
}
@media (max-width: 799px) {
.sib-form #nl-toggle-button {
display: none;
}
#sib-container {
max-width: initial;
border-radius: 0px;
}
div#sib-form {
margin: 0 0 2px 0 !important;
}
div#sib-form-container {
padding: 0 10px;
}
}
@media (min-width: 992px) {
.sib-form {
bottom: 25px;
}
}
@media (min-width: 800px) and (max-width: 991px) {
.sib-form {
bottom: 62px;
}
}
@media (min-width: 800px) {
#sib-container {
max-width: 420px;
border-radius: 8px;
}
.sib-form {
position: fixed;
z-index: 999;
left: -420px;
transition: all 250ms ease-in-out;
}
.sib-form.active {
left: 5px;
}
}
.sib-form .sib-form-block {
padding: 0 5px;
}
#nl-toggle-button {
position: absolute;
background: #ead6bc;
right: -66px;
top: 92px;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
padding: 13px 7px 8px 13px;
line-height: 16px;
letter-spacing: -0.4px;
border-radius: 0 10px 10px 0;
}`;
if (css.styleSheet) css.styleSheet.cssText = styles;
else css.appendChild(document.createTextNode(styles));
document.getElementsByTagName("head")[0].appendChild(css);
const newsletterButton = document.getElementById("newsletter-send-button");
if (newsletterButton) {
newsletterButton.setAttribute("onclick", "executeCaptcha");
}
const sibForm = document.getElementById("sib-form");
let acceptConsentMessageAdded = false;
sibForm.addEventListener("submit", function(event) {
const isConsented = vueApp.$store.getters.isConsented("media.reCaptcha") === true;
if (isConsented) {
localStorage.setItem('formSubmitted', true);
document.getElementById('sib-form-wrapper').style.display = 'none';
console.log("test");
}
if (!isConsented && !acceptConsentMessageAdded) {
event.preventDefault();
addConsentMessage();
}
});
function addConsentMessage() {
const errorMessageContent = document.getElementById("sib-form-error-message-content");
if (errorMessageContent) {
errorMessageContent.textContent += 'Um die Newsletter-Anmeldung abzuschicken, müssen Sie den Google reCAPTCHA-Cookie akzeptieren. Öffnen Sie die Datenschutzeinstellungen links unten auf der Seite und klicken Sie auf "Weitere Einstellungen". Aktivieren Sie den reCAPTCHA-Cookie im Bereich "Externe Medien" und speichern Sie die Einstellungen.';
acceptConsentMessageAdded = true;
}
}
var formSubmitted = localStorage.getItem('formSubmitted');
console.log("formSubmitted: ", formSubmitted);
if (formSubmitted !== "true") {
document.getElementById('sib-form-wrapper').style.display = 'block';
console.log("form not submitted");
}
window.REQUIRED_CODE_ERROR_MESSAGE = 'Wählen Sie bitte einen Ländervorwahl aus.';
window.LOCALE = 'de';
window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Die eingegebenen Informationen sind nicht gültig. Bitte überprüfen Sie das Feldformat und versuchen Sie es erneut.";
window.REQUIRED_ERROR_MESSAGE = "Dieses Feld darf nicht leer sein. ";
window.GENERIC_INVALID_MESSAGE = "Die eingegebenen Informationen sind nicht gültig. Bitte überprüfen Sie das Feldformat und versuchen Sie es erneut.";
window.translation = {
common: {
selectedList: '{quantity} Liste ausgewählt',
selectedLists: '{quantity} Listen ausgewählt'
}
};
var AUTOHIDE = Boolean(1);
const button = document.getElementById("nl-toggle-button");
const form = document.getElementsByClassName("sib-form")[0];
const buttonPressed = (e) => {
form.classList.toggle("active");
}
button.addEventListener("click", buttonPressed);
