feat: dashboard

2026-09-01 10:13:33 +08:00
parent 208eb7f242
commit dfe7f85977
7 changed files with 988 additions and 6 deletions
@@ -0,0 +1,61 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>GitLab Webhook 控制台</title>
+  <link rel="stylesheet" href="/static/app.css" />
+</head>
+<body>
+  <header class="topbar">
+    <div class="brand">
+      <span class="logo">⬢</span>
+      <div>
+        <h1>GitLab Webhook 控制台</h1>
+        <p class="subtitle">队列 / 执行日志 / 执行历史</p>
+      </div>
+    </div>
+    <div class="status">
+      <span id="conn-dot" class="dot dot-grey" title="连接状态"></span>
+      <span id="conn-text">连接中…</span>
+      <button id="refresh-btn" class="btn-ghost" type="button">立即刷新</button>
+    </div>
+  </header>
+
+  <main class="layout">
+    <section class="card" id="queue-card">
+      <header class="card-head">
+        <h2>① 等待中的队列</h2>
+        <span id="pending-count" class="badge">0</span>
+      </header>
+      <div id="pending-list" class="card-body pending-list">
+        <p class="empty">暂无等待任务</p>
+      </div>
+    </section>
+
+    <section class="card" id="running-card">
+      <header class="card-head">
+        <h2>② 正在执行</h2>
+        <span id="running-state" class="badge badge-grey">空闲</span>
+      </header>
+      <div id="running-body" class="card-body running-body">
+        <p class="empty">当前没有任务在执行</p>
+      </div>
+      <div class="card-foot">
+        <button id="log-autoscroll" class="btn-ghost active" type="button">自动滚动</button>
+        <span id="log-size" class="muted"></span>
+      </div>
+    </section>
+
+    <section class="card" id="history-card">
+      <header class="card-head">
+        <h2>③ 执行历史</h2>
+        <span class="muted small">按脚本分组，最多保留 20 条</span>
+      </header>
+      <div id="history-list" class="card-body history-list"></div>
+    </section>
+  </main>
+
+  <script src="/static/app.js"></script>
+</body>
+</html>