43 lines
1.2 KiB
JavaScript
43 lines
1.2 KiB
JavaScript
(function () {
|
|
var KEY = 'cookie_consent';
|
|
var banner = document.getElementById('cookie-banner');
|
|
if (!banner) return;
|
|
updateStatus();
|
|
|
|
var consent = localStorage.getItem(KEY);
|
|
if (!consent) banner.style.display = 'flex';
|
|
|
|
function dismiss() {
|
|
banner.classList.add('fade-out');
|
|
setTimeout(function () { banner.style.display = 'none'; }, 500);
|
|
}
|
|
|
|
function updateStatus() {
|
|
var el = document.getElementById('cookie-status');
|
|
if (!el) return;
|
|
var consent = localStorage.getItem(KEY);
|
|
el.textContent = consent === 'accepted' ? 'Cookie akzeptiert'
|
|
: consent === 'declined' ? 'Cookie abgelehnt'
|
|
: 'Nicht entschieden';
|
|
}
|
|
|
|
document.getElementById('cookie-accept').onclick = function () {
|
|
localStorage.setItem(KEY, 'accepted');
|
|
updateStatus();
|
|
dismiss();
|
|
window.dispatchEvent(new Event('cookieAccepted'));
|
|
};
|
|
|
|
document.getElementById('cookie-decline').onclick = function () {
|
|
localStorage.setItem(KEY, 'declined');
|
|
updateStatus();
|
|
dismiss();
|
|
};
|
|
|
|
window.reopenCookieBanner = function () {
|
|
localStorage.removeItem(KEY);
|
|
updateStatus();
|
|
banner.classList.remove('fade-out');
|
|
banner.style.display = 'flex';
|
|
};
|
|
})(); |