Move language toggle, profile and logout into hamburger menu next to brand

This commit is contained in:
Kato
2026-09-04 20:15:30 +00:00
parent b50947270d
commit e76f18b0a8
3 changed files with 72 additions and 18 deletions
+27 -3
View File
@@ -4,6 +4,28 @@ document.addEventListener('DOMContentLoaded', () => {
loadUsers();
loadWiki();
}
// Hamburger menu toggle
const hamburger = document.getElementById('hamburger-btn');
const menu = document.getElementById('hamburger-menu');
if (hamburger && menu) {
hamburger.addEventListener('click', (e) => {
e.stopPropagation();
menu.classList.toggle('hidden');
});
// Close menu when clicking outside
document.addEventListener('click', (e) => {
if (!menu.contains(e.target) && e.target !== hamburger && !hamburger.contains(e.target)) {
menu.classList.add('hidden');
}
});
// Close menu on Escape
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape') {
menu.classList.add('hidden');
}
});
}
});
function getCookie(name) {
@@ -44,20 +66,21 @@ function checkSession() {
const login = document.getElementById('login-panel');
const newsletter = document.getElementById('newsletter-panel');
const notebook = document.getElementById('notebook-panel');
const menuActions = document.getElementById('menu-user-actions');
if (sessionid) {
// User is logged in via n8n cookie
if (intro) intro.classList.add('hidden');
if (news) news.classList.add('hidden');
if (login) login.classList.add('hidden');
if (notebook) notebook.classList.remove('hidden');
document.querySelectorAll('.user-actions').forEach(el => el.classList.remove('hidden'));
if (menuActions) menuActions.classList.remove('hidden');
if (newsletter) newsletter.classList.remove('hidden');
} else {
// User is not logged in
if (notebook) notebook.classList.add('hidden');
if (login) login.classList.remove('hidden');
if (newsletter) newsletter.classList.remove('hidden');
document.querySelectorAll('.user-actions').forEach(el => el.classList.add('hidden'));
if (menuActions) menuActions.classList.add('hidden');
}
}
@@ -190,7 +213,8 @@ async function submitLoginData() {
document.getElementById('profile-username').value = document.getElementById('telegram-user').value;
document.getElementById('profile-name').value = document.getElementById('full-name').value;
document.getElementById('profile-llc').value = document.getElementById('llc-name').value;
document.querySelectorAll('.user-actions').forEach(el => el.classList.remove('hidden'));
const menuActions = document.getElementById('menu-user-actions');
if (menuActions) menuActions.classList.remove('hidden');
alert('Erfolgreich angemeldet! Willkommen!');
} else {
alert('Fehler bei der Anmeldung.');