Spaces:

huanx
/

ds2api-browser

Running

App Files Files Community

nacho commited on 9 days ago

Commit

3cb96d8

1 Parent(s): f249601

feat: account detail modal — click eye icon to see full info + screenshots per account

Browse files

Files changed (3) hide show

.deepseek/pastes/paste-2026-05-18-124817-6d59a6f3.md +0 -0
main.py +39 -0
static/index.html +65 -1

.deepseek/pastes/paste-2026-05-18-124817-6d59a6f3.md ADDED Viewed

The diff for this file is too large to render. See raw diff

main.py CHANGED Viewed

@@ -443,6 +443,45 @@ async def login_account(request: Request, admin_key: str = Header(...)):
     return {"ok": True, "message": "Login task started"}
 @app.post("/admin/verify")
 async def admin_verify(request: Request):
     """Verify admin key for panel login."""

     return {"ok": True, "message": "Login task started"}
+@app.get("/admin/accounts/{email:path}")
+async def get_account_detail(email: str, admin_key: str = Header(...)):
+    """Get detailed info for a single account, including related screenshots."""
+    if admin_key != config.server.admin_key:
+        raise HTTPException(status_code=401, detail="Invalid admin key")
+    if email not in manager.accounts:
+        raise HTTPException(status_code=404, detail="Account not found")
+    a = manager.accounts[email]
+    detail = {
+        "email": a.email, "name": a.name, "proxy": a.proxy,
+        "in_use": a.in_use, "logged_in": a.logged_in,
+        "is_muted": a.is_muted, "muted_until": a.muted_until,
+        "error_count": a.error_count, "last_error": a.last_error,
+        "last_used": a.last_used,
+    }
+    safe = email.replace("@", "_at_").replace("+", "_plus_")
+    screenshots = []
+    if SCREENSHOT_DIR.exists():
+        for f in sorted(SCREENSHOT_DIR.glob(f"*{safe}*.png"), key=lambda p: p.stat().st_mtime, reverse=True):
+            txt = f.with_suffix(".txt")
+            err = ""
+            if txt.exists():
+                try:
+                    err = txt.read_text(encoding="utf-8").strip()
+                except Exception:
+                    pass
+            screenshots.append({
+                "name": f.name, "url": f"/static/screenshots/{f.name}",
+                "size_kb": round(f.stat().st_size / 1024, 1),
+                "time": time.strftime("%m-%d %H:%M", time.localtime(f.stat().st_mtime)),
+                "error": err,
+            })
+    detail["screenshots"] = screenshots
+    return detail
 @app.post("/admin/verify")
 async def admin_verify(request: Request):
     """Verify admin key for panel login."""

static/index.html CHANGED Viewed

