dekun
bfa3352122
支持手动/每日自动备份四所数据库、K线库与 env，上传 zip 一键恢复；中控默认账号 admin/admin123。 Co-authored-by: Cursor <cursoragent@cursor.com>
167 lines
6.6 KiB
HTML
167 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN" data-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<script src="/assets/theme.js?v=20260604-hub-theme4"></script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<meta name="theme-color" content="#0b0e18" />
|
|
<meta name="apple-mobile-web-app-title" content="中控" />
|
|
<link rel="icon" href="/assets/icons/favicon.ico" sizes="32x32" />
|
|
<link rel="icon" href="/assets/icons/icon.svg" type="image/svg+xml" />
|
|
<link rel="apple-touch-icon" href="/assets/icons/apple-touch-icon.png" />
|
|
<link rel="manifest" href="/assets/icons/manifest.webmanifest" />
|
|
<title>登录 · 复盘系统中控</title>
|
|
<link rel="stylesheet" href="/assets/app.css?v=20260604-hub-theme4" />
|
|
</head>
|
|
<body class="login-page">
|
|
<div class="login-bg" aria-hidden="true"></div>
|
|
<div class="login-theme-bar">
|
|
<div class="theme-toggle" role="group" aria-label="界面主题">
|
|
<button type="button" class="theme-toggle-btn is-active" data-theme-value="dark" aria-pressed="true" title="暗色主题">
|
|
<svg class="theme-icon" viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
|
|
<path fill="currentColor" d="M12.1 3a9 9 0 1 0 8.9 11 6.5 6.5 0 1 1-8.9-11z"/>
|
|
</svg>
|
|
</button>
|
|
<button type="button" class="theme-toggle-btn" data-theme-value="light" aria-pressed="false" title="亮色主题">
|
|
<svg class="theme-icon" viewBox="0 0 24 24" width="18" height="18" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
|
|
<circle cx="12" cy="12" r="4"/>
|
|
<path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="login-panel">
|
|
<div class="login-brand">
|
|
<span class="brand-mark"></span>
|
|
<div>
|
|
<div class="login-title">复盘系统中控</div>
|
|
<div class="login-sub">CRYPTO MONITOR · COMMAND</div>
|
|
</div>
|
|
</div>
|
|
<form id="login-form" class="login-form" autocomplete="off">
|
|
<label class="field">
|
|
<span>用户名</span>
|
|
<input type="text" name="username" id="login-username" required autocomplete="off" autocapitalize="off" spellcheck="false" />
|
|
</label>
|
|
<label class="field">
|
|
<span>密码</span>
|
|
<input type="password" name="password" id="login-password" required autocomplete="new-password" />
|
|
</label>
|
|
<button type="submit" class="primary login-submit" id="login-submit">进入系统</button>
|
|
<p id="login-err" class="login-err" hidden></p>
|
|
<p id="login-hint" class="login-foot" hidden></p>
|
|
</form>
|
|
<p class="login-foot">默认账号 <code>admin</code> / <code>admin123</code>；可在 hub <code>.env</code> 修改 <code>HUB_USERNAME</code> / <code>HUB_PASSWORD</code></p>
|
|
</div>
|
|
<script>
|
|
(function () {
|
|
const form = document.getElementById("login-form");
|
|
const err = document.getElementById("login-err");
|
|
const hint = document.getElementById("login-hint");
|
|
const submitBtn = document.getElementById("login-submit");
|
|
const userInput = document.getElementById("login-username");
|
|
const params = new URLSearchParams(location.search);
|
|
const next = params.get("next") || "/monitor";
|
|
const inFrame = window.self !== window.top;
|
|
const isHttps = location.protocol === "https:";
|
|
|
|
if (inFrame) {
|
|
hint.hidden = false;
|
|
hint.textContent = isHttps
|
|
? "嵌入模式：登录成功后将自动写入会话。"
|
|
: "嵌入模式需 HTTPS 中控；HTTP 时请用本地导航工具栏「中控登录」。";
|
|
}
|
|
|
|
function showErr(msg) {
|
|
err.textContent = msg;
|
|
err.hidden = false;
|
|
}
|
|
|
|
function gotoAfterLogin(token, dest) {
|
|
const target = dest.startsWith("/") ? dest : "/monitor";
|
|
if (inFrame) {
|
|
if (!token) {
|
|
showErr("登录响应缺少 session_token，请升级云端 hub 或使用本地导航「中控登录」。");
|
|
return;
|
|
}
|
|
if (!isHttps) {
|
|
showErr("跨站 iframe 登录需要 HTTPS 中控；请改用本地导航「中控登录」按钮。");
|
|
return;
|
|
}
|
|
const q = new URLSearchParams({ token, next: target });
|
|
const embedUrl = "/embed-auth?" + q.toString();
|
|
try {
|
|
window.parent.postMessage(
|
|
{
|
|
type: "hub:login-ok",
|
|
session_token: token,
|
|
next: target,
|
|
embed_auth_url: location.origin + embedUrl,
|
|
},
|
|
"*"
|
|
);
|
|
} catch (_) {}
|
|
submitBtn.textContent = "跳转中…";
|
|
submitBtn.disabled = true;
|
|
location.replace(embedUrl);
|
|
return;
|
|
}
|
|
location.href = target;
|
|
}
|
|
|
|
fetch("/api/auth/status")
|
|
.then((r) => r.json())
|
|
.then((s) => {
|
|
if (!s.required || s.logged_in) gotoAfterLogin(null, next);
|
|
})
|
|
.catch(() => {});
|
|
|
|
form.addEventListener("submit", async (e) => {
|
|
e.preventDefault();
|
|
err.hidden = true;
|
|
submitBtn.disabled = true;
|
|
const oldLabel = submitBtn.textContent;
|
|
submitBtn.textContent = "登录中…";
|
|
const username = userInput.value.trim();
|
|
const password = document.getElementById("login-password").value;
|
|
const headers = { "Content-Type": "application/json", Accept: "application/json" };
|
|
if (inFrame) headers["X-Hub-Embed"] = "1";
|
|
try {
|
|
const r = await fetch("/api/auth/login", {
|
|
method: "POST",
|
|
headers,
|
|
body: JSON.stringify({ username, password }),
|
|
});
|
|
let j = {};
|
|
try {
|
|
j = await r.json();
|
|
} catch (_) {
|
|
j = {};
|
|
}
|
|
if (r.ok && j.ok) {
|
|
gotoAfterLogin(j.session_token || null, next);
|
|
if (!inFrame) {
|
|
submitBtn.disabled = false;
|
|
submitBtn.textContent = oldLabel;
|
|
}
|
|
return;
|
|
}
|
|
if (r.status === 403) {
|
|
showErr("访问被拒绝(403)：云端 hub 需设置 HUB_ALLOW_PUBLIC=true");
|
|
} else {
|
|
showErr(j.detail || j.msg || "用户名或密码错误 (" + r.status + ")");
|
|
}
|
|
} catch (ex) {
|
|
showErr("网络错误：" + ex);
|
|
}
|
|
submitBtn.disabled = false;
|
|
submitBtn.textContent = oldLabel;
|
|
});
|
|
})();
|
|
if (window.HubTheme && typeof HubTheme.initToggleUI === "function") {
|
|
HubTheme.initToggleUI();
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|