Changeset 44cf44d in Klonkt

Timestamp:

06/17/2026 12:12:59 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

79bba6e

Parents:

3cd1aaa

Message:

Audio: Admin/Account navigation via htmx (player stays alive, no jumping)

User-menu (topnav) + hub-home Admin/Account links now use htmx ?partial=1
→ the admin/account page loads into #pcms-main + OOB-chrome (admin
variant), while the audio player in document.body stays alive. Admin pages
have no DOMContentLoaded scripts (IIFEs) so they work via htmx. Logout
remains a full page load.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

Location:

src/views

Files:

• pages/hub-home.ejs (modified) (1 diff)
• partials/topnav.ejs (modified) (1 diff)

src/views/pages/hub-home.ejs

@@ -6 +6 @@
       <% if (user) { %>
         <% if (typeof canSeeBeheer !== 'undefined' && canSeeBeheer) { %>
-          <a class="hub-nav-link" href="/admin">Beheer</a>
+          <a class="hub-nav-link" href="/admin"
+             hx-get="/admin?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
+             hx-push-url="/admin" hx-indicator="#pcms-loading">Beheer</a>
         <% } %>
-        <a class="hub-nav-link" href="/account"><%= user.username %></a>
+        <a class="hub-nav-link" href="/account"
+           hx-get="/account?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
+           hx-push-url="/account" hx-indicator="#pcms-loading"><%= user.username %></a>
         <a class="hub-nav-link" href="/auth/logout">Uitloggen</a>
       <% } else { %>

src/views/partials/topnav.ejs

@@ -114 +114 @@
             </div>
             <div class="user-dropdown-list">
-              <a href="/account" role="menuitem" class="udi">
+              <a href="/account" role="menuitem" class="udi"
+                 hx-get="/account?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
+                 hx-push-url="/account" hx-indicator="#pcms-loading">
                 <svg class="udi-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
                 <span>Account</span>
               </a>
               <% if (typeof canSeeBeheer !== 'undefined' && canSeeBeheer) { %>
-                <a href="/admin" role="menuitem" class="udi">
+                <a href="/admin" role="menuitem" class="udi"
+                   hx-get="/admin?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
+                   hx-push-url="/admin" hx-indicator="#pcms-loading">
                   <svg class="udi-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h7v7H3z"/><path d="M14 3h7v7h-7z"/><path d="M14 14h7v7h-7z"/><path d="M3 14h7v7H3z"/></svg>
                   <span>Beheer</span>