{tool === 'burn' && (
BURN MODE
{burnMode === 'regions' ? 'Tap a quadrant · Rule of 9' : 'Drag to draw — stays inside body lines'}
)}
{['rArm','lArm','rLeg','lLeg'].map(k => {
const lbl = { rArm: 'TQ · R ARM', lArm: 'TQ · L ARM', rLeg: 'TQ · R LEG', lLeg: 'TQ · L LEG' }[k];
const tq = tourniquets[k];
return (
toggleTQ(k)} style={{cursor:'pointer'}}>
{lbl}
{tq.active ? 'APPLIED' : 'OFF'}
Type
Site
Time
updateTQ(k, 'time', e.target.value)}
disabled={!tq.active}
/>
);
})}
{tbsa > 0 && (
)}
);
}
function BurnResusCard({ tbsa, pk, weightKg, regionCount, regions }) {
const severity = tbsa < 10 ? 'minor' : tbsa < 20 ? 'mod' : tbsa < 40 ? 'major' : 'sev';
const sevLabel = { minor: 'Minor', mod: 'Moderate', major: 'Major', sev: 'Severe' }[severity];
const regionList = (regions || []).map(k => BURN_REGIONS[k]?.label).filter(Boolean);
return (
BURN · Rule of 9
{sevLabel}
{tbsa.toFixed(1)}%
TBSA · {regionCount} region{regionCount !== 1 ? 's' : ''}
{regionList.length > 0 && (
{regionList.map((lbl, i) => {lbl})}
)}
{weightKg > 0 ? (
<>
Parkland 4 mL/kg/%
4 × {weightKg} × {tbsa.toFixed(1)} = {pk.total.toLocaleString()} mL / 24h
First 8 h
{pk.first8.toLocaleString()} mL LR · {pk.rateFirst8} mL/hr
Next 16 h
{pk.next16.toLocaleString()} mL LR · {pk.rateNext16} mL/hr
{tbsa < 20 && (
{'<'}20% TBSA: oral hydration usually sufficient.
)}
{tbsa >= 20 && (
Major burn — start LR resuscitation, titrate to UOP 0.5 mL/kg/h.
)}
) : (
Set patient weight in roster to compute Parkland.
)}
);
}
function nowHHMM() {
const d = new Date();
return String(d.getHours()).padStart(2,'0') + String(d.getMinutes()).padStart(2,'0');
}
function polygonArea(points) {
if (!points || points.length < 3) return 0;
let area = 0;
for (let i = 0, j = points.length - 1; i < points.length; j = i++) {
area += (points[j].x + points[i].x) * (points[j].y - points[i].y);
}
return Math.abs(area / 2);
}
let __silhouettePixelCount = null;
function getSilhouettePixelCount() {
if (__silhouettePixelCount != null) return __silhouettePixelCount;
try {
const c = document.createElement('canvas');
c.width = BODY_W; c.height = BODY_H;
const ctx = c.getContext('2d');
if (!ctx || typeof Path2D === 'undefined') return null;
ctx.fillStyle = '#000';
ctx.fill(new Path2D(SILHOUETTE_PATH));
const data = ctx.getImageData(0, 0, BODY_W, BODY_H).data;
let n = 0;
for (let i = 3; i < data.length; i += 4) if (data[i] > 0) n++;
__silhouettePixelCount = n;
return n;
} catch (e) { return null; }
}
const __burnPatchPctCache = new Map();
function patchTBSAPercent(points) {
if (!points || points.length < 3) return 0;
const key = points.map(p => `${Math.round(p.x*4)},${Math.round(p.y*4)}`).join(';');
if (__burnPatchPctCache.has(key)) return __burnPatchPctCache.get(key);
const bodyPx = getSilhouettePixelCount();
let pct;
if (bodyPx && typeof Path2D !== 'undefined') {
try {
const c = document.createElement('canvas');
c.width = BODY_W; c.height = BODY_H;
const ctx = c.getContext('2d');
ctx.save();
ctx.clip(new Path2D(SILHOUETTE_PATH)); // restrict to silhouette
ctx.beginPath();
ctx.moveTo(points[0].x, points[0].y);
for (let i = 1; i < points.length; i++) ctx.lineTo(points[i].x, points[i].y);
ctx.closePath();
ctx.fillStyle = '#000';
ctx.fill();
ctx.restore();
const data = ctx.getImageData(0, 0, BODY_W, BODY_H).data;
let patchPx = 0;
for (let i = 3; i < data.length; i += 4) if (data[i] > 0) patchPx++;
pct = (patchPx / bodyPx) * 50;
} catch (e) {
pct = (polygonArea(points) / (BODY_W * BODY_H * 0.40 * 2)) * 100;
}
} else {
pct = (polygonArea(points) / (BODY_W * BODY_H * 0.40 * 2)) * 100;
}
__burnPatchPctCache.set(key, pct);
return pct;
}
function estimateBurnTBSA(injuries, burnedRegions) {
let total = 0;
for (const key of (burnedRegions || [])) {
const r = BURN_REGIONS[key];
if (r) total += r.tbsa;
}
const patches = (injuries || []).filter(i => i.type === 'burn' && i.points && i.points.length >= 3);
for (const p of patches) total += patchTBSAPercent(p.points);
return Math.min(100, Math.max(0, total));
}
function parkland(tbsaPct, weightKg) {
const w = Number(weightKg) || 0;
const t = Number(tbsaPct) || 0;
const total = 4 * w * t;
const first8 = total / 2;
const next16 = total / 2;
return {
total: Math.round(total),
first8: Math.round(first8),
next16: Math.round(next16),
rateFirst8: Math.round(first8 / 8),
rateNext16: Math.round(next16 / 16),
};
}
Object.assign(window, { BodyDiagram, nowHHMM, estimateBurnTBSA, parkland });