100 lines
3.2 KiB
HTML
100 lines
3.2 KiB
HTML
<!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>
|