Timeline
@@ -1886,8 +1971,186 @@ loadUnitData().then(() => {
loadPhotos();
loadUnitHistory();
loadDeploymentHistory();
+ if (currentUnit && currentUnit.device_type === 'seismograph') {
+ document.getElementById('sfmEventsSection').classList.remove('hidden');
+ loadUnitEvents();
+ }
});
+// ── SFM Events section ──────────────────────────────────────────────────────
+function clearUnitEventFilters() {
+ document.getElementById('ue-filter-bucket').value = 'all';
+ document.getElementById('ue-filter-from').value = '';
+ document.getElementById('ue-filter-to').value = '';
+ document.getElementById('ue-filter-ft').value = '';
+ document.getElementById('ue-filter-limit').value = '500';
+ loadUnitEvents();
+}
+
+async function loadUnitEvents() {
+ if (!currentUnit || currentUnit.device_type !== 'seismograph') return;
+ const container = document.getElementById('ue-events-container');
+ container.innerHTML = '
Loading events…
';
+
+ const params = new URLSearchParams();
+ const bucket = document.getElementById('ue-filter-bucket').value;
+ const from = document.getElementById('ue-filter-from').value;
+ const to = document.getElementById('ue-filter-to').value;
+ const ft = document.getElementById('ue-filter-ft').value;
+ const limit = document.getElementById('ue-filter-limit').value;
+ params.set('bucket', bucket);
+ if (from) params.set('from_dt', from.replace('T', ' '));
+ if (to) params.set('to_dt', to.replace('T', ' '));
+ if (ft) params.set('false_trigger', ft);
+ params.set('limit', limit);
+
+ try {
+ const r = await fetch(`/api/units/${currentUnit.id}/events?${params.toString()}`);
+ if (!r.ok) {
+ const err = await r.json().catch(() => ({detail: 'HTTP ' + r.status}));
+ throw new Error(err.detail || 'HTTP ' + r.status);
+ }
+ const d = await r.json();
+ renderUnitEventStats(d.stats);
+ renderUnitEventTable(d.events, d.count, container, bucket, d.assignments_total);
+ } catch (e) {
+ container.innerHTML = `
Failed to load events: ${e.message}
`;
+ }
+}
+
+function renderUnitEventStats(stats) {
+ const s = stats || {};
+ document.getElementById('ue-stat-total').textContent = (s.event_count ?? 0).toLocaleString();
+ const unattrEl = document.getElementById('ue-stat-unattr');
+ unattrEl.textContent = (s.unattributed_count ?? 0).toLocaleString();
+ // Highlight unattributed in amber/red if non-zero — visual signal that
+ // the operator has assignment-window cleanup to do.
+ unattrEl.className = 'text-2xl font-bold mt-1 ' + (
+ (s.unattributed_count ?? 0) > 0
+ ? 'text-amber-600 dark:text-amber-400'
+ : 'text-gray-900 dark:text-white'
+ );
+
+ if (s.peak_pvs != null) {
+ document.getElementById('ue-stat-peak').textContent = s.peak_pvs.toFixed(4) + ' in/s';
+ const when = s.peak_pvs_at ? s.peak_pvs_at.slice(0, 10) : '';
+ document.getElementById('ue-stat-peak-when').textContent = when || '—';
+ } else {
+ document.getElementById('ue-stat-peak').textContent = '—';
+ document.getElementById('ue-stat-peak-when').textContent = '—';
+ }
+
+ if (s.last_event) {
+ const dt = s.last_event.slice(0, 19).replace('T', ' ');
+ document.getElementById('ue-stat-last').textContent = dt;
+ } else {
+ document.getElementById('ue-stat-last').textContent = '—';
+ }
+}
+
+function _ueFmtPPV(v) {
+ if (v == null) return '—';
+ return v.toFixed(4);
+}
+
+function _uePpvClass(v) {
+ if (v == null) return 'text-gray-400';
+ if (v < 0.5) return 'text-green-600 dark:text-green-400';
+ if (v < 2.0) return 'text-amber-600 dark:text-amber-400';
+ return 'text-red-600 dark:text-red-400 font-semibold';
+}
+
+function _ueEsc(s) {
+ if (s == null) return '';
+ return String(s).replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"');
+}
+
+function _ueAttrCell(ev) {
+ const a = ev.attribution;
+ if (a) {
+ // Attributed: project / location link.
+ const projLabel = _ueEsc(a.project_name || '—');
+ const locLabel = _ueEsc(a.location_name || '—');
+ return `
+ 📍 ${locLabel}
+
+
${projLabel}
`;
+ }
+ // Unattributed: show nearest assignment + delta for context.
+ const n = ev.nearest_assignment;
+ if (n) {
+ const sign = n.delta_days < 0 ? 'before' : (n.delta_days > 0 ? 'after' : 'within boundary');
+ const days = Math.abs(n.delta_days);
+ const daysLabel = days < 1
+ ? `<${(days * 24).toFixed(1)}h`
+ : `${days.toFixed(1)}d`;
+ return `
⚠ Unattributed
+
+ ${daysLabel} ${_ueEsc(sign)}
${_ueEsc(n.location_name || '?')}
+
`;
+ }
+ return `
⚠ No assignments`;
+}
+
+function renderUnitEventTable(events, total, container, bucket, assignmentsTotal) {
+ if (!events || events.length === 0) {
+ let msg;
+ if (bucket === 'unattributed') {
+ msg = assignmentsTotal === 0
+ ? 'No assignments yet — every event from this unit is unattributed. Assign it to a project location to start attributing events.'
+ : '✅ All events for this unit are attributed to a project/location.';
+ } else if (bucket === 'attributed') {
+ msg = assignmentsTotal === 0
+ ? 'No assignments yet for this unit.'
+ : 'No events recorded inside any assignment window with the current filter.';
+ } else {
+ msg = 'No events found for this unit with the current filter.';
+ }
+ container.innerHTML = `
${msg}
`;
+ return;
+ }
+
+ const rows = events.map(ev => {
+ const ts = ev.timestamp ? ev.timestamp.replace('T', ' ').slice(0, 19) : '—';
+ const tran = _ueFmtPPV(ev.tran_ppv);
+ const vert = _ueFmtPPV(ev.vert_ppv);
+ const lng = _ueFmtPPV(ev.long_ppv);
+ const pvs = _ueFmtPPV(ev.peak_vector_sum);
+ const ft = ev.false_trigger
+ ? '
FT'
+ : '';
+
+ return `
+ | ${ts} |
+ ${tran} |
+ ${vert} |
+ ${lng} |
+ ${pvs} |
+ ${ft} |
+ ${_ueAttrCell(ev)} |
+
`;
+ }).join('');
+
+ container.innerHTML = `
+
Showing ${events.length} of ${total.toLocaleString()} event${total === 1 ? '' : 's'}
+
+
+
+ | Timestamp |
+ Tran |
+ Vert |
+ Long |
+ PVS |
+ Flags |
+ Attribution |
+
+
+ ${rows}
+
`;
+}
+
// ===== Pair Device Modal Functions =====
let pairModalModems = []; // Cache loaded modems
let pairModalDeviceType = ''; // Current device type