Move language toggle, profile and logout into hamburger menu next to brand
This commit is contained in:
+27
-3
@@ -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.');
|
||||
|
||||
Reference in New Issue
Block a user