Initial config with email service test

2026-08-25 23:23:28 +02:00
parent defe7a83a9
commit 102d8e533c
20 changed files with 482 additions and 34 deletions
@@ -47,6 +47,7 @@
          </label>
          <button type="submit">Sign in</button>
          <p id="login-status" class="status" role="status"></p>
+          <p><small>A mistyped password sends a reset link to your verified email address.</small></p>
        </form>
      </section>
    </main>
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!-- Copyright © 2026 Olaf Kolkman -->
+<!-- SPDX-License-Identifier: GPL-3.0-or-later -->
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Reset password - LinkLog</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="/static/style.css" />
+  </head>
+  <body>
+    <main class="container">
+      <section class="link-item settings-panel">
+        <h1>Reset password</h1>
+        <form id="reset-password-form">
+          <label>New password<input name="password" type="password" minlength="8" autocomplete="new-password" required /></label>
+          <button type="submit">Reset password</button>
+          <p id="reset-password-status" class="status" role="status"></p>
+        </form>
+      </section>
+    </main>
+    <script src="/static/reset-password.js"></script>
+  </body>
+</html>
@@ -29,13 +29,16 @@
          <label>Password<input name="password" type="password" autocomplete="new-password" minlength="8" required /></label>
          <h2>SMTP</h2>
          <label>SMTP host<input name="smtp_host" type="text" required /></label>
-          <label>SMTP port<input name="smtp_port" type="number" min="1" max="65535" value="587" required /></label>
+          <label>SMTP port<input name="smtp_port" type="number" min="1" max="65535" required /></label>
          <label>SMTP username<input name="smtp_username" type="text" autocomplete="off" /></label>
          <label>SMTP password<input name="smtp_password" type="password" autocomplete="new-password" /></label>
-          <label>From address<input name="smtp_from" type="text" value="LinkLog &lt;no-reply@example.com&gt;" required /></label>
-          <label class="checkbox-label"><input name="smtp_use_tls" type="checkbox" checked /> Use STARTTLS</label>
-          <button type="submit">Save and send test mail</button>
+          <label>From address<input name="smtp_from" type="text" required /></label>
+          <label class="checkbox-label"><input name="smtp_use_tls" type="checkbox" /> Use STARTTLS</label>
+          <button type="submit">Save configuration</button>
+          <button id="test-mail-button" type="button" disabled>Send test mail</button>
+          <button id="complete-setup-button" type="button" hidden>Complete setup</button>
          <p id="setup-status" class="status" role="status"></p>
+          <p id="setup-timer" class="status" role="timer" aria-live="polite"></p>
        </form>
      </section>
    </main>