174 行
6.7 KiB
HTML
174 行
6.7 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>授权攻防实验工作台</title>
|
|
<link rel="stylesheet" href="./assets/styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="grid-bg" aria-hidden="true"></div>
|
|
<div class="dashboard-shell">
|
|
<header class="hero">
|
|
<div class="hero-glow hero-glow-left" aria-hidden="true"></div>
|
|
<div class="hero-glow hero-glow-right" aria-hidden="true"></div>
|
|
|
|
<div class="hero-top">
|
|
<div class="hero-copy">
|
|
<div class="hero-eyebrow">
|
|
<svg class="icon"><use href="./assets/icons.svg#spark"></use></svg>
|
|
<span>授权攻防实验工作台</span>
|
|
</div>
|
|
<h1>本地攻防实证工作台</h1>
|
|
<p>
|
|
Lovart 设计外壳已本地化并接入真实 run bundle 数据。页面只面向授权实验资产，
|
|
聚合漏洞条目、时间线、证据、日志、来源、原始 JSON、当前架构库与失败原因。
|
|
</p>
|
|
</div>
|
|
|
|
<div class="hero-actions">
|
|
<button id="refreshDashboard" class="button button-primary" type="button">
|
|
<svg class="icon"><use href="./assets/icons.svg#refresh"></use></svg>
|
|
<span>立即刷新</span>
|
|
</button>
|
|
<label class="toggle-card">
|
|
<span class="toggle-label">自动刷新</span>
|
|
<span class="toggle-switch">
|
|
<input id="autoRefresh" type="checkbox" checked>
|
|
<span class="toggle-slider"></span>
|
|
</span>
|
|
</label>
|
|
<div id="syncState" class="sync-state">
|
|
<svg class="icon icon-sync"><use href="./assets/icons.svg#sync"></use></svg>
|
|
<div>
|
|
<strong>启动中</strong>
|
|
<span>正在载入本地生成数据</span>
|
|
</div>
|
|
</div>
|
|
<div class="hero-links">
|
|
<a class="button button-secondary" href="./docs/project-features.html" target="_blank" rel="noreferrer">
|
|
<svg class="icon"><use href="./assets/icons.svg#docs"></use></svg>
|
|
<span>功能文档</span>
|
|
</a>
|
|
<a class="button button-secondary" href="./docs/frontend-dashboard-design.html" target="_blank" rel="noreferrer">
|
|
<svg class="icon"><use href="./assets/icons.svg#playbook"></use></svg>
|
|
<span>前端设计</span>
|
|
</a>
|
|
<a class="button button-secondary" href="./docs/architecture-library.html" target="_blank" rel="noreferrer">
|
|
<svg class="icon"><use href="./assets/icons.svg#systems"></use></svg>
|
|
<span>架构镜像</span>
|
|
</a>
|
|
<a class="button button-secondary" href="./legacy/index.html" target="_blank" rel="noreferrer">
|
|
<svg class="icon"><use href="./assets/icons.svg#legacy"></use></svg>
|
|
<span>旧版工作台</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="metricCards" class="metrics-row"></div>
|
|
</header>
|
|
|
|
<main class="main-container">
|
|
<aside class="sidebar">
|
|
<section class="sidebar-section">
|
|
<div class="section-header">
|
|
<span>
|
|
<svg class="icon"><use href="./assets/icons.svg#filter"></use></svg>
|
|
筛选器
|
|
</span>
|
|
<span id="runCount" class="section-badge">0 条</span>
|
|
</div>
|
|
|
|
<div class="filter-group">
|
|
<label class="field">
|
|
<span>搜索</span>
|
|
<div class="search-box">
|
|
<svg class="icon"><use href="./assets/icons.svg#search"></use></svg>
|
|
<input id="searchInput" type="text" placeholder="搜索 run id、advisory、标题、概要">
|
|
</div>
|
|
</label>
|
|
|
|
<label class="field">
|
|
<span>系统</span>
|
|
<select id="systemFilter" class="filter-select">
|
|
<option value="">全部系统</option>
|
|
</select>
|
|
</label>
|
|
|
|
<label class="field">
|
|
<span>状态</span>
|
|
<select id="statusFilter" class="filter-select">
|
|
<option value="">全部状态</option>
|
|
</select>
|
|
</label>
|
|
|
|
<label class="field">
|
|
<span>Profile</span>
|
|
<select id="profileFilter" class="filter-select">
|
|
<option value="">全部 Profile</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="sidebar-section">
|
|
<div class="section-header">
|
|
<span>
|
|
<svg class="icon"><use href="./assets/icons.svg#systems"></use></svg>
|
|
系统概览
|
|
</span>
|
|
</div>
|
|
<div id="systemStats" class="system-stats"></div>
|
|
</section>
|
|
|
|
<section class="sidebar-section">
|
|
<div class="section-header">
|
|
<span>
|
|
<svg class="icon"><use href="./assets/icons.svg#failure"></use></svg>
|
|
最近失败
|
|
</span>
|
|
</div>
|
|
<div id="recentFailures" class="failure-list"></div>
|
|
</section>
|
|
|
|
<section class="sidebar-section sidebar-section-fill">
|
|
<div class="section-header">
|
|
<span>
|
|
<svg class="icon"><use href="./assets/icons.svg#queue"></use></svg>
|
|
运行队列
|
|
</span>
|
|
</div>
|
|
<div id="runQueue" class="run-list"></div>
|
|
</section>
|
|
</aside>
|
|
|
|
<section id="detailWorkspace" class="workspace">
|
|
<div class="workspace-empty">
|
|
<svg class="icon icon-xl"><use href="./assets/icons.svg#shield"></use></svg>
|
|
<h2>选择一个运行</h2>
|
|
<p>从左侧队列选择 run，即可查看时间线、证据、日志、来源、原始 JSON 和当前架构库。</p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="dashboard-footer">
|
|
<div class="footer-left">
|
|
<span class="footer-note">
|
|
<svg class="icon"><use href="./assets/icons.svg#source"></use></svg>
|
|
当前 UI 壳层来自本地化 Lovart 模板副本，运行期不依赖任何远端 HTML、字体或图标 CDN。
|
|
</span>
|
|
</div>
|
|
<div class="footer-links">
|
|
<a href="./docs/design-source.html" target="_blank" rel="noreferrer">设计来源</a>
|
|
<a href="./assets/design-source.json" target="_blank" rel="noreferrer">Manifest JSON</a>
|
|
<a href="./architecture.json" target="_blank" rel="noreferrer">架构 JSON</a>
|
|
<a href="./summary.json" target="_blank" rel="noreferrer">摘要 JSON</a>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="./assets/app.js"></script>
|
|
</body>
|
|
</html>
|