Changeset 77b6fca in Klonkt

Timestamp:

06/20/2026 01:06:11 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

3fb8390

Parents:

254872f

Message:

ui(auth): clickable "Administrator?" box on public login → /auth/admin

On the public login page (Google-only for visitors) there is now a
clickable box that takes the admin to the password login (/auth/admin).

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

File:

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

src/views/pages/auth-login.ejs

@@ -63 +63 @@
     <div class="alert">Inloggen met Google is op deze site nog niet ingesteld.</div>
   <% } %>
+
+  <% if (!_admin) { %>
+    <%# Klikbare box voor de beheerder → naar de verborgen wachtwoord-login. %>
+    <a class="auth-admin-box" href="/auth/admin<%= (typeof next !== 'undefined' && next) ? '?next=' + encodeURIComponent(next) : '' %>">
+      <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>
+      </span>
+      <span class="auth-admin-box-arrow" aria-hidden="true">&rarr;</span>
+    </a>
+  <% } %>
 </div>
 
@@ -73 +85 @@
   .auth-notice-list li { margin: 4px 0; }
   .auth-sub { color: var(--ink-muted); margin: 0 0 1rem; }
+  .auth-admin-box {
+    display: flex; align-items: center; gap: .75rem;
+    margin-top: 1.25rem; padding: .8rem 1rem;
+    border: 1px solid var(--rule); border-radius: 12px;
+    background: var(--paper-2); color: var(--ink); text-decoration: none;
+    transition: border-color 120ms, background 120ms;
+  }
+  .auth-admin-box:hover { border-color: var(--accent); background: var(--paper); }
+  .auth-admin-box-icon { font-size: 1.3rem; }
+  .auth-admin-box-text { display: flex; flex-direction: column; line-height: 1.3; flex: 1; }
+  .auth-admin-box-text small { color: var(--ink-muted); font-size: .8rem; }
+  .auth-admin-box-arrow { color: var(--ink-muted); font-size: 1.1rem; }
 </style>