Alles mögliche

bin/main/static/js/sidebar.js

@@ -80,9 +80,17 @@
         ...socialLinks.map(navLink),
     ].join('');
 
-    const datingActive = path === '/dating.html';
-    const datingCls = datingActive ? ' class="active"' : '';
-    const datingItem = `<li id="navDating"><a href="/konto/einstellungen.html#sec-dating"${datingCls}><span class="icon">${I('DATING') || '♥'}</span> Dating</a></li>`;
+    const datingLinks = [
+        { href: '/dating/dating.html',   icon: I('DATING') || '♥', label: 'Dating',   id: 'navDating' },
+        { href: '/dating/besucher.html', icon: '👀',                label: 'Besucher'                  },
+        { href: '/dating/likes.html',    icon: '❤️',                label: 'Likes'                     },
+        { href: '/dating/matches.html',  icon: '💕',                label: 'Matches'                   },
+    ];
+    const datingItem = datingLinks.map(({ href, icon, label, id }) => {
+        const cls = path === href ? ' class="active"' : '';
+        const idAttr = id ? ` id="${id}"` : '';
+        return `<li${idAttr}><a href="${href}"${cls}><span class="icon">${icon}</span> ${label}</a></li>`;
+    }).join('');
 
     const fullHref = path + window.location.search;
     const nav = groups.map(({ label, icon, items }) => {
@@ -152,6 +160,11 @@
     document.querySelectorAll('.sidebar-group-toggle').forEach(toggle => {
         toggle.addEventListener('click', e => {
             e.preventDefault();
+            const href = toggle.getAttribute('href');
+            if (href && href !== '#') {
+                window.location.href = href;
+                return;
+            }
             toggle.closest('.sidebar-group').classList.toggle('open');
         });
     });
@@ -230,7 +243,7 @@
             const navDating = document.getElementById('navDating');
             if (navDating) {
                 navDating.querySelector('a').href = user.datingAktiv
-                    ? '/dating.html'
+                    ? '/dating/dating.html'
                     : '/konto/einstellungen.html#sec-dating';
             }