Changeset 137cca5 in Klonkt for src/views/pages

Timestamp:

06/21/2026 11:35:49 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

fe86013

Parents:

bffb348

Message:

feat(i18n phase 3): welcome/first-run, login, register, bottom-tab translated

NL/EN/DE keys + views: welcome.ejs, auth-register.ejs, auth-login.ejs (common
strings; Google error map still NL), bottom-tab.ejs. The most visible visitor
pages of a fresh (German) site are now translated.

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

Location:

src/views/pages

Files:

• auth-login.ejs (modified) (4 diffs)
• auth-register.ejs (modified) (2 diffs)
• welcome.ejs (modified) (1 diff)

src/views/pages/auth-login.ejs

@@ -7 +7 @@
 %>
 <div class="container auth-page">
-  <h1><%= _admin ? 'Beheerder inloggen' : 'Inloggen' %></h1>
+  <h1><%= _admin ? t('auth.admin_login_title') : t('nav.login') %></h1>
   <% if (typeof success !== 'undefined' && success) { %><div class="alert alert-success"><%= success %></div><% } %>
   <%
@@ -38 +38 @@
       <% } %>
       <label>
-        <span>Gebruikersnaam of e-mail</span>
+        <span><%= t('auth.username_or_email') %></span>
         <input type="text" name="username" value="<%= username %>" required autofocus autocomplete="username">
       </label>
       <label>
-        <span>Wachtwoord</span>
+        <span><%= t('auth.password') %></span>
         <input type="password" name="password" required autocomplete="current-password">
       </label>
-      <button type="submit" class="btn btn-primary">Inloggen</button>
-      <p class="auth-link auth-link-muted"><a href="/auth/reset-request">Wachtwoord vergeten?</a></p>
+      <button type="submit" class="btn btn-primary"><%= t('nav.login') %></button>
+      <p class="auth-link auth-link-muted"><a href="/auth/reset-request"><%= t('auth.forgot') %></a></p>
     </form>
   <% } else if (googleReady) { %>
     <%# Publieke login: alleen Google, voor luisteraars/fans. %>
-    <p class="auth-sub">Log in om te reageren en je favorieten te bewaren.</p>
+    <p class="auth-sub"><%= t('auth.public_sub') %></p>
     <a class="btn btn-google" href="/auth/google<%= (typeof next !== 'undefined' && next) ? '?next=' + encodeURIComponent(next) : '' %>">
       <svg class="g-icon" width="18" height="18" viewBox="0 0 18 18" aria-hidden="true">
@@ -58 +58 @@
         <path fill="#EA4335" d="M9 3.58c1.32 0 2.5.45 3.44 1.35l2.58-2.58A9 9 0 0 0 .96 4.95l3.01 2.33C4.68 5.16 6.66 3.58 9 3.58z"/>
       </svg>
-      <span>Inloggen met Google</span>
+      <span><%= t('auth.google_btn') %></span>
     </a>
   <% } else { %>
-    <div class="alert">Inloggen met Google is op deze site nog niet ingesteld.</div>
+    <div class="alert"><%= t('auth.google_unavail') %></div>
   <% } %>
 
@@ -69 +69 @@
       <span class="auth-admin-box-icon" aria-hidden="true">🔑</span>
       <span class="auth-admin-box-text">
-        <strong>Beheerder?</strong>
-        <small>Log in met gebruikersnaam &amp; wachtwoord</small>
+        <strong><%= t('auth.admin_box_q') %></strong>
+        <small><%= t('auth.admin_box_sub') %></small>
       </span>
       <span class="auth-admin-box-arrow" aria-hidden="true">&rarr;</span>

src/views/pages/auth-register.ejs

@@ -1 +1 @@
 <div class="container auth-page">
-  <h1>Beheerder aanmaken</h1>
-  <p class="auth-intro">Eerste keer opzetten — maak je beheerdersaccount aan. Dit kan maar één keer.</p>
+  <h1><%= t('auth.create_admin') %></h1>
+  <p class="auth-intro"><%= t('auth.reg_intro') %></p>
   <% if (error) { %><div class="alert alert-error"><%= error %></div><% } %>
   <form method="post" action="/auth/register" class="auth-form">
@@ -8 +8 @@
     <% } %>
     <label>
-      <span>Gebruikersnaam (3-32 tekens, letters/cijfers/_-)</span>
+      <span><%= t('auth.f_username') %></span>
       <input type="text" name="username" value="<%= username %>" required autofocus autocomplete="username" pattern="[a-zA-Z0-9_-]{3,32}">
     </label>
     <label>
-      <span>E-mail</span>
+      <span><%= t('auth.f_email') %></span>
       <input type="email" name="email" value="<%= email %>" required autocomplete="email">
     </label>
     <label>
-      <span>Wachtwoord (min 8 tekens)</span>
+      <span><%= t('auth.f_password') %></span>
       <input type="password" name="password" required minlength="8" autocomplete="new-password">
     </label>
-    <button type="submit" class="btn btn-primary">Beheerder aanmaken</button>
+    <button type="submit" class="btn btn-primary"><%= t('auth.create_admin') %></button>
   </form>
 </div>

src/views/pages/welcome.ejs

@@ -1 +1 @@
 <div class="container welcome-page">
-  <h1>Welcome to Klonkt</h1>
-  <p class="welcome-tagline">A self-hosted publishing platform.</p>
-  
+  <h1><%= t('welcome.title') %></h1>
+  <p class="welcome-tagline"><%= t('welcome.tagline') %></p>
+
   <% if (!user) { %>
     <div class="welcome-actions">
-      <a href="/auth/register" class="btn btn-primary">Beheerder aanmaken</a>
-      <a href="/auth/login" class="btn">Al een account? Inloggen</a>
+      <a href="/auth/register" class="btn btn-primary"><%= t('auth.create_admin') %></a>
+      <a href="/auth/login" class="btn"><%= t('welcome.have_account') %></a>
     </div>
-    <p class="welcome-note">Maak je beheerdersaccount aan om te beginnen — daarna is registratie gesloten.</p>
+    <p class="welcome-note"><%= t('welcome.note') %></p>
   <% } else { %>
-    <p>Hi <%= user.username %>! No site is configured yet.</p>
+    <p><%= t('welcome.nosite', { user: user.username }) %></p>
   <% } %>
 </div>