Changeset f4b7b6a in Klonkt for src/views/pages/auth-login.ejs

Timestamp:

06/19/2026 09:31:54 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

1e2e9e7

Parents:

1080d14

Message:

feat(auth): public login = Google only; admin login hidden at /auth/admin

• /auth/login shows visitors only "Sign in with Google" (listeners/fans).
• Admin login (username/password) moved to hidden /auth/admin, linked from nowhere. POST errors + password-reset success redirect to /auth/admin.
• gerr=admin notice (Google with admin address) now links to /auth/admin.

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

File:

• src/views/pages/auth-login.ejs (modified) (5 diffs)

src/views/pages/auth-login.ejs

@@ +1 @@
+<%
+  // adminLogin = de verborgen beheerders-loginpagina (/auth/admin): toont het
+  // gebruikersnaam/wachtwoord-formulier. De publieke /auth/login toont voor
+  // bezoekers ALLEEN Google-login (luisteraars/fans). Zo staat de admin-login
+  // niet zichtbaar op de plek waar bezoekers heen gestuurd worden.
+  var _admin = (typeof adminLogin !== 'undefined' && adminLogin);
+%>
 <div class="container auth-page">
-  <h1>Inloggen</h1>
+  <h1><%= _admin ? 'Beheerder inloggen' : 'Inloggen' %></h1>
   <% if (typeof success !== 'undefined' && success) { %><div class="alert alert-success"><%= success %></div><% } %>
   <%
@@ -6 +13 @@
       admin: { icon: '🔐', title: 'Dit is een beheerders-account',
         body: 'Je logde in met Google, maar dit e-mailadres hoort bij de beheerder van deze site. Inloggen met Google is alleen voor luisteraars/fans — beheerders gebruiken altijd hun wachtwoord (zo kan een Google-login nooit per ongeluk beheerrechten geven).',
-        list: ['<strong>Ben je de beheerder?</strong> Log hieronder in met je <strong>gebruikersnaam + wachtwoord</strong>.', '<strong>Wil je als fan inloggen?</strong> Gebruik een <strong>ander Google-account</strong> (niet je beheerdersadres).'] },
+        list: ['<strong>Ben je de beheerder?</strong> <a href="/auth/admin">Log in met je gebruikersnaam + wachtwoord</a>.', '<strong>Wil je als fan inloggen?</strong> Gebruik een <strong>ander Google-account</strong> (niet je beheerdersadres).'] },
       session: { icon: '⏱️', title: 'Login afgebroken', body: 'De Google-login is afgebroken of de sessie was verlopen. Probeer het gewoon opnieuw.' },
-      email: { icon: '✉️', title: 'Geen geverifieerd e-mailadres', body: 'Je Google-account heeft geen geverifieerd e-mailadres. Verifieer je adres bij Google, of log in met je wachtwoord.' },
+      email: { icon: '✉️', title: 'Geen geverifieerd e-mailadres', body: 'Je Google-account heeft geen geverifieerd e-mailadres. Verifieer je adres bij Google.' },
       linked: { icon: '🔗', title: 'Adres al gekoppeld', body: 'Dit e-mailadres is al aan een ander Google-account gekoppeld. Gebruik dat account, of neem contact op met de beheerder.' },
-      unavailable: { icon: '🚫', title: 'Google-login niet beschikbaar', body: 'Inloggen met Google is op deze site (nog) niet ingesteld. Log in met je gebruikersnaam en wachtwoord.' },
+      unavailable: { icon: '🚫', title: 'Google-login niet beschikbaar', body: 'Inloggen met Google is op deze site (nog) niet ingesteld.' },
       failed: { icon: '⚠️', title: 'Google-login mislukt', body: 'Er ging iets mis bij het inloggen met Google. Probeer het opnieuw.' },
     };
@@ -24 +31 @@
   <% } else if (error) { %><div class="alert alert-error"><%= error %></div><% } %>
 
-  <form method="post" action="/auth/login" class="auth-form">
-    <% if (typeof next !== 'undefined' && next) { %>
-      <input type="hidden" name="next" value="<%= next %>">
-    <% } %>
-    <label>
-      <span>Gebruikersnaam of e-mail</span>
-      <input type="text" name="username" value="<%= username %>" required autofocus autocomplete="username">
-    </label>
-    <label>
-      <span>Wachtwoord</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>
-  </form>
-
-  <% if (googleReady) { %>
-    <div class="auth-divider"><span>of als luisteraar</span></div>
+  <% if (_admin) { %>
+    <%# Verborgen beheerders-login (wachtwoord). %>
+    <form method="post" action="/auth/login" class="auth-form">
+      <% if (typeof next !== 'undefined' && next) { %>
+        <input type="hidden" name="next" value="<%= next %>">
+      <% } %>
+      <label>
+        <span>Gebruikersnaam of e-mail</span>
+        <input type="text" name="username" value="<%= username %>" required autofocus autocomplete="username">
+      </label>
+      <label>
+        <span>Wachtwoord</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>
+    </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>
     <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">
@@ -51 +60 @@
       <span>Inloggen met Google</span>
     </a>
+  <% } else { %>
+    <div class="alert">Inloggen met Google is op deze site nog niet ingesteld.</div>
   <% } %>
 </div>
@@ -61 +72 @@
   .auth-notice-list { margin: 0; padding-left: 18px; line-height: 1.6; }
   .auth-notice-list li { margin: 4px 0; }
+  .auth-sub { color: var(--ink-muted); margin: 0 0 1rem; }
 </style>