feat(admin): SFM + SLMM diagnostic pages under Developer settings
New /admin/sfm page (linked from Settings → Developer):
- Health banner — green/red with version + last-checked timestamp
- Connection panel — shows SFM_BASE_URL terra-view is configured with
- 4 KPI tiles — known units, total events, stale monitor_log rows,
stale ach_sessions rows (the deprecated tables from the paused
Python-ACH experiment, useful for confirming nothing's growing them)
- Per-unit roll-up table — serial, last_seen, event count, stale
per-unit counts, sourced from SFM's /db/units
- Recent events with forwarding latency — color-coded gap between
the event's recorded timestamp and SFM ingest time, so operators
can spot watchers that are forwarding stale files (e.g. after a
jobsite outage)
- Raw API tester — text input + GET button against any /api/sfm/*
path, response rendered as prettified JSON
New /admin/slmm page — same layout, stripped down to health + connection
+ raw API tester. For per-device SLM control the existing
/sound-level-meters dashboard remains the right entry point.
Backend (backend/routers/admin_modules.py):
- GET /admin/sfm, GET /admin/slmm — HTML pages
- GET /api/admin/sfm/overview — single aggregated probe that returns
health, units, last 25 events with computed latency, stale-table
counts, cache stats. Tolerant of partial failures: any sub-fetch
error is captured into errors{} so a flaky SFM endpoint doesn't
break the whole page
- GET /api/admin/slmm/overview — health + connection info only for now
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -106,6 +106,9 @@ app.include_router(settings.router)
|
|||||||
from backend.routers import watcher_manager
|
from backend.routers import watcher_manager
|
||||||
app.include_router(watcher_manager.router)
|
app.include_router(watcher_manager.router)
|
||||||
|
|
||||||
|
from backend.routers import admin_modules
|
||||||
|
app.include_router(admin_modules.router)
|
||||||
|
|
||||||
# Projects system routers
|
# Projects system routers
|
||||||
app.include_router(projects.router)
|
app.include_router(projects.router)
|
||||||
app.include_router(project_locations.router)
|
app.include_router(project_locations.router)
|
||||||
|
|||||||
@@ -0,0 +1,209 @@
|
|||||||
|
"""
|
||||||
|
Admin / diagnostic pages for the device modules (SFM, SLMM).
|
||||||
|
|
||||||
|
These pages live under /admin/{module} and exist purely so an operator can
|
||||||
|
peek under the hood and confirm the module is reachable, what data it's
|
||||||
|
holding, and whether the proxy from terra-view is healthy.
|
||||||
|
|
||||||
|
Routes:
|
||||||
|
GET /admin/sfm — SFM diagnostic page
|
||||||
|
GET /admin/slmm — SLMM diagnostic page
|
||||||
|
|
||||||
|
API helpers (called by the HTML pages via fetch):
|
||||||
|
GET /api/admin/sfm/overview — aggregated SFM health + db stats in one call
|
||||||
|
GET /api/admin/slmm/overview — aggregated SLMM health + device count
|
||||||
|
|
||||||
|
The pages are intentionally read-only. Any actual administration of SFM
|
||||||
|
or SLMM happens in those modules directly.
|
||||||
|
"""
|
||||||
|
|
||||||
|
import logging
|
||||||
|
import os
|
||||||
|
from datetime import datetime, timezone
|
||||||
|
from typing import Any, Dict
|
||||||
|
|
||||||
|
import httpx
|
||||||
|
from fastapi import APIRouter, Depends, Request
|
||||||
|
from fastapi.responses import HTMLResponse, JSONResponse
|
||||||
|
from sqlalchemy.orm import Session
|
||||||
|
|
||||||
|
from backend.database import get_db
|
||||||
|
from backend.templates_config import templates
|
||||||
|
|
||||||
|
log = logging.getLogger(__name__)
|
||||||
|
|
||||||
|
router = APIRouter()
|
||||||
|
|
||||||
|
SFM_BASE_URL = os.getenv("SFM_BASE_URL", "http://localhost:8200")
|
||||||
|
SLMM_BASE_URL = os.getenv("SLMM_BASE_URL", "http://localhost:8100")
|
||||||
|
|
||||||
|
|
||||||
|
# ── SFM ───────────────────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
|
||||||
|
@router.get("/admin/sfm", response_class=HTMLResponse)
|
||||||
|
def admin_sfm_page(request: Request):
|
||||||
|
return templates.TemplateResponse("admin_sfm.html", {
|
||||||
|
"request": request,
|
||||||
|
"sfm_base_url": SFM_BASE_URL,
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
@router.get("/api/admin/sfm/overview")
|
||||||
|
async def admin_sfm_overview() -> JSONResponse:
|
||||||
|
"""Aggregated SFM diagnostic snapshot.
|
||||||
|
|
||||||
|
Returns health, db stats, stale-table counts, per-unit summary, and
|
||||||
|
recent events with forwarding latency. Tolerant of partial failures:
|
||||||
|
any individual sub-fetch error is captured into its section, so a flaky
|
||||||
|
sub-endpoint doesn't break the whole page.
|
||||||
|
"""
|
||||||
|
overview: Dict[str, Any] = {
|
||||||
|
"sfm_base_url": SFM_BASE_URL,
|
||||||
|
"checked_at": datetime.now(timezone.utc).isoformat(),
|
||||||
|
"health": None,
|
||||||
|
"reachable": False,
|
||||||
|
"units": [],
|
||||||
|
"events": [],
|
||||||
|
"stale": {
|
||||||
|
"monitor_log": None,
|
||||||
|
"sessions": None,
|
||||||
|
},
|
||||||
|
"cache_stats": None,
|
||||||
|
"errors": {},
|
||||||
|
}
|
||||||
|
|
||||||
|
async with httpx.AsyncClient(timeout=5.0) as client:
|
||||||
|
# Health
|
||||||
|
try:
|
||||||
|
r = await client.get(f"{SFM_BASE_URL}/health")
|
||||||
|
r.raise_for_status()
|
||||||
|
overview["health"] = r.json()
|
||||||
|
overview["reachable"] = overview["health"].get("status") == "ok"
|
||||||
|
except Exception as e: # noqa: BLE001
|
||||||
|
overview["errors"]["health"] = str(e)
|
||||||
|
overview["reachable"] = False
|
||||||
|
|
||||||
|
# If SFM is down, no point hitting the rest.
|
||||||
|
if not overview["reachable"]:
|
||||||
|
return JSONResponse(overview)
|
||||||
|
|
||||||
|
# Units
|
||||||
|
try:
|
||||||
|
r = await client.get(f"{SFM_BASE_URL}/db/units")
|
||||||
|
r.raise_for_status()
|
||||||
|
overview["units"] = r.json() or []
|
||||||
|
except Exception as e: # noqa: BLE001
|
||||||
|
overview["errors"]["units"] = str(e)
|
||||||
|
|
||||||
|
# Recent events (newest 25 — bigger sample of the call-home stream)
|
||||||
|
try:
|
||||||
|
r = await client.get(f"{SFM_BASE_URL}/db/events", params={"limit": 25})
|
||||||
|
r.raise_for_status()
|
||||||
|
payload = r.json() or {}
|
||||||
|
events = payload.get("events", []) or []
|
||||||
|
# Compute forwarding latency: created_at (SFM ingest) − timestamp (event).
|
||||||
|
now = datetime.now(timezone.utc)
|
||||||
|
for ev in events:
|
||||||
|
ev.pop("waveform_blob", None)
|
||||||
|
ev.pop("a5_pickle_filename", None)
|
||||||
|
ts_str = ev.get("timestamp")
|
||||||
|
ca_str = ev.get("created_at")
|
||||||
|
latency_seconds = None
|
||||||
|
try:
|
||||||
|
if ts_str and ca_str:
|
||||||
|
ts = datetime.fromisoformat(ts_str.replace("Z", "+00:00"))
|
||||||
|
ca = datetime.fromisoformat(ca_str.replace("Z", "+00:00"))
|
||||||
|
if ts.tzinfo is None: ts = ts.replace(tzinfo=timezone.utc)
|
||||||
|
if ca.tzinfo is None: ca = ca.replace(tzinfo=timezone.utc)
|
||||||
|
latency_seconds = (ca - ts).total_seconds()
|
||||||
|
except ValueError:
|
||||||
|
pass
|
||||||
|
ev["forwarding_latency_seconds"] = latency_seconds
|
||||||
|
overview["events"] = events
|
||||||
|
except Exception as e: # noqa: BLE001
|
||||||
|
overview["errors"]["events"] = str(e)
|
||||||
|
|
||||||
|
# Stale tables (deprecated by the watcher-forward pipeline but still
|
||||||
|
# present in SFM's SQLite). Surface as counts only.
|
||||||
|
for key, path in (("monitor_log", "/db/monitor_log"),
|
||||||
|
("sessions", "/db/sessions")):
|
||||||
|
try:
|
||||||
|
r = await client.get(f"{SFM_BASE_URL}{path}", params={"limit": 1})
|
||||||
|
r.raise_for_status()
|
||||||
|
payload = r.json() or {}
|
||||||
|
# SFM returns count = total when limit covers all rows; we
|
||||||
|
# query with limit=1 just to be polite, then ask again with
|
||||||
|
# a high limit if we need the real total.
|
||||||
|
first_count = payload.get("count")
|
||||||
|
if first_count is None:
|
||||||
|
overview["stale"][key] = None
|
||||||
|
continue
|
||||||
|
# Re-query with high limit to get the true total.
|
||||||
|
r2 = await client.get(f"{SFM_BASE_URL}{path}", params={"limit": 100000})
|
||||||
|
r2.raise_for_status()
|
||||||
|
overview["stale"][key] = (r2.json() or {}).get("count")
|
||||||
|
except Exception as e: # noqa: BLE001
|
||||||
|
overview["errors"][f"stale_{key}"] = str(e)
|
||||||
|
|
||||||
|
# Cache stats (in-memory device cache on SFM)
|
||||||
|
try:
|
||||||
|
r = await client.get(f"{SFM_BASE_URL}/cache/stats")
|
||||||
|
r.raise_for_status()
|
||||||
|
overview["cache_stats"] = r.json()
|
||||||
|
except Exception as e: # noqa: BLE001
|
||||||
|
overview["errors"]["cache_stats"] = str(e)
|
||||||
|
|
||||||
|
# Aggregate counts the UI can render without re-walking arrays
|
||||||
|
overview["totals"] = {
|
||||||
|
"units": len(overview["units"]),
|
||||||
|
"events_total": sum(u.get("total_events", 0) for u in overview["units"]),
|
||||||
|
"stale_monitor_log": overview["stale"]["monitor_log"],
|
||||||
|
"stale_sessions": overview["stale"]["sessions"],
|
||||||
|
}
|
||||||
|
|
||||||
|
return JSONResponse(overview)
|
||||||
|
|
||||||
|
|
||||||
|
# ── SLMM ──────────────────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
|
||||||
|
@router.get("/admin/slmm", response_class=HTMLResponse)
|
||||||
|
def admin_slmm_page(request: Request):
|
||||||
|
return templates.TemplateResponse("admin_slmm.html", {
|
||||||
|
"request": request,
|
||||||
|
"slmm_base_url": SLMM_BASE_URL,
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
@router.get("/api/admin/slmm/overview")
|
||||||
|
async def admin_slmm_overview() -> JSONResponse:
|
||||||
|
"""Aggregated SLMM diagnostic snapshot."""
|
||||||
|
overview: Dict[str, Any] = {
|
||||||
|
"slmm_base_url": SLMM_BASE_URL,
|
||||||
|
"checked_at": datetime.now(timezone.utc).isoformat(),
|
||||||
|
"health": None,
|
||||||
|
"reachable": False,
|
||||||
|
"devices": [],
|
||||||
|
"errors": {},
|
||||||
|
}
|
||||||
|
|
||||||
|
async with httpx.AsyncClient(timeout=5.0) as client:
|
||||||
|
try:
|
||||||
|
r = await client.get(f"{SLMM_BASE_URL}/health")
|
||||||
|
r.raise_for_status()
|
||||||
|
overview["health"] = r.json()
|
||||||
|
overview["reachable"] = True
|
||||||
|
except Exception as e: # noqa: BLE001
|
||||||
|
overview["errors"]["health"] = str(e)
|
||||||
|
return JSONResponse(overview)
|
||||||
|
|
||||||
|
# Pull a roster of configured devices (SLMM exposes per-unit
|
||||||
|
# config + status under /api/nl43/*). This is a best-effort probe
|
||||||
|
# — SLMM doesn't expose a "list all devices" endpoint, so we ask
|
||||||
|
# terra-view's RosterUnit table what serials it knows about for
|
||||||
|
# SLMs and just check each one. For now, just surface the health
|
||||||
|
# payload and let the operator click through to /sound-level-meters
|
||||||
|
# for the per-device details.
|
||||||
|
|
||||||
|
return JSONResponse(overview)
|
||||||
@@ -0,0 +1,264 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block title %}SFM Admin - Seismo Fleet Manager{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="mb-8 flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<a href="/settings#developer" class="text-sm text-seismo-orange hover:text-seismo-burgundy">← Back to Developer Tools</a>
|
||||||
|
<h1 class="text-3xl font-bold text-gray-900 dark:text-white mt-1">SFM Admin</h1>
|
||||||
|
<p class="text-gray-600 dark:text-gray-400 mt-1">Diagnostics for the Seismograph Field Module (SFM) backend.</p>
|
||||||
|
</div>
|
||||||
|
<button onclick="loadSfmOverview()"
|
||||||
|
class="px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white text-sm font-medium rounded-lg">
|
||||||
|
<span id="refresh-label">↻ Refresh</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Health Banner -->
|
||||||
|
<div id="health-banner" class="rounded-xl p-4 mb-6 bg-gray-100 dark:bg-slate-800 border border-gray-200 dark:border-gray-700">
|
||||||
|
<p class="text-sm text-gray-500 dark:text-gray-400">Loading SFM status…</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Connection Info -->
|
||||||
|
<div class="rounded-xl bg-white dark:bg-slate-800 shadow-lg p-4 mb-6">
|
||||||
|
<h2 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider mb-2">Connection</h2>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
|
||||||
|
<div>
|
||||||
|
<span class="text-gray-500 dark:text-gray-400">terra-view → SFM URL</span>
|
||||||
|
<div class="font-mono text-gray-900 dark:text-white mt-0.5">{{ sfm_base_url }}</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="text-gray-500 dark:text-gray-400">Last checked</span>
|
||||||
|
<div class="font-mono text-gray-900 dark:text-white mt-0.5" id="checked-at">—</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="text-gray-500 dark:text-gray-400">Version</span>
|
||||||
|
<div class="font-mono text-gray-900 dark:text-white mt-0.5" id="sfm-version">—</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Stats Grid -->
|
||||||
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
|
||||||
|
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-4">
|
||||||
|
<div class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Known Units</div>
|
||||||
|
<div class="text-2xl font-bold text-gray-900 dark:text-white mt-1" id="stat-units">—</div>
|
||||||
|
</div>
|
||||||
|
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-4">
|
||||||
|
<div class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider">Total Events</div>
|
||||||
|
<div class="text-2xl font-bold text-gray-900 dark:text-white mt-1" id="stat-events">—</div>
|
||||||
|
</div>
|
||||||
|
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-4">
|
||||||
|
<div class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider" title="Rows in SFM's deprecated monitor_log table (from paused Python-ACH experiment)">Stale: monitor_log</div>
|
||||||
|
<div class="text-2xl font-bold text-gray-400 dark:text-gray-500 mt-1" id="stat-stale-monitor">—</div>
|
||||||
|
</div>
|
||||||
|
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-4">
|
||||||
|
<div class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider" title="Rows in SFM's deprecated ach_sessions table (from paused Python-ACH experiment)">Stale: ach_sessions</div>
|
||||||
|
<div class="text-2xl font-bold text-gray-400 dark:text-gray-500 mt-1" id="stat-stale-sessions">—</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Units Table -->
|
||||||
|
<div class="rounded-xl bg-white dark:bg-slate-800 shadow-lg p-4 mb-6">
|
||||||
|
<h2 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider mb-3">Per-Unit Roll-up</h2>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-3">All seismograph serials SFM has ever seen, with their last-event timestamp and total event count. Sourced from <code class="font-mono">GET /db/units</code>.</p>
|
||||||
|
<div class="overflow-x-auto">
|
||||||
|
<table class="w-full text-left text-sm">
|
||||||
|
<thead class="bg-gray-50 dark:bg-slate-700">
|
||||||
|
<tr>
|
||||||
|
<th class="px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-400 uppercase">Serial</th>
|
||||||
|
<th class="px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-400 uppercase">Last Seen</th>
|
||||||
|
<th class="px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-400 uppercase text-right">Events</th>
|
||||||
|
<th class="px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-400 uppercase text-right">Monitor (stale)</th>
|
||||||
|
<th class="px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-400 uppercase text-right">Sessions (stale)</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="units-tbody" class="divide-y divide-gray-200 dark:divide-gray-700">
|
||||||
|
<tr><td colspan="5" class="px-3 py-6 text-center text-gray-500">Loading…</td></tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Recent Events with Latency -->
|
||||||
|
<div class="rounded-xl bg-white dark:bg-slate-800 shadow-lg p-4 mb-6">
|
||||||
|
<h2 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider mb-3">Recent Events — Forwarding Latency</h2>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-3">The last 25 events SFM ingested, with the gap between the event's recorded timestamp and when SFM received the forward. Large latencies indicate the watcher is forwarding stale files (e.g. after a network outage).</p>
|
||||||
|
<div class="overflow-x-auto">
|
||||||
|
<table class="w-full text-left text-sm">
|
||||||
|
<thead class="bg-gray-50 dark:bg-slate-700">
|
||||||
|
<tr>
|
||||||
|
<th class="px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-400 uppercase">Recorded</th>
|
||||||
|
<th class="px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-400 uppercase">Serial</th>
|
||||||
|
<th class="px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-400 uppercase">Forwarded</th>
|
||||||
|
<th class="px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-400 uppercase">Latency</th>
|
||||||
|
<th class="px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-400 uppercase">File</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="events-tbody" class="divide-y divide-gray-200 dark:divide-gray-700">
|
||||||
|
<tr><td colspan="5" class="px-3 py-6 text-center text-gray-500">Loading…</td></tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Raw API tester -->
|
||||||
|
<div class="rounded-xl bg-white dark:bg-slate-800 shadow-lg p-4 mb-6">
|
||||||
|
<h2 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider mb-3">Raw API Tester</h2>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-3">Send a GET request to any SFM endpoint via the terra-view <code class="font-mono">/api/sfm/*</code> proxy. Path is relative to SFM root (no leading slash).</p>
|
||||||
|
<div class="flex gap-2 mb-3">
|
||||||
|
<span class="px-3 py-2 text-sm bg-gray-100 dark:bg-slate-700 text-gray-700 dark:text-gray-300 font-mono rounded-l-lg">/api/sfm/</span>
|
||||||
|
<input id="raw-path" type="text" placeholder="db/units" value="db/units"
|
||||||
|
class="flex-1 px-3 py-2 text-sm bg-white dark:bg-slate-900 text-gray-900 dark:text-white border border-gray-300 dark:border-gray-600 rounded font-mono"
|
||||||
|
onkeydown="if(event.key==='Enter') sendRaw();">
|
||||||
|
<button onclick="sendRaw()"
|
||||||
|
class="px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white text-sm rounded-lg">
|
||||||
|
GET
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<pre id="raw-response" class="bg-gray-900 dark:bg-black text-gray-200 font-mono text-xs p-3 rounded-lg max-h-96 overflow-auto whitespace-pre hidden"></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function _fmtAge(seconds) {
|
||||||
|
if (seconds == null) return '—';
|
||||||
|
const abs = Math.abs(seconds);
|
||||||
|
if (abs < 60) return seconds.toFixed(0) + 's';
|
||||||
|
if (abs < 3600) return (seconds / 60).toFixed(1) + 'm';
|
||||||
|
if (abs < 86400) return (seconds / 3600).toFixed(1) + 'h';
|
||||||
|
return (seconds / 86400).toFixed(1) + 'd';
|
||||||
|
}
|
||||||
|
|
||||||
|
function _latencyClass(seconds) {
|
||||||
|
if (seconds == null) return 'text-gray-400';
|
||||||
|
if (seconds < 600) return 'text-green-600 dark:text-green-400'; // <10 min
|
||||||
|
if (seconds < 3600) return 'text-amber-600 dark:text-amber-400'; // <1 hr
|
||||||
|
return 'text-red-600 dark:text-red-400 font-semibold'; // 1hr+
|
||||||
|
}
|
||||||
|
|
||||||
|
function _esc(s) {
|
||||||
|
if (s == null) return '';
|
||||||
|
return String(s).replace(/&/g, '&')
|
||||||
|
.replace(/</g, '<')
|
||||||
|
.replace(/>/g, '>')
|
||||||
|
.replace(/"/g, '"');
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadSfmOverview() {
|
||||||
|
const lbl = document.getElementById('refresh-label');
|
||||||
|
lbl.textContent = '↻ Loading…';
|
||||||
|
try {
|
||||||
|
const r = await fetch('/api/admin/sfm/overview');
|
||||||
|
if (!r.ok) throw new Error('HTTP ' + r.status);
|
||||||
|
const d = await r.json();
|
||||||
|
renderOverview(d);
|
||||||
|
} catch (e) {
|
||||||
|
document.getElementById('health-banner').innerHTML = `
|
||||||
|
<div class="text-red-600 dark:text-red-400 text-sm font-medium">
|
||||||
|
Failed to load SFM overview: ${_esc(e.message)}
|
||||||
|
</div>`;
|
||||||
|
} finally {
|
||||||
|
lbl.textContent = '↻ Refresh';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderOverview(d) {
|
||||||
|
// Banner
|
||||||
|
const banner = document.getElementById('health-banner');
|
||||||
|
if (d.reachable) {
|
||||||
|
banner.className = 'rounded-xl p-4 mb-6 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800';
|
||||||
|
banner.innerHTML = `
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<span class="w-3 h-3 rounded-full bg-green-500"></span>
|
||||||
|
<div>
|
||||||
|
<div class="font-semibold text-green-800 dark:text-green-300">SFM reachable</div>
|
||||||
|
<div class="text-xs text-green-700 dark:text-green-400">${_esc(d.health?.service || 'sfm')} v${_esc(d.health?.version || '?')}</div>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
} else {
|
||||||
|
banner.className = 'rounded-xl p-4 mb-6 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800';
|
||||||
|
const errs = Object.entries(d.errors || {}).map(([k, v]) => `${k}: ${v}`).join('; ');
|
||||||
|
banner.innerHTML = `
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<span class="w-3 h-3 rounded-full bg-red-500"></span>
|
||||||
|
<div>
|
||||||
|
<div class="font-semibold text-red-800 dark:text-red-300">SFM unreachable</div>
|
||||||
|
<div class="text-xs text-red-700 dark:text-red-400">${_esc(errs || 'no details')}</div>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Header info
|
||||||
|
document.getElementById('checked-at').textContent = d.checked_at ? d.checked_at.slice(0, 19).replace('T', ' ') : '—';
|
||||||
|
document.getElementById('sfm-version').textContent = d.health?.version || '—';
|
||||||
|
|
||||||
|
// Stats
|
||||||
|
const t = d.totals || {};
|
||||||
|
document.getElementById('stat-units').textContent = (t.units ?? 0).toLocaleString();
|
||||||
|
document.getElementById('stat-events').textContent = (t.events_total ?? 0).toLocaleString();
|
||||||
|
document.getElementById('stat-stale-monitor').textContent = t.stale_monitor_log != null ? t.stale_monitor_log.toLocaleString() : '—';
|
||||||
|
document.getElementById('stat-stale-sessions').textContent = t.stale_sessions != null ? t.stale_sessions.toLocaleString() : '—';
|
||||||
|
|
||||||
|
// Units table
|
||||||
|
const unitsBody = document.getElementById('units-tbody');
|
||||||
|
if (!d.units || d.units.length === 0) {
|
||||||
|
unitsBody.innerHTML = `<tr><td colspan="5" class="px-3 py-6 text-center text-gray-500">No units in SFM yet.</td></tr>`;
|
||||||
|
} else {
|
||||||
|
const sorted = [...d.units].sort((a, b) => (b.last_seen || '').localeCompare(a.last_seen || ''));
|
||||||
|
unitsBody.innerHTML = sorted.map(u => {
|
||||||
|
const ls = u.last_seen ? u.last_seen.replace('T', ' ').slice(0, 19) : '—';
|
||||||
|
return `<tr class="hover:bg-gray-50 dark:hover:bg-slate-700/50">
|
||||||
|
<td class="px-3 py-2 font-mono text-seismo-orange"><a href="/unit/${encodeURIComponent(u.serial)}" class="hover:underline">${_esc(u.serial)}</a></td>
|
||||||
|
<td class="px-3 py-2 text-gray-900 dark:text-gray-200">${_esc(ls)}</td>
|
||||||
|
<td class="px-3 py-2 text-right text-gray-900 dark:text-gray-200">${(u.total_events || 0).toLocaleString()}</td>
|
||||||
|
<td class="px-3 py-2 text-right text-gray-500">${(u.total_monitor_entries || 0).toLocaleString()}</td>
|
||||||
|
<td class="px-3 py-2 text-right text-gray-500">${(u.total_sessions || 0).toLocaleString()}</td>
|
||||||
|
</tr>`;
|
||||||
|
}).join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Events table
|
||||||
|
const evBody = document.getElementById('events-tbody');
|
||||||
|
if (!d.events || d.events.length === 0) {
|
||||||
|
evBody.innerHTML = `<tr><td colspan="5" class="px-3 py-6 text-center text-gray-500">No events.</td></tr>`;
|
||||||
|
} else {
|
||||||
|
evBody.innerHTML = d.events.map(ev => {
|
||||||
|
const ts = ev.timestamp ? ev.timestamp.replace('T', ' ').slice(0, 19) : '—';
|
||||||
|
const ca = ev.created_at ? ev.created_at.replace('T', ' ').slice(0, 19) : '—';
|
||||||
|
const lat = ev.forwarding_latency_seconds;
|
||||||
|
return `<tr class="hover:bg-gray-50 dark:hover:bg-slate-700/50">
|
||||||
|
<td class="px-3 py-2 text-gray-900 dark:text-gray-200 whitespace-nowrap">${_esc(ts)}</td>
|
||||||
|
<td class="px-3 py-2 font-mono text-seismo-orange">${_esc(ev.serial)}</td>
|
||||||
|
<td class="px-3 py-2 text-gray-600 dark:text-gray-400 whitespace-nowrap">${_esc(ca)}</td>
|
||||||
|
<td class="px-3 py-2 font-mono ${_latencyClass(lat)}">${_fmtAge(lat)}</td>
|
||||||
|
<td class="px-3 py-2 font-mono text-xs text-gray-500 dark:text-gray-400">${_esc(ev.blastware_filename || '—')}</td>
|
||||||
|
</tr>`;
|
||||||
|
}).join('');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function sendRaw() {
|
||||||
|
const path = document.getElementById('raw-path').value.trim().replace(/^\//, '');
|
||||||
|
if (!path) return;
|
||||||
|
const pre = document.getElementById('raw-response');
|
||||||
|
pre.classList.remove('hidden');
|
||||||
|
pre.textContent = 'Loading…';
|
||||||
|
try {
|
||||||
|
const r = await fetch('/api/sfm/' + path);
|
||||||
|
const text = await r.text();
|
||||||
|
try {
|
||||||
|
const j = JSON.parse(text);
|
||||||
|
pre.textContent = `HTTP ${r.status}\n\n${JSON.stringify(j, null, 2)}`;
|
||||||
|
} catch {
|
||||||
|
pre.textContent = `HTTP ${r.status}\n\n${text.slice(0, 8000)}`;
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
pre.textContent = 'Error: ' + e.message;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
loadSfmOverview();
|
||||||
|
setInterval(loadSfmOverview, 30000);
|
||||||
|
</script>
|
||||||
|
{% endblock %}
|
||||||
@@ -0,0 +1,138 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block title %}SLMM Admin - Seismo Fleet Manager{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="mb-8 flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<a href="/settings#developer" class="text-sm text-seismo-orange hover:text-seismo-burgundy">← Back to Developer Tools</a>
|
||||||
|
<h1 class="text-3xl font-bold text-gray-900 dark:text-white mt-1">SLMM Admin</h1>
|
||||||
|
<p class="text-gray-600 dark:text-gray-400 mt-1">Diagnostics for the Sound Level Meter Manager (SLMM) backend.</p>
|
||||||
|
</div>
|
||||||
|
<button onclick="loadSlmmOverview()"
|
||||||
|
class="px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white text-sm font-medium rounded-lg">
|
||||||
|
<span id="refresh-label">↻ Refresh</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Health Banner -->
|
||||||
|
<div id="health-banner" class="rounded-xl p-4 mb-6 bg-gray-100 dark:bg-slate-800 border border-gray-200 dark:border-gray-700">
|
||||||
|
<p class="text-sm text-gray-500 dark:text-gray-400">Loading SLMM status…</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Connection Info -->
|
||||||
|
<div class="rounded-xl bg-white dark:bg-slate-800 shadow-lg p-4 mb-6">
|
||||||
|
<h2 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider mb-2">Connection</h2>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
|
||||||
|
<div>
|
||||||
|
<span class="text-gray-500 dark:text-gray-400">terra-view → SLMM URL</span>
|
||||||
|
<div class="font-mono text-gray-900 dark:text-white mt-0.5">{{ slmm_base_url }}</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="text-gray-500 dark:text-gray-400">Last checked</span>
|
||||||
|
<div class="font-mono text-gray-900 dark:text-white mt-0.5" id="checked-at">—</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="text-gray-500 dark:text-gray-400">Version</span>
|
||||||
|
<div class="font-mono text-gray-900 dark:text-white mt-0.5" id="slmm-version">—</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mt-3 text-xs text-gray-500 dark:text-gray-400">
|
||||||
|
For per-device SLM control, see the <a href="/sound-level-meters" class="text-seismo-orange hover:text-seismo-burgundy underline">Sound Level Meters dashboard</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Raw API tester -->
|
||||||
|
<div class="rounded-xl bg-white dark:bg-slate-800 shadow-lg p-4 mb-6">
|
||||||
|
<h2 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider mb-3">Raw API Tester</h2>
|
||||||
|
<p class="text-xs text-gray-500 dark:text-gray-400 mb-3">Send a GET request to any SLMM endpoint via the terra-view <code class="font-mono">/api/slmm/*</code> proxy.</p>
|
||||||
|
<div class="flex gap-2 mb-3">
|
||||||
|
<span class="px-3 py-2 text-sm bg-gray-100 dark:bg-slate-700 text-gray-700 dark:text-gray-300 font-mono rounded-l-lg">/api/slmm/</span>
|
||||||
|
<input id="raw-path" type="text" placeholder="health" value="health"
|
||||||
|
class="flex-1 px-3 py-2 text-sm bg-white dark:bg-slate-900 text-gray-900 dark:text-white border border-gray-300 dark:border-gray-600 rounded font-mono"
|
||||||
|
onkeydown="if(event.key==='Enter') sendRaw();">
|
||||||
|
<button onclick="sendRaw()"
|
||||||
|
class="px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white text-sm rounded-lg">
|
||||||
|
GET
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<pre id="raw-response" class="bg-gray-900 dark:bg-black text-gray-200 font-mono text-xs p-3 rounded-lg max-h-96 overflow-auto whitespace-pre hidden"></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function _esc(s) {
|
||||||
|
if (s == null) return '';
|
||||||
|
return String(s).replace(/&/g, '&')
|
||||||
|
.replace(/</g, '<')
|
||||||
|
.replace(/>/g, '>')
|
||||||
|
.replace(/"/g, '"');
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadSlmmOverview() {
|
||||||
|
const lbl = document.getElementById('refresh-label');
|
||||||
|
lbl.textContent = '↻ Loading…';
|
||||||
|
try {
|
||||||
|
const r = await fetch('/api/admin/slmm/overview');
|
||||||
|
if (!r.ok) throw new Error('HTTP ' + r.status);
|
||||||
|
const d = await r.json();
|
||||||
|
|
||||||
|
document.getElementById('checked-at').textContent = d.checked_at ? d.checked_at.slice(0, 19).replace('T', ' ') : '—';
|
||||||
|
document.getElementById('slmm-version').textContent = d.health?.version || '—';
|
||||||
|
|
||||||
|
const banner = document.getElementById('health-banner');
|
||||||
|
if (d.reachable) {
|
||||||
|
banner.className = 'rounded-xl p-4 mb-6 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800';
|
||||||
|
banner.innerHTML = `
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<span class="w-3 h-3 rounded-full bg-green-500"></span>
|
||||||
|
<div>
|
||||||
|
<div class="font-semibold text-green-800 dark:text-green-300">SLMM reachable</div>
|
||||||
|
<div class="text-xs text-green-700 dark:text-green-400">${_esc(d.health?.service || 'slmm')}</div>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
} else {
|
||||||
|
const errs = Object.entries(d.errors || {}).map(([k, v]) => `${k}: ${v}`).join('; ');
|
||||||
|
banner.className = 'rounded-xl p-4 mb-6 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800';
|
||||||
|
banner.innerHTML = `
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<span class="w-3 h-3 rounded-full bg-red-500"></span>
|
||||||
|
<div>
|
||||||
|
<div class="font-semibold text-red-800 dark:text-red-300">SLMM unreachable</div>
|
||||||
|
<div class="text-xs text-red-700 dark:text-red-400">${_esc(errs || 'no details')}</div>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
document.getElementById('health-banner').innerHTML = `
|
||||||
|
<div class="text-red-600 dark:text-red-400 text-sm font-medium">
|
||||||
|
Failed to load SLMM overview: ${_esc(e.message)}
|
||||||
|
</div>`;
|
||||||
|
} finally {
|
||||||
|
lbl.textContent = '↻ Refresh';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function sendRaw() {
|
||||||
|
const path = document.getElementById('raw-path').value.trim().replace(/^\//, '');
|
||||||
|
if (!path) return;
|
||||||
|
const pre = document.getElementById('raw-response');
|
||||||
|
pre.classList.remove('hidden');
|
||||||
|
pre.textContent = 'Loading…';
|
||||||
|
try {
|
||||||
|
const r = await fetch('/api/slmm/' + path);
|
||||||
|
const text = await r.text();
|
||||||
|
try {
|
||||||
|
const j = JSON.parse(text);
|
||||||
|
pre.textContent = `HTTP ${r.status}\n\n${JSON.stringify(j, null, 2)}`;
|
||||||
|
} catch {
|
||||||
|
pre.textContent = `HTTP ${r.status}\n\n${text.slice(0, 8000)}`;
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
pre.textContent = 'Error: ' + e.message;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
loadSlmmOverview();
|
||||||
|
setInterval(loadSlmmOverview, 30000);
|
||||||
|
</script>
|
||||||
|
{% endblock %}
|
||||||
+27
-1
@@ -561,7 +561,33 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{# SFM Admin moved back to main nav as "Events" — see sidebar. #}
|
<!-- SFM Admin -->
|
||||||
|
<div class="flex items-center justify-between p-4 bg-gray-50 dark:bg-slate-700 rounded-lg">
|
||||||
|
<div>
|
||||||
|
<div class="font-medium text-gray-900 dark:text-white">SFM Admin</div>
|
||||||
|
<div class="text-sm text-gray-500 dark:text-gray-400 mt-0.5">
|
||||||
|
Diagnose the SFM backend — health, per-unit event counts, forwarding latency, stale tables, raw API probe.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="/admin/sfm"
|
||||||
|
class="ml-6 px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white text-sm font-medium rounded-lg transition-colors whitespace-nowrap">
|
||||||
|
Open
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- SLMM Admin -->
|
||||||
|
<div class="flex items-center justify-between p-4 bg-gray-50 dark:bg-slate-700 rounded-lg">
|
||||||
|
<div>
|
||||||
|
<div class="font-medium text-gray-900 dark:text-white">SLMM Admin</div>
|
||||||
|
<div class="text-sm text-gray-500 dark:text-gray-400 mt-0.5">
|
||||||
|
Diagnose the SLMM backend — health check + raw API probe. For per-device control use the SLM dashboard.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="/admin/slmm"
|
||||||
|
class="ml-6 px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white text-sm font-medium rounded-lg transition-colors whitespace-nowrap">
|
||||||
|
Open
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
{# Metadata Backfill + Project Tidy moved to Tools (they're
|
{# Metadata Backfill + Project Tidy moved to Tools (they're
|
||||||
operator workflows, not admin/dev surfaces). Find them
|
operator workflows, not admin/dev surfaces). Find them
|
||||||
|
|||||||
Reference in New Issue
Block a user