admin/oc-monitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

security: public view with masked IPs, unlock button for full view

Browse Source
This commit is contained in:
mango
2026-02-22 22:22:57 +08:00
parent 670695066d
commit 4519d4042d
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
public/index.html
View File

@@ -92,15 +92,15 @@ td{padding:8px 10px;border-bottom:1px solid rgba(26,39,64,.5)}
</style>
</head>
<body>
<div class="login-mask" id="loginMask">
<div class="login-box"><h2>🐾 Mission Control</h2><p>请输入访问令牌</p>
<div class="login-mask" id="loginMask" style="display:none">
<div class="login-box"><h2>🔓 解锁完整视图</h2><p>输入令牌查看 IP 等敏感信息</p>
<input id="tokenInput" type="password" placeholder="Token" onkeydown="if(event.key==='Enter')doLogin()">
<button onclick="doLogin()">登录</button>
<button onclick="doLogin()">解锁</button>
<div class="login-err" id="loginErr">令牌无效</div></div></div>
<div class="wrap" id="mainWrap" style="display:none">
<div class="wrap" id="mainWrap">
<div class="hdr">
<div class="hdr-row"><h1>🐾 OpenClaw Mission Control</h1>
<div class="hdr-links"><a href="/admin.html">⚙️ Admin</a><span id="themeBtn" onclick="toggleTheme()">🌙</span></div></div>
<div class="hdr-links"><a href="/admin.html">⚙️ Admin</a><span id="lockBtn" onclick="$('#loginMask').style.display='flex'" style="cursor:pointer">🔒</span><span id="themeBtn" onclick="toggleTheme()">🌙</span></div></div>
<div class="sub" id="subtitle">Loading...</div>
</div>
<div class="stats" id="stats"></div>
@@ -126,11 +126,11 @@ const authHdr=()=>({headers:{'Authorization':'Bearer '+TOKEN}});
function doLogin(){
const t=$('#tokenInput').value.trim();if(!t)return;
fetch('/api/dashboard',{headers:{'Authorization':'Bearer '+t}}).then(r=>{
if(r.status===401){$('#loginErr').style.display='block';return}
fetch('/api/dashboard',{headers:{'Authorization':'Bearer '+t}}).then(r=>r.json()).then(d=>{
if(!d.authed){$('#loginErr').style.display='block';return}
TOKEN=t;localStorage.setItem('oc-token',t);
$('#loginMask').style.display='none';$('#mainWrap').style.display='';
r.json().then(d=>{DATA=d;render();});connectWS();setInterval(load,60000);
$('#loginMask').style.display='none';$('#lockBtn').textContent='🔓';
DATA=d;render();
});
}
@@ -314,6 +314,7 @@ function toggleTheme(){
localStorage.setItem('theme',light?'dark':'light');
}
(function(){const t=localStorage.getItem('theme');if(t==='light'){document.documentElement.setAttribute('data-theme','light');document.getElementById('themeBtn').textContent='☀️';}})();
if(TOKEN){fetch('/api/dashboard',authHdr()).then(r=>{if(r.status===401){$('#loginMask').style.display='';return}$('#loginMask').style.display='none';$('#mainWrap').style.display='';r.json().then(d=>{DATA=d;render();});connectWS();setInterval(load,60000);}).catch(()=>{$('#loginMask').style.display='';});}
if(TOKEN){$('#lockBtn').textContent='🔓';}
load();connectWS();setInterval(load,60000);
</script>
</body></html>

11
server/index.js
View File

@@ -119,20 +119,19 @@ const server = http.createServer((req, res) => {
// API routes
(async () => {
try {
// GET /api/dashboard - requires auth
// GET /api/dashboard - public (masked) or authed (full)
if (url.pathname === '/api/dashboard' && method === 'GET') {
if (!auth()) return;
const authed = (req.headers.authorization||'').replace('Bearer ','') === AUTH_TOKEN;
const now = Math.floor(Date.now()/1000);
const today = now - (now % 86400);
const nodes = getNodes.all();
const nodes = getNodes.all().map(n => authed ? n : {...n, host: '***'});
const stats = getStats.get(today);
const reqs = getReqs.all(500);
return json(200, { nodes, stats, requests: reqs, token: undefined });
return json(200, { nodes, stats, requests: reqs, authed });
}
// GET /api/requests - requires auth
// GET /api/requests - public (masked) or authed (full)
if (url.pathname === '/api/requests' && method === 'GET') {
if (!auth()) return;
const page = parseInt(url.searchParams.get('page') || '1');
const size = Math.min(parseInt(url.searchParams.get('size') || '50'), 200);
const offset = (page - 1) * size;