@@ -1632,8 +1623,15 @@ async function uploadPhoto(file) {
}
}
-// Load and display unit history timeline
+// Legacy timeline loader — Phase 4 unified the timeline view. Now a shim
+// that delegates to loadDeploymentTimeline() so existing callers from modal
+// save handlers still trigger a refresh of the visible section.
async function loadUnitHistory() {
+ if (typeof loadDeploymentTimeline === 'function') {
+ return loadDeploymentTimeline();
+ }
+}
+async function _legacy_loadUnitHistory_unused() {
try {
const response = await fetch(`/api/roster/history/${unitId}`);
if (!response.ok) {
@@ -1805,10 +1803,18 @@ async function pingModem() {
}
// ============================================================
-// Deployment History
+// Deployment History (legacy — Phase 4 superseded by deployment_timeline)
// ============================================================
+// Phase 4 shim: delegate to the unified timeline loader so existing modal
+// save handlers (legacy "Log Deployment" form, edit-save callbacks) still
+// trigger a refresh of the visible Deployment Timeline section.
async function loadDeploymentHistory() {
+ if (typeof loadDeploymentTimeline === 'function') {
+ return loadDeploymentTimeline();
+ }
+}
+async function _legacy_loadDeploymentHistory_unused() {
try {
const res = await fetch(`/api/deployments/${unitId}`);
const data = await res.json();
@@ -1969,14 +1975,163 @@ loadCalibrationInterval();
setupCalibrationAutoCalc();
loadUnitData().then(() => {
loadPhotos();
- loadUnitHistory();
- loadDeploymentHistory();
+ loadDeploymentTimeline();
if (currentUnit && currentUnit.device_type === 'seismograph') {
document.getElementById('sfmEventsSection').classList.remove('hidden');
loadUnitEvents();
}
});
+// ── Unified Deployment Timeline (Phase 4) ────────────────────────────────────
+// Replaces the legacy loadDeploymentHistory() + loadUnitHistory() pair.
+// Derives entries from unit_assignments + unit_history + SFM event overlay.
+
+async function loadDeploymentTimeline() {
+ const container = document.getElementById('deploymentTimeline');
+ container.innerHTML = '
Loading timeline…
';
+
+ try {
+ const r = await fetch(`/api/units/${currentUnit.id}/deployment_timeline`);
+ if (!r.ok) throw new Error('HTTP ' + r.status);
+ const d = await r.json();
+ renderDeploymentTimeline(d.entries || [], container);
+ } catch (e) {
+ container.innerHTML = `
Failed to load timeline: ${e.message}
`;
+ }
+}
+
+function _dtFmtDate(iso) {
+ if (!iso) return '—';
+ return iso.slice(0, 10);
+}
+
+function _dtFmtDateTime(iso) {
+ if (!iso) return '—';
+ return iso.slice(0, 19).replace('T', ' ');
+}
+
+function _dtEsc(s) {
+ if (s == null) return '';
+ return String(s).replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"');
+}
+
+function _dtPpvClass(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 _dtRenderAssignment(e) {
+ const start = _dtFmtDate(e.starts_at);
+ const end = e.is_active ? 'present' : _dtFmtDate(e.ends_at);
+ const dur = (e.duration_days != null)
+ ? `
(${e.duration_days.toFixed(1)} day${e.duration_days === 1 ? '' : 's'})`
+ : '';
+ const ov = e.event_overlay || {};
+ const evCount = ov.event_count ?? 0;
+ const peak = ov.peak_pvs;
+
+ const locLink = e.location_id
+ ? `
📍 ${_dtEsc(e.location_name || 'unnamed location')}`
+ : `
📍 (no location FK — synthesized from legacy deployment_records)`;
+
+ const projLine = e.project_name
+ ? `
${_dtEsc(e.project_name)}
`
+ : '';
+
+ const activeBadge = e.is_active
+ ? '
active'
+ : '';
+
+ const overlay = evCount > 0
+ ? `
+ ${evCount.toLocaleString()} event${evCount === 1 ? '' : 's'}
+ ${peak != null ? `peak ${peak.toFixed(4)} in/s` : ''}
+ ${ov.last_event ? `last ${_dtFmtDateTime(ov.last_event)}` : ''}
+
`
+ : `
No events recorded during this window.
`;
+
+ const notes = e.notes
+ ? `
${_dtEsc(e.notes)}
`
+ : '';
+
+ return `
+
+
+
+
+
+
+ ${start} → ${end}${dur}
+
+ ${activeBadge}
+
+
${locLink}
+ ${projLine}
+ ${overlay}
+ ${notes}
+
+
`;
+}
+
+function _dtRenderGap(e) {
+ return `
+
+
+
+
+
+ ${_dtFmtDate(e.starts_at)} → ${_dtFmtDate(e.ends_at)}
+ (${e.duration_days.toFixed(1)} day${e.duration_days === 1 ? '' : 's'} idle)
+
+
No active assignment
+
+
`;
+}
+
+function _dtRenderStateChange(e) {
+ // Friendly labels for known change_types.
+ const labels = {
+ deployed_change: 'Deployed status changed',
+ retired_change: 'Retired status changed',
+ calibration_status_change: 'Calibration status changed',
+ last_calibrated_change: 'Last calibrated updated',
+ next_calibration_due_change: 'Next calibration due updated',
+ allocation_change: 'Allocation changed',
+ };
+ const label = labels[e.change_type] || e.change_type;
+
+ return `
+
+
+
+
+
+ 📅 ${_dtFmtDateTime(e.starts_at)} — ${_dtEsc(label)}
+
+
+ ${_dtEsc(e.old_value || '—')} → ${_dtEsc(e.new_value || '—')}
+
+ ${e.history_notes ? `
${_dtEsc(e.history_notes)}
` : ''}
+
+
`;
+}
+
+function renderDeploymentTimeline(entries, container) {
+ if (!entries.length) {
+ container.innerHTML = '
No deployment history yet. Assign this unit to a project location to start a deployment record.
';
+ return;
+ }
+ const html = entries.map(e => {
+ if (e.kind === 'assignment') return _dtRenderAssignment(e);
+ if (e.kind === 'gap') return _dtRenderGap(e);
+ if (e.kind === 'state_change') return _dtRenderStateChange(e);
+ return '';
+ }).join('');
+ container.innerHTML = html;
+}
+
// ── SFM Events section ──────────────────────────────────────────────────────
function clearUnitEventFilters() {
document.getElementById('ue-filter-bucket').value = 'all';