${column('colAllgemein', 'Allgemein', col1Html, [
'/userhome.html', '/search.html',
'/community/nachrichten.html',
'/community/benachrichtigungen.html',
'/games/common/einladungen.html',
])}
${column('colCommunity', 'Community', col2Html, [
'/community/feed.html', '/community/freunde.html',
'/community/gruppen.html', '/community/gruppe.html',
'/community/locations.html', '/community/location-detail.html',
'/community/events.html', '/community/event-detail.html',
'/community/abonnements.html', '/community/personen-suchen.html',
'/community/benutzer.html',
])}
${column('colDating', 'Dating', col3Html, ['/dating/'])}
${column('colGames', 'Games', col4Html, [
'/games/vanilla/', '/games/bdsm/', '/games/chastity/',
])}
`);
// ── Dropdown positionieren ────────────────────────────────────────────────
function positionDropdown() {
const topbar = document.getElementById('topbar');
const dd = document.getElementById('navDropdown');
if (!topbar || !dd) return;
const r = topbar.getBoundingClientRect();
dd.style.top = r.bottom + 'px';
dd.style.left = r.left + 'px';
dd.style.right = (window.innerWidth - r.right) + 'px';
dd.style.width = 'auto';
}
// ── Öffnen / Schließen ────────────────────────────────────────────────────
function openNav() {
if (window.__topbarCloseAll) window.__topbarCloseAll();
positionDropdown();
document.getElementById('navDropdown').classList.add('open');
document.getElementById('navBackdrop').classList.add('open');
document.getElementById('topbar')?.classList.add('nav-menu-open');
}
function closeNav() {
document.getElementById('navDropdown').classList.remove('open');
document.getElementById('navBackdrop').classList.remove('open');
document.getElementById('topbar')?.classList.remove('nav-menu-open');
}
// Topbar-Panels schließen das Nav-Dropdown
window.__navClose = closeNav;
document.getElementById('navBackdrop').addEventListener('click', closeNav);
document.addEventListener('keydown', e => { if (e.key === 'Escape') closeNav(); });
// Links schließen das Menü
document.getElementById('navDropdown').querySelectorAll('.nav-link').forEach(l => {
l.addEventListener('click', () => { if (l.getAttribute('href') !== '#') closeNav(); });
});
window.addEventListener('resize', () => {
if (document.getElementById('navDropdown').classList.contains('open')) positionDropdown();
});
// ── Burger-Button ─────────────────────────────────────────────────────────
function injectBurger() {
const topbarLeft = document.querySelector('.topbar-left');
if (!topbarLeft) { setTimeout(injectBurger, 30); return; }
if (document.getElementById('navBurgerBtn')) return;
const btn = document.createElement('button');
btn.className = 'nav-burger';
btn.id = 'navBurgerBtn';
btn.setAttribute('aria-label', 'Menü öffnen');
btn.innerHTML = `