wangjia
6e99e32285
实现「一个二进制三个监听」中的管理端：
- 独立监听 ADMIN_LISTEN（默认 127.0.0.1:9443，FromEnv 拒绝 0.0.0.0/:: 等公网绑定）
- 中间件链：mw_ipallow（CIDR 白名单，仅信任 RemoteAddr，默认内网段）→
mw_session（HttpOnly+Secure+SameSite=Strict cookie，Redis 30min 滑动 TTL）
- 登录双因素：argon2id 密码 + RFC6238 TOTP；失败限流与临时锁定；
TOTP 密钥 AES-GCM 加密入库；migration 000008 增补 admins 表；
首个管理员由 cmd/adminctl create 创建（终端输出 otpauth URI/Secret）
- 功能三块（html/template + embed 静态资源，原生 JS 二次确认）：
1. 码批次：表单生成→明文仅在本次 CSV 下载出现（不落盘/不入日志）；
批次列表 + 整批作废（复用 #3 codes，新增 Store.ListBatches/VoidBatch）
2. 节点操作：列表 + 近期 node_events；replace 经 #14 ProvisionService、
draining/up 经 #5 Lifecycle（二者未就绪→注入 stub，UI 置灰）；二次确认 + CSRF
3. audit_log 查看：actor/action/target/时间范围过滤分页；同页查 node_events
- 所有写操作写 audit_log（actor=用户名，meta 不含明文）；管理端仅记安全事件
（登录失败/锁定/白名单拦截），不记常规访问日志
- internal/totp 复用包（与 doc/05 用户中心 2FA 同算法，纯标准库）
测试：totp RFC6238 向量、argon2/AES 往返、白名单放行/拦截、会话滑动过期、
登录成功/密码错/TOTP 错/未知用户/锁定、批次 CSV 含明文且 audit 不泄露、
作废/节点操作的二次确认与 CSRF 缺失被拒、mock 断言 service 调用参数、审计过滤。
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
46 lines
3.4 KiB
CSS
46 lines
3.4 KiB
CSS
:root { --fg:#1c2230; --muted:#7a8294; --line:#e2e6ee; --accent:#2d5bd7; --danger:#c0392b; --warn:#b7791f; }
|
|
* { box-sizing: border-box; }
|
|
body { margin:0; font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif; color:var(--fg); background:#f5f6f9; }
|
|
body.centered { display:flex; min-height:100vh; align-items:center; justify-content:center; }
|
|
a { color:var(--accent); text-decoration:none; }
|
|
a:hover { text-decoration:underline; }
|
|
.topbar { display:flex; align-items:center; gap:24px; padding:10px 20px; background:#fff; border-bottom:1px solid var(--line); }
|
|
.brand { font-weight:700; }
|
|
.topbar nav { display:flex; gap:16px; flex:1; }
|
|
.topbar nav a.on { font-weight:700; color:var(--fg); }
|
|
.who { color:var(--muted); display:flex; align-items:center; gap:8px; }
|
|
main { max-width:1100px; margin:24px auto; padding:0 20px; }
|
|
h1 { font-size:20px; } h2 { font-size:16px; }
|
|
.card { background:#fff; border:1px solid var(--line); border-radius:8px; padding:16px 20px; margin-bottom:20px; }
|
|
.card.login { width:340px; }
|
|
form label { display:block; margin:10px 0; font-size:13px; color:var(--muted); }
|
|
form input, form select { display:block; width:100%; margin-top:4px; padding:8px 10px; border:1px solid var(--line); border-radius:6px; font-size:14px; color:var(--fg); }
|
|
form.inline { display:inline; margin:0; }
|
|
form.inline input { width:auto; }
|
|
.filters { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; margin-bottom:16px; }
|
|
.filters label { margin:0; }
|
|
button { padding:8px 14px; border:0; border-radius:6px; background:var(--accent); color:#fff; cursor:pointer; font-size:14px; }
|
|
button:hover { filter:brightness(1.05); }
|
|
button:disabled { background:#c2c8d4; cursor:not-allowed; }
|
|
button.danger { background:var(--danger); }
|
|
button.link { background:none; color:var(--accent); padding:0; }
|
|
table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
|
|
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); font-size:13px; vertical-align:top; }
|
|
th { background:#fafbfd; color:var(--muted); font-weight:600; }
|
|
.muted { color:var(--muted); }
|
|
.meta { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; max-width:280px; word-break:break-all; }
|
|
.flash { background:#eef5ee; border:1px solid #cfe3cf; color:#2f6f37; padding:10px 20px; margin:0; }
|
|
.error { background:#fbeeec; border:1px solid #f0c8c2; color:var(--danger); padding:8px 10px; border-radius:6px; margin:10px 0; }
|
|
.warn { background:#fdf6e7; border:1px solid #f0e0b8; color:var(--warn); padding:10px 14px; border-radius:6px; margin-bottom:16px; }
|
|
.hint { color:var(--muted); font-size:12px; }
|
|
.ops { display:flex; gap:6px; flex-wrap:wrap; }
|
|
.pager { margin-top:12px; display:flex; gap:16px; align-items:center; }
|
|
.cards { list-style:none; padding:0; display:flex; gap:16px; flex-wrap:wrap; }
|
|
.cards a { display:block; background:#fff; border:1px solid var(--line); border-radius:8px; padding:16px 20px; min-width:180px; }
|
|
.cards strong { display:block; } .cards span { color:var(--muted); font-size:12px; }
|
|
.status { padding:2px 8px; border-radius:10px; font-size:12px; background:#eef0f5; }
|
|
.status-up { background:#e6f4ea; color:#1e7a3a; }
|
|
.status-draining { background:#fdf6e7; color:var(--warn); }
|
|
.status-down, .status-destroyed { background:#fbeeec; color:var(--danger); }
|
|
.ev { font-size:12px; }
|