init project+ci/cd

2026-06-09 13:27:51 +08:00
parent b8d4ee0abb
commit 66879f7db8
16 changed files with 533 additions and 0 deletions
--- a/web/templates/config.html
+++ b/web/templates/config.html
@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <title>监控配置</title>
+  <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+</head>
+<body>
+  <header>
+    <h1>Syscall Monitor</h1>
+    <nav>
+      <a href="{{ url_for('index') }}">实时监控</a>
+      <a href="{{ url_for('config_page') }}">配置</a>
+    </nav>
+  </header>
+  <main>
+    <div class="card">
+      <h3 style="margin-top:0">添加监控项</h3>
+      <form method="post" action="{{ url_for('config_page') }}">
+        <input type="hidden" name="action" value="add">
+        <input type="text" name="name" placeholder="syscall 名称,例如 openat" required>
+        <button type="submit" class="primary">添加</button>
+      </form>
+      <p class="muted">名称需为内核 syscall 名(可参考 <code>man syscalls</code>)。新增后会立即出现在监控页面。</p>
+    </div>
+
+    <div class="card">
+      <h3 style="margin-top:0">当前监控项 ({{ syscalls|length }})</h3>
+      {% if syscalls %}
+      <table>
+        <thead><tr><th>名称</th><th style="text-align:right">操作</th></tr></thead>
+        <tbody>
+          {% for name in syscalls %}
+          <tr>
+            <td><span class="tag">{{ name }}</span></td>
+            <td style="text-align:right">
+              <form method="post" action="{{ url_for('config_page') }}" class="inline">
+                <input type="hidden" name="action" value="remove">
+                <input type="hidden" name="name" value="{{ name }}">
+                <button type="submit" class="danger">移除</button>
+              </form>
+            </td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      {% else %}
+      <p class="muted">尚无监控项。</p>
+      {% endif %}
+    </div>
+  </main>
+</body>
+</html>
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <title>Syscall Monitor</title>
+  <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+</head>
+<body>
+  <header>
+    <h1>Syscall Monitor</h1>
+    <nav>
+      <a href="{{ url_for('index') }}">实时监控</a>
+      <a href="{{ url_for('config_page') }}">配置</a>
+    </nav>
+  </header>
+  <main>
+    <div class="card">
+      <p class="muted">当前监控 {{ syscalls|length }} 项,每秒刷新。计数自 Agent 启动起累计。</p>
+      {% if syscalls %}
+      <table>
+        <thead><tr><th>System Call</th><th style="text-align:right">调用次数</th></tr></thead>
+        <tbody id="rows">
+          {% for name in syscalls %}
+          <tr><td><span class="tag">{{ name }}</span></td><td class="count" data-name="{{ name }}">—</td></tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      {% else %}
+      <p>尚未配置监控项,前往 <a href="{{ url_for('config_page') }}">配置页面</a> 添加。</p>
+      {% endif %}
+    </div>
+  </main>
+  <script>
+    async function refresh() {
+      try {
+        const r = await fetch('/api/counts');
+        const data = await r.json();
+        document.querySelectorAll('td.count').forEach(td => {
+          const n = td.dataset.name;
+          td.textContent = (data[n] ?? 0).toLocaleString();
+        });
+      } catch (e) { /* keep last value on error */ }
+    }
+    refresh();
+    setInterval(refresh, 1000);
+  </script>
+</body>
+</html>