// Per-vehicle maintenance deep view.
//
// Renders one vehicle's full maintenance picture: identity header, KPI
// row, upcoming items (schedule + compliance expiries combined), open
// defects, and service history with a time-scope filter. Reachable from
// the Maintenance section's "By vehicle" tab (Chunk 4) and from the
// "See all" link on the vehicle profile (Chunk 5).
const { useState: useStateVM, useMemo: useMemoVM } = React;
const VehicleMaintenanceDetail = ({ unitId, onBack, onOpenUnit }) => {
const D = window.NORFAB_DATA;
const unit = D.UNITS.find(u => u.id === unitId);
// History scope filter, defaults to "all" so the page is audit-ready
// on first load. Same options as the global Maintenance log filter.
const [historyFilter, setHistoryFilter] = useStateVM("all");
if (!unit) {
return (
Unknown unit "{unitId}". The dashboard doesn't have this vehicle on file.
);
}
// Upcoming items: schedule rules expanded for this unit, plus this
// vehicle's three compliance expiries (CVIP / registration / insurance).
const dueItems = useMemoVM(() => {
const items = [];
const maint = (typeof D.maintenanceDueList === "function") ? D.maintenanceDueList() : [];
for (const m of maint) {
if (m.unit !== unitId) continue;
const days = m.due_date ? D.daysUntil(m.due_date) : null;
items.push({
kind: "maintenance",
item: m.item,
priority: m.priority || "routine",
interval: m.interval_type === "date" ? `every ${m.interval_days} days`
: m.interval_type === "km" ? `every ${(m.interval_km || 0).toLocaleString()} km`
: "",
date: m.due_date || "",
days,
statusRaw: m.status,
lastDate: m.last_log ? m.last_log.date : "",
lastOdometer: m.last_log ? m.last_log.odometer_km : null,
});
}
const vm = D.vehicleMeta ? D.vehicleMeta(unitId) : {};
const expiryFields = [
{ kind: "CVIP", date: vm.cvip_expires },
{ kind: "Registration", date: vm.registration_expires },
{ kind: "Insurance", date: vm.insurance_expires },
];
for (const f of expiryFields) {
if (!f.date) continue;
const days = D.daysUntil(f.date);
items.push({
kind: "expiry",
item: f.kind,
priority: f.kind === "CVIP" ? "critical" : "routine",
interval: "annual",
date: f.date,
days,
statusRaw: days == null ? "unknown" : days < 0 ? "overdue" : days <= 30 ? "due-soon" : "ok",
});
}
items.sort((a, b) => {
if (a.days == null && b.days == null) return 0;
if (a.days == null) return 1;
if (b.days == null) return -1;
return a.days - b.days;
});
return items;
}, [unitId]);
// Open defects, filtered to this unit.
const defects = useMemoVM(() => {
const all = (typeof D.openDefects === "function") ? D.openDefects() : [];
return all.filter(d => d.unit === unitId);
}, [unitId]);
// Full service history for this unit (no filter yet, newest first).
const fullLog = useMemoVM(() => {
return ((D.MAINTENANCE && D.MAINTENANCE.log) || [])
.filter(e => e.unit === unitId)
.slice()
.sort((a, b) => (b.date || "").localeCompare(a.date || ""));
}, [unitId]);
// History scope cutoff.
const filteredLog = useMemoVM(() => {
if (historyFilter === "all") return fullLog;
const d = new Date();
if (historyFilter === "12m") d.setFullYear(d.getFullYear() - 1);
else if (historyFilter === "5y") d.setFullYear(d.getFullYear() - 5);
const cutoff = d.toISOString().slice(0, 10);
return fullLog.filter(e => (e.date || "") >= cutoff);
}, [fullLog, historyFilter]);
// KPI counters.
const cOverdue = dueItems.filter(i => i.days != null && i.days < 0).length;
const cDue30 = dueItems.filter(i => i.days != null && i.days >= 0 && i.days <= 30).length;
const cDefects = defects.length;
const cLog = fullLog.length;
// Latest known odometer from Titan trips for this unit. Falls back to
// a placeholder so the header doesn't look broken on units without GPS.
const lastTitan = useMemoVM(() => {
const tt = (D.TRIPS || []).filter(t => t.unit === unitId)
.sort((a, b) => b.date.localeCompare(a.date) || b.start_min - a.start_min);
return tt[0] || null;
}, [unitId]);
return (