Changeset 5e61b17 in Klonkt for src/views/pages

Timestamp:

06/21/2026 03:16:51 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

11b3ba5

Parents:

4885eab

Message:

feat(i18n): admin-configurable language — personal + default for visitors

• users.lang column: personal interface language per account (follows across devices/sessions). Switcher (/lang/:code) and Account select both write it.
• app_setting default_lang: admin picks the default language for visitors in Admin → Settings (overrides env/browser; empty = automatic).
• resolveLang priority: session choice → users.lang → default_lang (DB) → env KLONKT_DEFAULT_LANG → browser → nl.
• Account: language select; admin-settings: default language select. NL/EN/DE keys.

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

Location:

src/views/pages

Files:

• account.ejs (modified) (1 diff)
• admin-settings.ejs (modified) (1 diff)

src/views/pages/account.ejs

@@ -90 +90 @@
   </section>
 
+  <%# ── PERSOONLIJKE TAAL ───────────────────────────────────── %>
+  <% if (canMutate) { %>
+  <section class="ax-card">
+    <div class="ax-card-title"><%= t('acct.lang_label') %></div>
+    <form action="/account/lang" method="post" class="ax-form">
+      <label class="ax-field">
+        <span><%= t('acct.lang_label') %> <small><%= t('acct.lang_hint') %></small></span>
+        <select name="lang">
+          <% langs.forEach(function(l){ var sel = (account && account.lang) ? (account.lang === l.code) : l.active; %>
+            <option value="<%= l.code %>"<%= sel ? ' selected' : '' %>><%= l.name %></option>
+          <% }); %>
+        </select>
+      </label>
+      <div class="ax-form-actions">
+        <button type="submit" class="ax-btn ax-btn-primary"><%= t('acct.save') %></button>
+      </div>
+    </form>
+  </section>
+  <% } %>
+
   <%# ── SITE (eigenaar mag de naam van z'n site aanpassen) ── %>
   <% if (typeof editableSite !== 'undefined' && editableSite && canMutate) { %>

src/views/pages/admin-settings.ejs

@@ -35 +35 @@
           <small><%= t('aset.circle_desc') %></small>
         </span>
+      </label>
+      <button type="submit" class="btn btn-primary"><%= t('aset.save') %></button>
+    </form>
+  </section>
+
+  <%# ── Standaardtaal voor bezoekers ── %>
+  <section class="set-card" style="margin-top:1rem">
+    <h2><%= t('aset.default_lang') %></h2>
+    <p class="set-help"><%= t('aset.default_lang_hint') %></p>
+    <form method="post" action="/admin/settings" class="set-form">
+      <label class="set-field">
+        <span><%= t('aset.default_lang') %></span>
+        <select name="default_lang">
+          <option value=""<%= !defaultLang ? ' selected' : '' %>><%= t('aset.default_lang_auto') %></option>
+          <% langs.forEach(function(l){ %>
+            <option value="<%= l.code %>"<%= defaultLang === l.code ? ' selected' : '' %>><%= l.name %></option>
+          <% }); %>
+        </select>
       </label>
       <button type="submit" class="btn btn-primary"><%= t('aset.save') %></button>