70 lines
3.8 KiB
HTML
70 lines
3.8 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="color-scheme" content="light">
|
||
<title>进度台</title>
|
||
<link rel="stylesheet" href="/static/styles.css">
|
||
</head>
|
||
<body>
|
||
<div id="app" class="app-shell" aria-busy="true">
|
||
<header class="topbar">
|
||
<button class="brand-button" id="homeButton" type="button" title="返回总览">
|
||
<span class="brand-mark" aria-hidden="true">P</span>
|
||
<span><strong>进度台</strong><small id="logicalDate"></small></span>
|
||
</button>
|
||
<div class="top-actions">
|
||
<button class="button primary" id="addTaskButton" type="button">＋ 新建任务</button>
|
||
<button class="icon-button" id="adminButton" type="button" title="数据管理" aria-label="数据管理">⚙</button>
|
||
</div>
|
||
</header>
|
||
<div class="workspace">
|
||
<aside id="sidebar" class="sidebar"></aside>
|
||
<main id="main" class="main-content"></main>
|
||
</div>
|
||
</div>
|
||
|
||
<dialog id="taskDialog" class="dialog task-dialog">
|
||
<form id="taskForm" method="dialog">
|
||
<div class="dialog-heading">
|
||
<div><p class="eyebrow">任务定义</p><h2 id="taskDialogTitle">新建任务</h2></div>
|
||
<button class="icon-button" value="cancel" formmethod="dialog" title="关闭" aria-label="关闭">×</button>
|
||
</div>
|
||
<div class="form-grid">
|
||
<label class="wide">任务名称<input name="name" required maxlength="120"></label>
|
||
<label>开始日期<input name="startDate" type="date" required></label>
|
||
<label>结束日期<input name="endDate" type="date"></label>
|
||
<label>优先级<select name="priority"><option value="1">1 · 紧急</option><option value="2">2 · 高</option><option value="3" selected>3 · 正常</option><option value="4">4 · 低</option><option value="5">5 · 挂起候选</option></select></label>
|
||
<label>状态<select name="state"><option value="active">进行中</option><option value="paused">已挂起</option></select></label>
|
||
<label class="wide">说明<textarea name="description" maxlength="2000" rows="3"></textarea></label>
|
||
</div>
|
||
<div class="metric-heading"><div><p class="eyebrow">衡量标准</p><h3>多个指标可同时记录</h3></div><button class="button subtle" id="addMetricButton" type="button">＋ 添加指标</button></div>
|
||
<div id="metricEditor" class="metric-editor"></div>
|
||
<div class="dialog-actions"><button class="button" value="cancel" formmethod="dialog">取消</button><button class="button primary" id="saveTaskButton" type="submit">保存任务</button></div>
|
||
</form>
|
||
</dialog>
|
||
|
||
<dialog id="adminDialog" class="dialog admin-dialog">
|
||
<div class="dialog-heading"><div><p class="eyebrow">后台</p><h2>数据管理</h2></div><button class="icon-button" id="closeAdminButton" title="关闭" aria-label="关闭">×</button></div>
|
||
<div class="admin-actions"><button class="button" id="exportButton">导出 JSON</button><button class="button" id="archiveButton">执行补归档</button><button class="button" id="logoutButton">退出登录</button></div>
|
||
<h3>回收站</h3>
|
||
<div id="trashList" class="trash-list"></div>
|
||
</dialog>
|
||
|
||
<div id="loginOverlay" class="login-overlay" hidden>
|
||
<form id="loginForm" class="login-panel">
|
||
<span class="brand-mark large" aria-hidden="true">P</span>
|
||
<p class="eyebrow">PERSONAL PROGRESS</p>
|
||
<h1>登录进度台</h1>
|
||
<label>访问密码<input name="password" type="password" autocomplete="current-password" required autofocus></label>
|
||
<p id="loginError" class="form-error" role="alert"></p>
|
||
<button class="button primary wide-button" type="submit">登录</button>
|
||
</form>
|
||
</div>
|
||
|
||
<div id="toast" class="toast" role="status" aria-live="polite"></div>
|
||
<script src="/static/app.js" defer></script>
|
||
</body>
|
||
</html>
|