Files
SenSu/static/web_panel/pages/dashboard.html
T
AskaEth e6875f0b4b Initial commit: SenSu Alpha 0.2.0
- 13-service async plugin framework
- Textual TUI with CLI fallback
- Plugin hot-reload + permission system
- Web management panel (aiohttp)
- Bridge-based inter-module communication
- 10 regression tests

Fixes applied:
- PBKDF2-SHA256 auth (was plain SHA256)
- Auth bypass removed (was allow-all on fail)
- Bare excepts replaced with logged errors
- CatFramework/DreamSu -> SenSu naming unified
- ServiceManager: health checks + startup_order
- Env var credentials (SENSU_ADMIN_PASSWORD etc)
2026-06-10 12:28:05 +08:00

71 lines
3.5 KiB
HTML

<div class="dash-layout">
<!-- 🟢 左侧:动态监控区 -->
<div class="dash-main">
<div class="dash-grid">
<div class="stat-card">
<h3>⏳ 运行时间</h3>
<div class="stat-value" id="d-uptime">--</div>
<div class="stat-sub" id="d-ver-badge">v?.?.?</div>
</div>
<div class="stat-card">
<h3>📦 插件状态</h3>
<div class="stat-value" id="d-plugins">--</div>
<div class="stat-sub">已加载 / 活跃</div>
</div>
<div class="stat-card">
<h3>🧠 内存使用</h3>
<div class="stat-value" id="d-mem">--%</div>
<canvas id="chart-mem" class="mini-chart"></canvas>
</div>
<div class="stat-card">
<h3>⚡ CPU 负载</h3>
<div class="stat-value" id="d-cpu">--%</div>
<canvas id="chart-cpu" class="mini-chart"></canvas>
</div>
<div class="stat-card">
<h3>🌐 网络接收</h3>
<div class="stat-value" id="d-net">--</div>
<canvas id="chart-net" class="mini-chart"></canvas>
</div>
<div class="stat-card">
<h3>💾 进程内存</h3>
<div class="stat-value" id="d-proc-mem">--</div>
<canvas id="chart-proc-mem" class="mini-chart"></canvas>
</div>
</div>
</div>
<!-- 🟢 右侧:高优先级信息栏 -->
<aside class="dash-sidebar">
<!-- 1. 硬件平台信息 -->
<div class="side-card">
<h3>💻 硬件平台</h3>
<div class="info-row"><span>操作系统</span><span class="info-value" id="info-os">--</span></div>
<div class="info-row"><span>硬件架构</span><span class="info-value" id="info-arch">--</span></div>
<div class="info-row"><span>核心数 (L/P)</span><span class="info-value" id="info-cores">--</span></div>
<div class="info-row"><span>物理内存</span><span class="info-value" id="info-mem-total">--</span></div>
<div class="info-row"><span>运行环境</span><span class="info-value" id="info-env">--</span></div>
</div>
<!-- 2. 框架简易信息 -->
<div class="side-card">
<h3>🐱 框架状态</h3>
<div class="info-row"><span>版本号</span><span class="info-value" id="info-fw-ver">--</span></div>
<div class="info-row"><span>访问地址</span><span class="info-value" id="info-addr">--</span></div>
<div class="info-row"><span>进程 PID</span><span class="info-value" id="info-pid">--</span></div>
<div class="info-row"><span>系统负载 (15m)</span><span class="info-value" id="info-load">--</span></div>
<div class="info-row" style="border:none; padding-top:8px;">
<span>运行状态</span>
<span class="info-value" style="color:var(--success)">🟢 Online</span>
</div>
</div>
<!-- 3. 快捷操作 (占位) -->
<div class="side-card">
<h3>🛠️ 快捷操作</h3>
<button class="btn-sm" style="width:100%; margin-bottom:6px" onclick="window.PluginsModule?.refresh()">🔄 刷新插件列表</button>
<button class="btn-sm" style="width:100%; color:var(--error); border-color:var(--error)" onclick="doLogout()">🚪 退出登录</button>
</div>
</aside>
</div>