add shortcuts traner

shortcut_trainer/static/teacher.html

@@ -0,0 +1,34 @@
+<!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="/style.css"></head><body><header class="topbar"><div class="brand"><i class="brand-mark">师</i><span>快捷键比赛控制台</span></div><div class="toolbar hidden" id="toolbar"><span class="chip" id="roundState">未开始</span><button class="ghost" onclick="location.reload()">刷新</button><button class="ghost" id="logout">退出</button></div></header>
+<main class="page"><section id="loginArea"><form class="login-card" id="loginForm" style="max-width:420px;margin:10vh auto"><h1 class="title">教师登录</h1><label>账号</label><input id="username" value="teacher"><label>密码</label><input id="password" type="password"><button class="full success">登录</button><div class="notice" id="notice"></div></form></section>
+<section id="mainArea" class="hidden teacher-grid">
+ <div><section class="panel"><h2>发布比赛指令</h2><div class="builder"><div class="builder-grid"><div><label>目标页面</label><select id="builderPage"></select></div><div><label>学生要完成的动作</label><select id="builderAction"></select></div><div id="choiceField"><label id="choiceLabel">具体目标</label><select id="builderChoice"></select></div></div><div id="builderTip" class="builder-tip"></div><label>学生端显示文案（可修改）</label><textarea id="label" rows="3"></textarea><div class="expected-preview"><small>本轮自动判定</small><div id="expectedPreview"></div></div><details class="advanced"><summary>查看自动生成的判定 JSON</summary><textarea id="expected" rows="8" readonly></textarea></details><div style="display:flex;gap:10px;margin-top:12px"><button class="success" id="start">立即发布本轮</button><button class="danger" id="stop">结束指令</button></div></div><div class="preset-panel"><h3>常用模板</h3><div id="presets"></div></div><div id="message" class="notice"></div></section>
+ <section class="panel"><h2>操作流水</h2><div id="events" class="list"></div></section></div>
+ <div><section class="panel"><h2>前10名</h2><div id="scores" class="list"></div></section><section class="panel"><h2>学生在线</h2><div id="students" class="list"></div></section></div>
+</div>
+<section class="panel accounts-panel">
+ <h2>学生账号</h2>
+ <p class="hint">测试账号 <span class="kbd">test01</span> 到 <span class="kbd">test05</span>，初始密码 <span class="kbd">test1234</span>，班级为「测试」。与分组系统共用同一学生库。</p>
+ <div class="builder-grid">
+  <div><label>筛选班级</label><select id="accountClass"><option value="">全部班级</option></select></div>
+  <div><label>搜索学号 / 姓名</label><input id="studentNoSearch" type="search" placeholder="输入学号或姓名"></div>
+  <div><label>学生</label><select id="studentSelect"></select></div>
+ </div>
+ <form id="studentPasswordForm" class="builder-grid" style="margin-top:12px">
+  <div><label>新密码</label><input id="studentNewPassword" type="password" autocomplete="new-password" minlength="8" placeholder="至少 8 位" required></div>
+  <div><label>确认新密码</label><input id="studentConfirmPassword" type="password" autocomplete="new-password" minlength="8" placeholder="再次输入新密码" required></div>
+  <div class="accounts-actions"><button class="success" type="submit">修改密码</button></div>
+ </form>
+ <div class="notice" id="studentPasswordNotice"></div>
+ <p class="hint">修改后请把新密码告知学生；该学生的所有已登录会话会立即退出。</p>
+ <h3>添加学生</h3>
+ <form id="studentCreateForm" class="builder-grid">
+  <div><label>班级</label><input id="newClassName" placeholder="例如 测试" required></div>
+  <div><label>学号</label><input id="newStudentNo" required></div>
+  <div><label>姓名</label><input id="newStudentName" required></div>
+  <div><label>初始密码</label><input id="newStudentPassword" type="password" minlength="8" placeholder="至少 8 位" required></div>
+  <div class="accounts-actions"><button type="submit">添加账号</button></div>
+ </form>
+ <div class="notice" id="studentCreateNotice"></div>
+</section>
+</section>
+</main><script src="/common.js"></script><script src="/teacher.js"></script></body></html>