@@ -238,6 +238,22 @@ html.light-mode .log-viewer{background:rgba(0,0,0,.04);color:#475569}
 @media(max-width:639px){.hide-xs{display:none!important}}
 @media(max-width:1023px){.hide-md{display:none!important}}
 </style>
 </head>
 <body>
@@ -397,6 +413,17 @@ html.light-mode .log-viewer{background:rgba(0,0,0,.04);color:#475569}
   </div>
 </div>
 </main>
 </div>
@@ -592,7 +619,7 @@ async function loadAccounts(){
         <td><span class="badge ${a.in_use?'badge-on':'badge-idle'}">${a.in_use?'使用中':'空闲'}</span></td>
         <td class="hide-xs">${a.is_muted?`<span class="badge badge-warn" title="${a.muted_until||''}">禁言</span>`:'<span class="badge badge-idle">正常</span>'}</td>
         <td class="hide-xs">${a.error_count>0?`<span class="badge badge-off" title="${(a.last_error||'').replace(/"/g,'&quot;').replace(/'/g,"&#39;")}">${a.error_count}</span>`:'—'}</td>
-        <td><button class="btn btn-sm" onclick="doLoginAccount('${a.email}')">${a.logged_in?'重连':'登录'}</button></td>
       </tr>`;
     }
     document.getElementById('tbl').innerHTML=r||'<tr><td colspan="7" style="text-align:center;padding:20px;color:var(--text-muted)">暂无账号</td></tr>';
@@ -712,6 +739,43 @@ async function setLevel(lvl){
   }catch(e){toast(e.message,0)}
 }
 async function loadScreenshots(){
   try{
     const d=await api('/admin/screenshots',{headers:{'admin-key':getAdminKey()}});

 @media(max-width:639px){.hide-xs{display:none!important}}
 @media(max-width:1023px){.hide-md{display:none!important}}
+/* detail modal */
+.detail-overlay{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s;padding:20px}
+.detail-overlay.open{opacity:1;pointer-events:auto}
+.detail-box{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);max-width:640px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}
+.detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface-solid);z-index:1}
+.detail-header h2{font-size:15px;font-weight:600}
+.detail-body{padding:16px 18px}
+.detail-body .kv{display:grid;grid-template-columns:120px 1fr;gap:6px 12px;font-size:12px;margin-bottom:10px}
+.detail-body .kv .k{color:var(--text-dim);font-weight:500}
+.detail-body .kv .v{color:var(--text);word-break:break-all}
+.detail-body .kv .v.err{color:var(--red)}
+.detail-body h3{font-size:13px;font-weight:600;margin:16px 0 8px;color:var(--text)}
+.detail-body .ss-thumbs{display:flex;flex-wrap:wrap;gap:6px}
+.detail-body .ss-thumbs a{display:inline-block;padding:4px 8px;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:6px;color:var(--text);text-decoration:none;font-size:10px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.detail-body .ss-thumbs a:hover{border-color:var(--accent)}
 </style>
 </head>
 <body>
   </div>
 </div>
+<!-- Account Detail Modal -->
+<div class="detail-overlay" id="detailOverlay" onclick="closeDetail(event)">
+  <div class="detail-box" onclick="event.stopPropagation()">
+    <div class="detail-header">
+      <h2 id="detailTitle">账号详情</h2>
+      <button class="btn btn-sm" onclick="closeDetail()">✕</button>
+    </div>
+    <div class="detail-body" id="detailBody">加载中…</div>
+  </div>
+</div>
 </main>
 </div>
         <td><span class="badge ${a.in_use?'badge-on':'badge-idle'}">${a.in_use?'使用中':'空闲'}</span></td>
         <td class="hide-xs">${a.is_muted?`<span class="badge badge-warn" title="${a.muted_until||''}">禁言</span>`:'<span class="badge badge-idle">正常</span>'}</td>
         <td class="hide-xs">${a.error_count>0?`<span class="badge badge-off" title="${(a.last_error||'').replace(/"/g,'&quot;').replace(/'/g,"&#39;")}">${a.error_count}</span>`:'—'}</td>
+        <td><button class="btn btn-sm" onclick="doLoginAccount('${a.email}')">${a.logged_in?'重连':'登录'}</button> <button class="btn btn-sm" onclick="showDetail('${a.email}')" title="详情">👁️</button></td>
       </tr>`;
     }
     document.getElementById('tbl').innerHTML=r||'<tr><td colspan="7" style="text-align:center;padding:20px;color:var(--text-muted)">暂无账号</td></tr>';
   }catch(e){toast(e.message,0)}
 }
+async function showDetail(email){
+  const overlay=document.getElementById('detailOverlay');
+  const body=document.getElementById('detailBody');
+  const title=document.getElementById('detailTitle');
+  overlay.classList.add('open');
+  title.textContent='加载中…';
+  body.innerHTML='<span style="color:var(--text-dim)">加载中…</span>';
+  try{
+    const d=await api('/admin/accounts/'+encodeURIComponent(email),{headers:{'admin-key':getAdminKey()}});
+    title.textContent=d.email;
+    const mutedTag=d.is_muted?`<span class="badge badge-warn">禁言至 ${d.muted_until||'?'}</span>`:'<span class="badge badge-idle">正常</span>';
+    body.innerHTML=`
+      <div class="kv">
+        <span class="k">邮箱</span><span class="v">${d.email}</span>
+        <span class="k">备注</span><span class="v">${d.name||'—'}</span>
+        <span class="k">代理</span><span class="v">${d.proxy||'—'}</span>
+        <span class="k">状态</span><span class="v"><span class="badge ${d.logged_in?'badge-on':'badge-off'}">${d.logged_in?'在线':'离线'}</span> <span class="badge ${d.in_use?'badge-on':'badge-idle'}">${d.in_use?'使用中':'空闲'}</span></span>
+        <span class="k">禁言</span><span class="v">${mutedTag}</span>
+        <span class="k">错误次数</span><span class="v">${d.error_count}</span>
+        <span class="k">最后错误</span><span class="v err">${(d.last_error||'—').replace(/</g,'&lt;')}</span>
+        <span class="k">最后使用</span><span class="v">${d.last_used?new Date(d.last_used*1000).toLocaleString():'—'}</span>
+      </div>
+      <h3>📸 相关截图 (${d.screenshots.length})</h3>
+      <div class="ss-thumbs">${d.screenshots.length?d.screenshots.map(s=>`<a href="${s.url}" target="_blank" title="${s.error||s.name}">🖼️ ${s.name.substring(0,30)} · ${s.time}</a>`).join(''):'<span style="color:var(--text-muted);font-size:11px">暂无</span>'}</div>`;
+  }catch(e){
+    body.innerHTML=`<span style="color:var(--red)">加载失败: ${e.message}</span>`;
+  }
+}
+function closeDetail(e){
+  if(e&&e.target!==document.getElementById('detailOverlay'))return;
+  document.getElementById('detailOverlay').classList.remove('open');
+}
+// ESC to close
+document.addEventListener('keydown',e=>{if(e.key==='Escape')closeDetail()});
 async function loadScreenshots(){
   try{
     const d=await api('/admin/screenshots',{headers:{'admin-key':getAdminKey()}});