feat(web): 平台多语言运行时（i18n，档案 81 · R5）
⚠️ 本提交是**另一执行会话**已完成、且**已上线**的源码侧改动，由本会话代为入库 （线上 https://alotbuy.com/login.html 已引用 /i18n.js）。 - web/i18n.js（新增 276 行）：词条表 + data-i18n / data-i18n-attr 就地替换。 口径（用户定）：**这个项目是全球化的 ⇒ 默认语言 = 英语**； 优先级 ?lang= → cookie `dsh_lang` → navigator.language（**仅命中支持列表才用**）→ `en`； ⚠️ cookie 名不得含平台内部名（verify-static 的 BANNED 去痕迹约束会拦）。 - web/{index,login,register,wake}.html：接入 <script src="/i18n.js"> + 文案打标 + 页脚语言下拉（中性样式、不新增页面）。 - scripts/verify-static.mjs：新增「**已迁移多语言的页面不得再出现裸中文文案**」 —— I18N_PAGES 白名单（迁一页加一个，未迁页仍允许中文，不会误拦）； 判定前先剥掉 HTML/JS 注释（注释不算文案）。 - scripts/verify-platform-admin-section.mjs：随「偏好设置 = 语言切换（全角色）」新增分区数断言 （admin 4 个分区 / 非 admin 3 个；切换走官方 ctx.locale.setLocale，语言 id 与官方 LOCALE_IDS 一致）。 验证：node scripts/verify-static.mjs ✓ ｜ node scripts/verify-platform-admin-section.mjs ✓（本会话复核已跑通）
This commit is contained in:
admin committed
1 parent
39a1f2e31b
commit
b617cdbaa7
7 files changed
+407
-56
No files matched your search
+40
-21
@@ -1,12 +1,14 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>登录</title>
|
||||
<title data-i18n="login.title">Sign in</title>
|
||||
<link rel="icon" href="/logo.svg" />
|
||||
<link rel="stylesheet" href="/design.css" />
|
||||
<link rel="stylesheet" href="/auth-ui.css" />
|
||||
<!-- 档案 81 · R5：平台多语言运行时（词条表 + data-i18n 就地替换；默认英语） -->
|
||||
<script src="/i18n.js"></script>
|
||||
<style>
|
||||
/* 档案 81 · R2-UI：提交忙碌态（点击后立刻可见；对齐 06-工作台UI规范 的按钮/圆角/主色） */
|
||||
.btn[disabled] { opacity: .72; cursor: not-allowed; }
|
||||
@@ -15,6 +17,11 @@
|
||||
border-top-color: #fff; border-radius: 50%; animation: btnsp .7s linear infinite; }
|
||||
@keyframes btnsp { to { transform: rotate(360deg); } }
|
||||
.msg { min-height: 20px; }
|
||||
/* 档案 81 · R5：语言切换（页脚式下拉，不新增页面；中性样式，不引外链） */
|
||||
.auth-lang { margin-top: 14px; display: flex; align-items: center; justify-content: center; gap: 8px; }
|
||||
.auth-lang .i18n-lang-label { font-size: 13px; opacity: .72; }
|
||||
.auth-lang .i18n-lang { font-size: 13px; padding: 3px 8px; border-radius: 6px; cursor: pointer;
|
||||
border: 1px solid rgba(0,0,0,.16); background: transparent; color: inherit; }
|
||||
@media (prefers-reduced-motion: reduce) { .btn .sp { animation: none; } }
|
||||
</style>
|
||||
</head>
|
||||
@@ -24,26 +31,31 @@
|
||||
<img class="logo" src="/logo.svg" alt="logo" />
|
||||
<span class="wordmark"><svg viewBox="0 0 131 24" fill="currentColor" fill-rule="evenodd" xmlns="http://www.w3.org/2000/svg"><title>DeepSeek</title><path d="M117.986 0h-3.21v19.404h3.21V0zM8.7 5.215h1.83v2.838H8.7c-1.135 0-2.28.282-3.019 1.068-.738.785-1.016 1.99-1.016 3.194s.267 2.408 1.016 3.193c.75.786 1.884 1.068 3.018 1.068 1.135 0 2.28-.282 3.018-1.068.739-.785 1.017-1.99 1.017-3.193V.649h3.21v18.755h-3.21V18.21h-.589a3.498 3.498 0 01-.192.199c-.803.733-2.034.995-3.243.995-1.894 0-3.788-.472-5.03-1.78C2.44 16.314 2 14.303 2 12.303c0-2 .45-4 1.68-5.32 1.242-1.308 3.136-1.77 5.02-1.77zM57.564 18.9h-1.83v-2.837h1.83c1.134 0 2.28-.283 3.017-1.068.739-.785 1.017-1.99 1.017-3.194s-.267-2.408-1.017-3.194c-.749-.785-1.883-1.068-3.017-1.068s-2.28.283-3.018 1.068c-.738.786-1.017 1.99-1.017 3.194v11.655h-3.21V4.712h3.21v1.194h.59a3.42 3.42 0 01.186-.194l.005-.005c.803-.733 2.034-.995 3.243-.995 1.895 0 3.788.471 5.03 1.78 1.241 1.31 1.68 3.32 1.68 5.32 0 2-.45 4-1.68 5.319-1.23 1.32-3.135 1.77-5.019 1.77zM32.05 13.204v-1.14c0-2.064-.46-4.137-1.754-5.498-1.285-1.362-3.264-1.843-5.223-1.843-1.958 0-3.928.492-5.222 1.843-1.295 1.35-1.755 3.434-1.755 5.497 0 2.063.47 4.136 1.755 5.498 1.284 1.36 3.264 1.843 5.222 1.843 1.959 0 3.938-.493 5.223-1.843.663-.692 1.102-1.582 1.38-2.566h-3.168a5.026 5.026 0 01-.3.367c-.77.816-1.958 1.11-3.135 1.11-1.177 0-2.365-.304-3.136-1.11-.77-.807-1.048-2.063-1.048-3.299 0-1.236.278-2.482 1.049-3.298.77-.817 1.958-1.11 3.135-1.11 1.177 0 2.365.293 3.136 1.11.535.565.834 1.34.963 2.167H23.5v2.272h8.55zM48.168 12.063v1.141h-8.55v-2.272h5.671c-.129-.827-.428-1.602-.963-2.167-.77-.817-1.959-1.11-3.136-1.11s-2.365.293-3.136 1.11c-.77.816-1.049 2.063-1.049 3.298 0 1.236.279 2.492 1.05 3.299.77.806 1.958 1.11 3.135 1.11 1.177 0 2.365-.294 3.136-1.11.107-.116.203-.241.299-.367h3.168c-.278.985-.717 1.874-1.38 2.566-1.285 1.35-3.264 1.843-5.223 1.843s-3.938-.482-5.222-1.843c-1.285-1.362-1.756-3.435-1.756-5.498s.46-4.147 1.755-5.497c1.296-1.351 3.264-1.843 5.223-1.843s3.938.481 5.222 1.843c1.296 1.36 1.756 3.434 1.756 5.497zM78.635 18.315c-1.284.806-3.263 1.089-5.222 1.089-1.958 0-3.917-.294-5.212-1.09-1.295-.795-1.755-2.03-1.755-3.246h3.767c0 .472.225.953.824 1.257.6.304 1.54.419 2.462.419.92 0 1.851-.115 2.46-.42.611-.303.825-.784.825-1.256 0-.47-.214-.952-.824-1.256-.61-.304-1.627-.419-2.547-.419-1.777 0-3.563-.293-4.73-1.09-1.167-.795-1.584-2.03-1.584-3.245 0-1.215.417-2.44 1.584-3.246 1.167-.807 2.953-1.09 4.73-1.09 1.776 0 3.564.294 4.73 1.09 1.167.795 1.584 2.031 1.584 3.246h-3.264c0-.471-.203-.942-.749-1.257-.546-.303-1.391-.419-2.226-.419s-1.68.105-2.226.42c-.556.303-.75.785-.75 1.256 0 .47.204.942.75 1.256.545.304 1.316.42 2.151.42 1.959 0 3.938.292 5.222 1.088 1.295.796 1.756 2.032 1.756 3.246 0 1.215-.471 2.44-1.756 3.247zM96.507 12.063v1.141h-8.55v-2.272h5.672c-.129-.827-.429-1.602-.963-2.167-.771-.817-1.959-1.11-3.136-1.11s-2.366.293-3.136 1.11c-.77.816-1.048 2.063-1.048 3.298 0 1.236.278 2.492 1.048 3.299.77.806 1.959 1.11 3.135 1.11 1.178 0 2.366-.294 3.137-1.11.106-.116.203-.241.3-.367h3.167c-.279.985-.717 1.874-1.38 2.566-1.284 1.35-3.265 1.843-5.224 1.843-1.957 0-3.938-.482-5.222-1.843-1.284-1.362-1.754-3.435-1.754-5.498s.46-4.147 1.754-5.497c1.296-1.351 3.265-1.843 5.222-1.843 1.96 0 3.94.481 5.224 1.843 1.294 1.36 1.754 3.434 1.754 5.497zM112.624 13.204v-1.14c0-2.064-.46-4.137-1.754-5.498-1.285-1.362-3.265-1.843-5.223-1.843-1.959 0-3.928.492-5.222 1.843-1.296 1.35-1.756 3.434-1.756 5.497 0 2.063.471 4.136 1.756 5.498 1.284 1.36 3.263 1.843 5.222 1.843 1.958 0 3.938-.493 5.223-1.843.663-.692 1.102-1.582 1.38-2.566h-3.168l-.012.016c-.093.12-.185.24-.288.35-.77.817-1.957 1.11-3.135 1.11-1.177 0-2.365-.303-3.136-1.11-.77-.806-1.049-2.062-1.049-3.298 0-1.236.279-2.482 1.049-3.298.771-.817 1.959-1.11 3.136-1.11 1.178 0 2.365.293 3.135 1.11.536.565.836 1.34.964 2.167h-5.672v2.272h8.55zM128.73 19.404l-5.264-7.78 5.264-6.252h-3.97l-5.265 6.251 5.265 7.78h3.97z"/></svg></span>
|
||||
</div>
|
||||
<p class="auth-sub">登录进入AI世界</p>
|
||||
<p class="auth-sub" data-i18n="login.sub">Welcome to the AI world</p>
|
||||
|
||||
<form id="login">
|
||||
<div class="field">
|
||||
<label for="username">用户名</label>
|
||||
<label for="username" data-i18n="login.username">Username</label>
|
||||
<input id="username" name="username" autocomplete="username" required />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="password">密码</label>
|
||||
<label for="password" data-i18n="login.password">Password</label>
|
||||
<div class="pw-wrap">
|
||||
<input id="password" name="password" type="password" autocomplete="current-password" required />
|
||||
<button class="pw-toggle" type="button" id="pwToggle" aria-label="显示密码" aria-pressed="false">显示</button>
|
||||
<button class="pw-toggle" type="button" id="pwToggle" data-i18n="common.show"
|
||||
data-i18n-attr="aria-label:common.showPw" aria-label="Show password" aria-pressed="false">Show</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn primary" type="submit">登 录</button>
|
||||
<button class="btn primary" type="submit" data-i18n="login.submit">Sign in</button>
|
||||
|
||||
<p class="msg" id="msg"></p>
|
||||
</form>
|
||||
|
||||
<p class="auth-alt">还没有账号？<a href="/register.html">注册</a></p>
|
||||
<p class="auth-alt"><span data-i18n="login.noAccount">Don't have an account?</span>
|
||||
<a href="/register.html" data-i18n="login.register">Sign up</a></p>
|
||||
|
||||
<!-- 档案 81 · R5：语言切换（默认英语；切换写 cookie dsh_lang 后重载） -->
|
||||
<div class="auth-lang"><div data-i18n-switch="label"></div></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
@@ -55,8 +67,8 @@
|
||||
pwBtn.addEventListener('click', () => {
|
||||
const show = pwInput.type === 'password'
|
||||
pwInput.type = show ? 'text' : 'password'
|
||||
pwBtn.textContent = show ? '隐藏' : '显示'
|
||||
pwBtn.setAttribute('aria-label', show ? '隐藏密码' : '显示密码')
|
||||
pwBtn.textContent = I18N.t(show ? 'common.hide' : 'common.show')
|
||||
pwBtn.setAttribute('aria-label', I18N.t(show ? 'common.hidePw' : 'common.showPw'))
|
||||
pwBtn.setAttribute('aria-pressed', String(show))
|
||||
pwInput.focus()
|
||||
})
|
||||
@@ -72,7 +84,7 @@
|
||||
if (!btn.dataset.idle) btn.dataset.idle = btn.innerHTML
|
||||
btn.disabled = true
|
||||
btn.classList.add('is-busy')
|
||||
btn.innerHTML = '<span class="sp"></span><span>' + (label || '处理中…') + '</span>'
|
||||
btn.innerHTML = '<span class="sp"></span><span>' + (label || I18N.t('common.busy')) + '</span>'
|
||||
} else {
|
||||
btn.disabled = false
|
||||
btn.classList.remove('is-busy')
|
||||
@@ -83,7 +95,7 @@
|
||||
event.preventDefault()
|
||||
msg.textContent = ''
|
||||
msg.className = 'msg err'
|
||||
setBusy(true, '登录中…')
|
||||
setBusy(true, I18N.t('login.signingIn'))
|
||||
const res = await fetch('/api/auth/login', {
|
||||
method: 'POST',
|
||||
headers: { 'content-type': 'application/json' },
|
||||
@@ -92,16 +104,16 @@
|
||||
if (!res.ok) {
|
||||
const body = await res.json().catch(() => ({}))
|
||||
msg.textContent =
|
||||
body.error === 'pending_review' ? '账号待管理员审核'
|
||||
: body.error === 'disabled' ? '账号已被禁用'
|
||||
: '用户名或密码错误'
|
||||
body.error === 'pending_review' ? I18N.t('login.errPending')
|
||||
: body.error === 'disabled' ? I18N.t('login.errDisabled')
|
||||
: I18N.t('login.errBadCreds')
|
||||
setBusy(false)
|
||||
return
|
||||
}
|
||||
const body = await res.json()
|
||||
const role = body && body.user ? body.user.role : null
|
||||
// 所有用户（admin/active）登录后统一直达 DSH 会话窗口
|
||||
setBusy(true, '正在进入工作台…')
|
||||
setBusy(true, I18N.t('login.entering'))
|
||||
try {
|
||||
const r = await fetch('/api/dsh/enter', { method: 'POST' })
|
||||
const b = await r.json().catch(() => ({}))
|
||||
@@ -111,14 +123,21 @@
|
||||
}
|
||||
// 失败兜底：admin 可手动进管理台 /portal.html
|
||||
const errText =
|
||||
b.error === 'instance_starting' ? '实例正在启动，请稍后重试'
|
||||
b.error === 'instance_starting' ? I18N.t('login.errStarting')
|
||||
: (b.error ?? 'HTTP ' + r.status)
|
||||
msg.innerHTML =
|
||||
'进入工作台失败：' + errText +
|
||||
(role === 'admin' ? '（<a href="/portal.html">前往管理台</a>）' : '')
|
||||
// 档案 81 · R5：不再用 innerHTML 拼文案（安全）；管理台入口用 DOM 组装
|
||||
msg.textContent = I18N.t('login.errEnter') + errText
|
||||
if (role === 'admin') {
|
||||
const link = document.createElement('a')
|
||||
link.href = '/portal.html'
|
||||
link.textContent = I18N.t('login.gotoAdmin')
|
||||
msg.appendChild(document.createTextNode('（'))
|
||||
msg.appendChild(link)
|
||||
msg.appendChild(document.createTextNode('）'))
|
||||
}
|
||||
setBusy(false)
|
||||
} catch {
|
||||
msg.textContent = '进入工作台失败：网络错误'
|
||||
msg.textContent = I18N.t('login.errNetwork')
|
||||
setBusy(false)
|
||||
}
|
||||
})
|
||||
|
||||
Reference in new issue
Block a user