feat: add auth and dual-stack tls management

2026-05-07 00:20:44 +08:00
parent cc19ee1936
commit fdec8960c2
24 changed files with 3005 additions and 312 deletions
@@ -0,0 +1,71 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>系统登录</title>
+    <link rel="stylesheet" href="/styles.css">
+  </head>
+  <body>
+    <main class="shell shell-auth">
+      <section class="hero hero-compact">
+        <div>
+          <p class="eyebrow">Authentication</p>
+          <h1 id="authHeading">系统登录</h1>
+        </div>
+        <p id="authLead" class="lead">
+          登录后才能访问数据源管理、增强任务、视频预览和文件下载。首次启用时，需要先设置管理员账号。
+        </p>
+      </section>
+
+      <div id="feedback" class="feedback" hidden></div>
+
+      <section class="auth-layout">
+        <div class="panel stack-gap">
+          <div class="panel-header">
+            <div>
+              <p class="section-label">Account</p>
+              <h2 id="authFormTitle">正在检查系统状态...</h2>
+            </div>
+          </div>
+
+          <div id="authSummary" class="summary-card">正在读取认证状态...</div>
+
+          <form id="loginForm" class="secret-form" hidden>
+            <label>
+              <span>用户名</span>
+              <input id="loginUsername" name="username" type="text" autocomplete="username">
+            </label>
+            <label>
+              <span>密码</span>
+              <input id="loginPassword" name="password" type="password" autocomplete="current-password">
+            </label>
+            <div class="form-actions">
+              <button id="loginButton" class="primary-button" type="submit">登录</button>
+            </div>
+          </form>
+
+          <form id="setupForm" class="secret-form" hidden>
+            <label>
+              <span>管理员用户名</span>
+              <input id="setupUsername" name="username" type="text" autocomplete="username">
+            </label>
+            <label>
+              <span>管理员密码</span>
+              <input id="setupPassword" name="password" type="password" autocomplete="new-password">
+            </label>
+            <label>
+              <span>再次输入密码</span>
+              <input id="setupPasswordConfirm" name="passwordConfirm" type="password" autocomplete="new-password">
+            </label>
+            <div class="form-actions">
+              <button id="setupButton" class="primary-button" type="submit">完成初始化并登录</button>
+            </div>
+          </form>
+        </div>
+      </section>
+    </main>
+
+    <script type="module" src="/login.js"></script>
+  </body>
+</html>