36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
var avatarBtn = document.getElementById('userAvatar');
|
|
var userMenu = document.getElementById('userMenu');
|
|
var logoutLink = document.getElementById('userMenuLogout');
|
|
|
|
if (avatarBtn && userMenu) {
|
|
// Avatar klick → Menü toggeln
|
|
avatarBtn.addEventListener('click', function (e) {
|
|
e.stopPropagation();
|
|
userMenu.classList.toggle('hidden');
|
|
});
|
|
|
|
// Klick in Menü nicht nach außen „bubblen“
|
|
userMenu.addEventListener('click', function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
// Klick irgendwo außerhalb → Menü schließen
|
|
document.addEventListener('click', function () {
|
|
if (!userMenu.classList.contains('hidden')) {
|
|
userMenu.classList.add('hidden');
|
|
}
|
|
});
|
|
}
|
|
|
|
// Logout mit Confirm
|
|
if (logoutLink) {
|
|
logoutLink.addEventListener('click', function (e) {
|
|
var ok = confirm('Möchtest du dich wirklich abmelden?');
|
|
if (!ok) {
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
}
|
|
});
|