ypsdf1
1c9e5808a1
包含： - admin.php / api/land_api.php / api/sync.php / login.php 修改 - 新增 active_players.php / online_curve.php / today_bonds.php 注：后续将视 origin/php 情况 reset --hard 对齐，本分支用于保留 WIP。
123 lines
5.8 KiB
PHP
123 lines
5.8 KiB
PHP
<?php
|
|
require_once __DIR__ . '/core.php';
|
|
if (function_exists('opcache_invalidate')) { @opcache_invalidate(__FILE__); }
|
|
if (session_status() === PHP_SESSION_NONE) session_start();
|
|
|
|
$isApi = (getParam('action') === 'data');
|
|
|
|
function getActivePlayers() {
|
|
$online = []; $count = 0;
|
|
try {
|
|
$db = getDB();
|
|
// 确保表存在
|
|
$db->exec("CREATE TABLE IF NOT EXISTS online_players (player_name TEXT PRIMARY KEY, login_time INTEGER DEFAULT 0)");
|
|
$res = $db->query("SELECT player_name, login_time FROM online_players ORDER BY login_time ASC");
|
|
while ($row = $res->fetchArray(SQLITE3_ASSOC)) {
|
|
$online[] = [
|
|
'name' => $row['player_name'],
|
|
'login_time' => (int)$row['login_time'],
|
|
'login_time_fmt' => $row['login_time'] > 0 ? date('H:i:s', (int)$row['login_time']) : '-',
|
|
'duration' => $row['login_time'] > 0 ? time() - (int)$row['login_time'] : 0,
|
|
];
|
|
}
|
|
$count = count($online);
|
|
} catch (\Throwable $e) {
|
|
debugLog('[active_players] 查询异常: ' . $e->getMessage());
|
|
}
|
|
return ['online_list' => $online, 'online_count' => $count];
|
|
}
|
|
|
|
if ($isApi) {
|
|
success(getActivePlayers());
|
|
exit;
|
|
}
|
|
|
|
$initialState = json_encode(getActivePlayers(), JSON_UNESCAPED_UNICODE);
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate">
|
|
<title>SDF1 - 在线活跃</title>
|
|
<style>
|
|
:root { --bg:#0d1117; --card:#161b22; --border:#30363d; --text:#e6edf3; --dim:#8b949e; --accent:#58a6ff; --green:#3fb950; --red:#f85149; --yellow:#d29922; --purple:#bc8cff; }
|
|
* { margin:0; padding:0; box-sizing:border-box; }
|
|
body { background:var(--bg); color:var(--text); font-family:'Segoe UI',system-ui,sans-serif; min-height:100vh; }
|
|
.header { background:linear-gradient(135deg,#1a1e2e,#0d1117); border-bottom:1px solid var(--border); padding:14px 24px; display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; z-index:50; }
|
|
.header h1 { font-size:18px; color:var(--accent); }
|
|
.header .info { font-size:13px; color:var(--dim); }
|
|
.container { max-width:900px; margin:20px auto; padding:0 16px; }
|
|
|
|
/* 在线玩家卡片网格 */
|
|
.grid-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; flex-wrap:wrap; gap:8px; }
|
|
.grid-header h2 { font-size:15px; color:var(--accent); }
|
|
.grid-header .badge { background:var(--green); color:#000; padding:4px 12px; border-radius:20px; font-size:13px; font-weight:700; }
|
|
|
|
.player-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; }
|
|
.player-card { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:14px 16px; transition:border-color .2s; }
|
|
.player-card:hover { border-color:var(--accent); }
|
|
.player-card .name { font-size:15px; font-weight:700; color:var(--text); margin-bottom:4px; }
|
|
.player-card .meta { font-size:12px; color:var(--dim); display:flex; justify-content:space-between; }
|
|
.player-card .meta .online-tag { color:var(--green); }
|
|
.player-card .time-bar { margin-top:8px; height:4px; background:var(--bg); border-radius:4px; overflow:hidden; }
|
|
.player-card .time-bar .fill { height:100%; background:var(--green); border-radius:4px; transition:width 1s; }
|
|
.empty { grid-column:1/-1; text-align:center; padding:40px; color:var(--dim); }
|
|
.refresh-hint { text-align:center; font-size:12px; color:var(--dim); margin-top:16px; }
|
|
#loading { text-align:center; padding:40px; color:var(--dim); }
|
|
@media(max-width:500px) {
|
|
.player-grid { grid-template-columns:1fr; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<h1>🟢 本小时在线活跃</h1>
|
|
<div class="info">每10秒刷新</div>
|
|
</div>
|
|
<div class="container">
|
|
<div id="loading">加载中...</div>
|
|
<div id="content" style="display:none">
|
|
<div class="grid-header">
|
|
<h2>👤 当前在线玩家</h2>
|
|
<span class="badge" id="countBadge">0 人</span>
|
|
</div>
|
|
<div class="player-grid" id="playerGrid"></div>
|
|
<div class="refresh-hint" id="refreshHint"></div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
const state = <?= $initialState ?>;
|
|
function fmtDuration(sec) {
|
|
if (sec < 60) return sec + '秒';
|
|
if (sec < 3600) return Math.floor(sec/60) + '分' + (sec%60) + '秒';
|
|
return Math.floor(sec/3600) + '时' + Math.floor((sec%3600)/60) + '分';
|
|
}
|
|
function render(data) {
|
|
document.getElementById('loading').style.display = 'none';
|
|
document.getElementById('content').style.display = 'block';
|
|
document.getElementById('countBadge').textContent = data.online_count + ' 人';
|
|
const grid = document.getElementById('playerGrid');
|
|
if (data.online_list.length === 0) {
|
|
grid.innerHTML = '<div class="empty">当前没有玩家在线</div>';
|
|
} else {
|
|
grid.innerHTML = data.online_list.map(p => {
|
|
const mx = 6 * 3600; // 最长6小时占满
|
|
const pct = Math.min(100, Math.round(p.duration / mx * 100));
|
|
return `<div class="player-card"><div class="name">${esc(p.name)}</div><div class="meta"><span>登录：${p.login_time_fmt}</span><span class="online-tag">已在线 ${fmtDuration(p.duration)}</span></div><div class="time-bar"><div class="fill" style="width:${pct}%"></div></div></div>`;
|
|
}).join('');
|
|
}
|
|
document.getElementById('refreshHint').textContent = '更新：' + new Date().toLocaleTimeString('zh-CN', {hour12:false});
|
|
}
|
|
function esc(s) { const d=document.createElement('div'); d.textContent=s||''; return d.innerHTML; }
|
|
render(state);
|
|
setInterval(() => {
|
|
fetch('active_players.php?action=data&_t=' + Date.now()).then(r=>r.json()).then(d => {
|
|
if (d.success) render(d.data);
|
|
}).catch(()=>{});
|
|
}, 10000);
|
|
</script>
|
|
</body>
|
|
</html>
|