54 lines
1.6 KiB
HTML
54 lines
1.6 KiB
HTML
<div class="panel-header-row">
|
|
<div>
|
|
<h1>Analytics</h1>
|
|
<p>Basic activity counters from chat history and moderation audit logs.</p>
|
|
</div>
|
|
<div class="button-row">
|
|
<select id="analytics-range" class="text-input" style="width: auto">
|
|
<option value="1h">Last hour</option>
|
|
<option value="6h">Last 6 hours</option>
|
|
<option value="24h" selected>Last 24 hours</option>
|
|
<option value="7d">Last 7 days</option>
|
|
</select>
|
|
<button id="reload-analytics-btn" type="button" class="btn btn-secondary">Reload analytics</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="stat-grid">
|
|
<article class="stat-card">
|
|
<h2>Total Messages</h2>
|
|
<p id="analytics-total-messages" class="stat-value">0</p>
|
|
</article>
|
|
<article class="stat-card">
|
|
<h2>Last 24 Hours</h2>
|
|
<p id="analytics-messages-24h" class="stat-value">0</p>
|
|
</article>
|
|
<article class="stat-card">
|
|
<h2>Distinct Rooms</h2>
|
|
<p id="analytics-distinct-rooms" class="stat-value">0</p>
|
|
</article>
|
|
<article class="stat-card">
|
|
<h2>Moderation Actions</h2>
|
|
<p id="analytics-moderation-actions" class="stat-value">0</p>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="panel-card">
|
|
<div class="panel-header-row">
|
|
<h2>Top Rooms</h2>
|
|
<p id="analytics-generated-at" class="small-muted">loading...</p>
|
|
</div>
|
|
<div class="table-wrap">
|
|
<table class="data-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Room</th>
|
|
<th>Messages</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="analytics-table-body"></tbody>
|
|
</table>
|
|
</div>
|
|
<p id="analytics-status" class="status-line" aria-live="polite">Loading analytics...</p>
|
|
</div>
|