yunxiafei/my_one_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
2f620fa4d030d8185973c1460b0397fbb915f3d0
my_one_web/templates/dashboard/index.html

178 lines
7.2 KiB
HTML
Raw Normal View History

feat: 实现 OpenClaw Mission Control 仪表盘框架 - 创建 API Blueprint 模块结构 - 实现系统状态 API (CPU/内存/磁盘/进程) - 实现服务状态 API - 创建仪表盘页面模板 - 添加仪表盘 CSS 样式 - 添加仪表盘 JavaScript 交互 - 登录后自动跳转到仪表盘
2026-03-12 20:42:12 +08:00
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mission Control - {{ username }}</title>
refactor: 简化仪表盘布局 - 删除快捷链接侧边栏 - 删除快捷操作区域 - 删除服务状态区域 - 导航链接移到顶部导航栏 - 保留核心状态监控卡片
2026-03-12 20:49:41 +08:00
<link rel="stylesheet" href="{{ url_for('static', filename='css/dashboard.css') }}?v=20260312b">
feat: 实现 OpenClaw Mission Control 仪表盘框架 - 创建 API Blueprint 模块结构 - 实现系统状态 API (CPU/内存/磁盘/进程) - 实现服务状态 API - 创建仪表盘页面模板 - 添加仪表盘 CSS 样式 - 添加仪表盘 JavaScript 交互 - 登录后自动跳转到仪表盘
2026-03-12 20:42:12 +08:00
</head>
<body>
<!-- 顶部导航栏 -->
<nav class="top-nav">
<div class="nav-brand">
<span class="logo">🚀</span>
refactor: 简化仪表盘布局 - 删除快捷链接侧边栏 - 删除快捷操作区域 - 删除服务状态区域 - 导航链接移到顶部导航栏 - 保留核心状态监控卡片
2026-03-12 20:49:41 +08:00
<span class="title">Mission Control</span>
</div>
<div class="quick-nav">
<a href="http://1.14.58.157:6806" target="_blank" class="nav-btn" title="思源笔记">📝 思源</a>
<a href="http://1.14.58.157:3000" target="_blank" class="nav-btn" title="Gitea">📦 Gitea</a>
<a href="http://1.14.58.157:8080" target="_blank" class="nav-btn" title="NocoDB">📊 NocoDB</a>
<a href="http://1.14.58.157:18798" target="_blank" class="nav-btn" title="记忆面板">🧠 记忆</a>
<button class="theme-toggle" aria-label="切换主题">🌙</button>
feat: 实现 OpenClaw Mission Control 仪表盘框架 - 创建 API Blueprint 模块结构 - 实现系统状态 API (CPU/内存/磁盘/进程) - 实现服务状态 API - 创建仪表盘页面模板 - 添加仪表盘 CSS 样式 - 添加仪表盘 JavaScript 交互 - 登录后自动跳转到仪表盘
2026-03-12 20:42:12 +08:00
</div>
<div class="nav-user">
<span class="username">{{ username }}</span>
<a href="{{ url_for('logout') }}" class="btn-logout">退出</a>
</div>
</nav>
<!-- 侧边栏 -->
<aside class="sidebar">
<nav class="sidebar-nav">
<a href="#" class="nav-item active" data-page="dashboard">
<span class="icon">📊</span>
<span class="text">仪表盘</span>
</a>
<a href="#" class="nav-item" data-page="sessions">
<span class="icon">💬</span>
<span class="text">会话管理</span>
</a>
<a href="#" class="nav-item" data-page="nodes">
<span class="icon">📱</span>
<span class="text">节点管理</span>
</a>
<a href="#" class="nav-item" data-page="skills">
<span class="icon">🎯</span>
<span class="text">技能管理</span>
</a>
<a href="#" class="nav-item" data-page="memory">
<span class="icon">🧠</span>
<span class="text">记忆管理</span>
</a>
<a href="#" class="nav-item" data-page="settings">
<span class="icon">⚙️</span>
<span class="text">系统设置</span>
</a>
</nav>
</aside>
<!-- 主内容区 -->
<main class="main-content">
<!-- 仪表盘页面 -->
<div id="page-dashboard" class="page active">
<h1 class="page-title">📊 系统仪表盘</h1>
<!-- 状态卡片 -->
<div class="stats-grid">
<div class="stat-card cpu">
<div class="stat-icon">💻</div>
<div class="stat-info">
<div class="stat-label">CPU 使用率</div>
<div class="stat-value" id="cpu-percent">--</div>
</div>
<div class="progress-bar">
<div class="progress" id="cpu-progress" style="width: 0%"></div>
</div>
</div>
<div class="stat-card memory">
<div class="stat-icon">🧠</div>
<div class="stat-info">
<div class="stat-label">内存使用</div>
<div class="stat-value" id="memory-value">-- / --</div>
</div>
<div class="progress-bar">
<div class="progress" id="memory-progress" style="width: 0%"></div>
</div>
</div>
<div class="stat-card disk">
<div class="stat-icon">💾</div>
<div class="stat-info">
<div class="stat-label">磁盘使用</div>
<div class="stat-value" id="disk-value">-- / --</div>
</div>
<div class="progress-bar">
<div class="progress" id="disk-progress" style="width: 0%"></div>
</div>
</div>
<div class="stat-card processes">
<div class="stat-icon">⚡</div>
<div class="stat-info">
<div class="stat-label">运行进程</div>
<div class="stat-value" id="process-count">--</div>
</div>
</div>
</div>
</div>
feat: 实现会话管理功能 - 实现会话列表 API - 实现会话详情 API - 实现终止会话 API - 添加会话管理页面 UI - 添加会话管理样式 - 添加会话管理交互脚本
2026-03-12 20:56:13 +08:00
<!-- 会话管理页面 -->
feat: 实现 OpenClaw Mission Control 仪表盘框架 - 创建 API Blueprint 模块结构 - 实现系统状态 API (CPU/内存/磁盘/进程) - 实现服务状态 API - 创建仪表盘页面模板 - 添加仪表盘 CSS 样式 - 添加仪表盘 JavaScript 交互 - 登录后自动跳转到仪表盘
2026-03-12 20:42:12 +08:00
<div id="page-sessions" class="page">
<h1 class="page-title">💬 会话管理</h1>
feat: 实现会话管理功能 - 实现会话列表 API - 实现会话详情 API - 实现终止会话 API - 添加会话管理页面 UI - 添加会话管理样式 - 添加会话管理交互脚本
2026-03-12 20:56:13 +08:00
<div class="section-header">
<h2 class="section-title">活跃会话列表</h2>
<button class="btn-refresh" onclick="fetchSessions()">🔄 刷新</button>
</div>
<div class="sessions-list" id="sessions-list">
<div class="loading">加载中...</div>
</div>
<!-- 会话详情模态框 -->
<div id="session-modal" class="modal">
<div class="modal-content">
<div class="modal-header">
<h3>📋 会话详情</h3>
<button class="modal-close" onclick="closeSessionModal()">&times;</button>
</div>
<div class="modal-body" id="session-detail">
<!-- 动态填充 -->
</div>
<div class="modal-footer">
<button class="btn-danger" onclick="killCurrentSession()">🗑️ 终止会话</button>
<button class="btn-secondary" onclick="closeSessionModal()">关闭</button>
</div>
</div>
feat: 实现 OpenClaw Mission Control 仪表盘框架 - 创建 API Blueprint 模块结构 - 实现系统状态 API (CPU/内存/磁盘/进程) - 实现服务状态 API - 创建仪表盘页面模板 - 添加仪表盘 CSS 样式 - 添加仪表盘 JavaScript 交互 - 登录后自动跳转到仪表盘
2026-03-12 20:42:12 +08:00
</div>
</div>
<div id="page-nodes" class="page">
<h1 class="page-title">📱 节点管理</h1>
<div class="coming-soon">
<span class="icon">🚧</span>
<p>功能开发中...</p>
</div>
</div>
<div id="page-skills" class="page">
<h1 class="page-title">🎯 技能管理</h1>
<div class="coming-soon">
<span class="icon">🚧</span>
<p>功能开发中...</p>
</div>
</div>
<div id="page-memory" class="page">
<h1 class="page-title">🧠 记忆管理</h1>
<div class="coming-soon">
<span class="icon">🚧</span>
<p>功能开发中...</p>
</div>
</div>
<div id="page-settings" class="page">
<h1 class="page-title">⚙️ 系统设置</h1>
<div class="coming-soon">
<span class="icon">🚧</span>
<p>功能开发中...</p>
</div>
</div>
</main>
<script src="{{ url_for('static', filename='js/theme.js') }}"></script>
<script src="{{ url_for('static', filename='js/dashboard.js') }}"></script>
</body>
</html>
Reference in New Issue Copy Permalink