Changeset e954722 in Klonkt for src/views/partials/profile-sheet.ejs

Timestamp:

06/30/2026 12:23:37 AM (2 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

80797d7

Parents:

f882048

Message:

fix(i18n): localize the mobile profile-sheet menu labels

The mobile profile menu had hardcoded Dutch labels (Account, Beheer, Nieuwe post, Thema,
Donker/Licht, Uitloggen) so they didn't translate on EN/DE sites. They now use t().

• src/views/partials/profile-sheet.ejs — Account/Admin/New post/Logout reuse the existing nav.* keys; the theme item + its JS state label use new nav.theme_label/nav.dark/nav.light
• src/services/i18n.js — add nav.theme_label, nav.dark, nav.light (nl/en/de)

Co-Authored-By: Claude <noreply@…>

File:

• src/views/partials/profile-sheet.ejs (modified) (6 diffs)

src/views/partials/profile-sheet.ejs

@@ -52 +52 @@
         <a href="/account" class="profile-sheet-item" role="menuitem" data-close-sheet>
           <svg class="psi-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 class="psi-label">Account</span>
+          <span class="psi-label"><%= t('nav.account') %></span>
           <svg class="psi-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg>
         </a>
@@ -79 +79 @@
         <a href="/admin" class="profile-sheet-item" role="menuitem" data-close-sheet>
           <svg class="psi-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 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z"/></svg>
-          <span class="psi-label">Beheer</span>
+          <span class="psi-label"><%= t('nav.admin') %></span>
           <svg class="psi-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg>
         </a>
@@ -90 +90 @@
            hx-push-url="<%= _base %>/posts/new" hx-indicator="#pcms-loading">
           <svg class="psi-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
-          <span class="psi-label">Nieuwe post</span>
+          <span class="psi-label"><%= t('nav.new_post') %></span>
           <svg class="psi-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg>
         </a>
@@ -104 +104 @@
         <button type="button" class="profile-sheet-item" id="profile-sheet-theme" role="menuitemcheckbox">
           <svg class="psi-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></svg>
-          <span class="psi-label">Thema</span>
-          <span class="psi-meta" id="profile-sheet-theme-state">Donker</span>
+          <span class="psi-label"><%= t('nav.theme_label') %></span>
+          <span class="psi-meta" id="profile-sheet-theme-state"><%= t('nav.dark') %></span>
         </button>
       </li>
@@ -117 +117 @@
         <a href="/auth/logout" class="profile-sheet-item is-destructive" role="menuitem">
           <svg class="psi-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>
-          <span class="psi-label">Uitloggen</span>
+          <span class="psi-label"><%= t('nav.logout') %></span>
         </a>
       </li>
@@ -409 +409 @@
     if (!themeLbl) return;
     const t = document.documentElement.getAttribute('data-theme') || 'dark';
-    themeLbl.textContent = t === 'dark' ? 'Donker' : 'Licht';
+    themeLbl.textContent = t === 'dark' ? '<%= t('nav.dark') %>' : '<%= t('nav.light') %>';
   }
   if (themeBtn) {