(function(render) {
if (document.readyState === 'complete') {
render(document);
}
else {
document.addEventListener('DOMContentLoaded', function() {
render(document);
});
window.addEventListener('load', function() {
render(document);
});
}
})(function(doc) {
var container = doc.querySelector('.trustsiegel-siegel');
var type = container.dataset.type;
var status = container.dataset.status ? container.dataset.status : 'zugeklappt';
var orientation = container.dataset.orientation;
var color = type === 'hochkant-color' ? 'individuell/' + container.dataset.colors : container.dataset.color;
var topDesktop = container.dataset.topdesktop;
var bottomMobile = container.dataset.bottommobile;
var signName = '14b917b40ad932253dfbdf642f641b80' + type + orientation + color;
if (window.tsRegisteredSigns) {
if (window.tsRegisteredSigns.includes(signName)) {
return;
}
}
else {
window.tsRegisteredSigns = [];
}
window.tsRegisteredSigns.push(signName);
switch (type) {
case 'hochkant-color':
case 'hochkant':
var signColor = color === 'schwarz' ? '000000' : '030F45';
var minimizedImageDesktop = '
';
var minimiedImageMobileLeft = '';
var minimiedImageMobileRight = '';
var maximizedImage = '
';
var direction = orientation == 'links' ? 'left' : 'right';
var wrapper = document.createElement('div');
var maximizedLink = document.createElement('a');
var minimizedLink = document.createElement('a');
var open = status === 'offen';
var translateX = direction == 'left' ? '-160px' : '160px';
var mediaQuery = window.matchMedia("(min-width: 700px)");
var minimiedImageMobile = orientation === 'rechts' ? minimiedImageMobileRight : minimiedImageMobileLeft;
var minimizedImage = mediaQuery.matches ? minimizedImageDesktop : minimiedImageMobile;
minimizedLink.addEventListener('click', function(event) {
event.preventDefault();
if (open) {
wrapper.style.transform = 'translateX(' + translateX + ')';
minimizedLink.style.opacity = 1;
}
else {
wrapper.style.transform = 'translateX(0)';
minimizedLink.style.opacity = 0;
}
open = ! open;
});
maximizedLink.addEventListener('click', function(event) {
var isCloseButtonY = event.layerY <= 40;
var isCloseButtonX = false;
if (direction == 'left') {
isCloseButtonX = event.layerX >= 130;
}
else {
isCloseButtonX = event.layerX <= 80;
}
if (isCloseButtonX && isCloseButtonY) {
event.preventDefault();
open = false;
wrapper.style.transform = 'translateX(' + translateX + ')';
minimizedLink.style.opacity = 1;
}
});
minimizedLink.href = '#';
minimizedLink.style.display = 'block';
minimizedLink.style.width = '30px';
minimizedLink.style.pointerEvents = 'all';
maximizedLink.href = 'https://trustsiegel.de/profil/koeln-dialog/';
maximizedLink.setAttribute('target', '_blank');
maximizedLink.setAttribute('rel', 'noopener noreferrer');
maximizedLink.style.display = 'block';
maximizedLink.style.width = '160px';
maximizedLink.style.pointerEvents = 'all';
minimizedLink.innerHTML = minimizedImage;
maximizedLink.innerHTML = maximizedImage;
wrapper.append(minimizedLink);
if (direction == 'left') {
wrapper.prepend(maximizedLink);
}
else {
wrapper.append(maximizedLink);
}
container.style.position = 'fixed';
container.style[direction] = 0;
container.style.zIndex = 999990;
container.style.overflow = 'hidden';
container.style.pointerEvents = 'none';
if (mediaQuery.matches) {
container.style.top = topDesktop + 'px';
}
else {
container.style.bottom = bottomMobile + 'px';
minimizedLink.style.alignSelf = 'flex-end';
}
wrapper.style.display = 'flex';
wrapper.style.width = '190px';
wrapper.style.transform = 'translateX(' + translateX + ')';
wrapper.style.transition = 'transform .3s ease';
if (open) {
wrapper.style.transform = 'translateX(0)';
minimizedLink.style.opacity = 0;
}
container.appendChild(wrapper);
break;
}
});