refactor admin navigation; update links to ingest pages and improve loading of data in parallel

2026-04-24 00:08:52 +01:00
parent 16cd61fdf5
commit fc7ea464b3
17 changed files with 292 additions and 67 deletions
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Duriin Admin — Events</title>
+<link rel="stylesheet" href="/admin/assets/css/base.css">
+<link rel="stylesheet" href="/admin/assets/css/layout.css">
+<link rel="stylesheet" href="/admin/assets/css/components.css">
+</head>
+<body>
+
+<header class="app-header">
+  <h1>Duriin <span>Admin</span></h1>
+  <nav class="tabs">
+    <a href="/admin/ingest"       class="active">Ingest</a>
+    <a href="/admin/intelligence">Intelligence</a>
+    <a href="/admin/stats">Stats</a>
+    <a href="/admin/sql">SQL</a>
+  </nav>
+</header>
+
+<nav class="subnav">
+  <a href="/admin/ingest/articles">Articles</a>
+  <a href="/admin/ingest/events" class="active">Events</a>
+</nav>
+
+<div class="stats-bar" id="statsBar">
+  <div class="stat"><span class="label">Total articles</span><span class="value" id="s-total">—</span></div>
+  <div class="stat"><span class="label">With content</span><span class="value" id="s-content">—</span></div>
+  <div class="stat"><span class="label">With embedding</span><span class="value" id="s-embed">—</span></div>
+  <div class="stat"><span class="label">Events</span><span class="value" id="s-events">—</span></div>
+</div>
+
+<main class="content">
+
+  <div class="filters">
+    <label>Keyword <input type="text" id="ef-keyword" placeholder="search title..." /></label>
+    <label>Min articles <input type="text" id="ef-min" placeholder="e.g. 2" style="min-width:90px" /></label>
+    <label>From <input type="date" id="ef-from" /></label>
+    <label>To   <input type="date" id="ef-to" /></label>
+    <label>Sort
+      <select id="ef-sort">
+        <option value="created_desc">Newest first</option>
+        <option value="created_asc">Oldest first</option>
+        <option value="articles_desc">Most articles</option>
+        <option value="articles_asc">Fewest articles</option>
+      </select>
+    </label>
+    <button type="button" class="primary" id="eSearchBtn" style="align-self:flex-end">Filter</button>
+  </div>
+
+  <div class="table-wrap">
+    <table>
+      <thead>
+        <tr>
+          <th style="width:44px">ID</th>
+          <th>Title</th>
+          <th style="width:100px">Articles</th>
+          <th>Created</th>
+          <th style="width:80px"></th>
+        </tr>
+      </thead>
+      <tbody id="eventTable"></tbody>
+    </table>
+  </div>
+
+  <div class="pagination">
+    <button id="ePrevBtn">← Prev</button>
+    <span id="ePageInfo"></span>
+    <button id="eNextBtn">Next →</button>
+  </div>
+
+</main>
+
+
+<!-- event edit modal -->
+<div class="overlay" id="eventOverlay">
+  <div class="modal" style="width:480px">
+    <h2>Edit Event</h2>
+    <div class="modal-divider"></div>
+    <div class="field">
+      <label>Title</label>
+      <input type="text" id="em-title" />
+    </div>
+    <div class="modal-footer">
+      <button class="danger" id="eDeleteBtn">Delete event</button>
+      <div style="flex:1"></div>
+      <button id="eCancelBtn">Cancel</button>
+      <button class="primary" id="eSaveBtn">Save</button>
+    </div>
+  </div>
+</div>
+
+<div id="toast"><span class="toast-dot"></span><span id="toast-msg"></span></div>
+
+<script src="/admin/assets/js/app.js"></script>
+<script src="/admin/assets/js/events.js"></script>
+</body>
+</html>