Duriin-API/public/admin/pages/intelligence/predictions.html

89 lines
2.8 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 — Intelligence / Predictions</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">
<link rel="stylesheet" href="/admin/assets/css/intel.css">
</head>
<body>
<header class="app-header">
<h1>Duriin <span>Admin</span></h1>
<nav class="tabs">
<a href="/admin/articles">Articles</a>
<a href="/admin/events">Events</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/intelligence" class="active">Intelligence</a>
<a href="/admin/sql">SQL</a>
</nav>
</header>
<nav class="subnav">
<a href="/admin/intelligence/knowledge">Knowledge</a>
<a href="/admin/intelligence/predictions" class="active">Predictions</a>
<a href="/admin/intelligence/signals">Signals</a>
<a href="/admin/intelligence/graph">Graph</a>
</nav>
<main class="content">
<div id="intel-unavailable" class="intel-unavailable" style="display:none">
intelligence.sqlite not found — is the intelligence worker running?
</div>
<div id="intel-content">
<div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px" id="intel-stats-row"></div>
<div class="filters">
<label>Company
<select id="i-company"><option value="">All companies</option></select>
</label>
<label>Sort
<select id="i-sort">
<option value="id">Recent first</option>
<option value="event_date">By event date</option>
</select>
</label>
<button class="primary" id="i-filter-btn" style="align-self:flex-end">Filter</button>
</div>
<div class="table-wrap">
<table>
<thead id="intel-thead"></thead>
<tbody id="intel-tbody"></tbody>
</table>
</div>
<div class="pagination">
<button id="iPrevBtn">← Prev</button>
<span id="iPageInfo"></span>
<button id="iNextBtn">Next →</button>
</div>
</div>
</main>
<div class="overlay" id="intelOverlay">
<div class="modal" style="width:740px">
<h2 id="intel-modal-title">Detail</h2>
<div id="intel-modal-meta" style="font-size:12px; color:var(--muted-dark); margin-top:4px; display:flex; gap:12px; flex-wrap:wrap"></div>
<div class="modal-divider"></div>
<div id="intel-modal-body" class="intel-body"></div>
<div class="modal-footer">
<button id="intelCloseBtn">Close</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/intel-shared.js"></script>
<script src="/admin/assets/js/intel-predictions.js"></script>
</body>
</html>