// ======== reports.js ========
const ReportGen = {
buildRunText(runs, proj) {
const dm=parseFloat(proj.diameter)||0, pl=parseFloat(proj.length)||0;
let txt = `Pipeline: ${dm}" x ${Number(pl).toLocaleString()}ft | Client: ${proj.client||"—"} | Job #: ${proj.jobNumber||"—"} | Location: ${proj.location||"—"}\n`;
txt += `${"─".repeat(60)}\n`;
runs.forEach(r => {
const res=Calc.runResults(r,proj);
const dir = r.direction && r.direction.startsWith("Launch") ? "Launch→Receive (L→R)" : "Receive→Launch (R→L)";
txt += `\nRUN #${r.runNumber}`;
if(r.shuttlePasses&&r.shuttlePasses.length>0) txt += ` (Shuttle - ${r.shuttlePasses.length} passes)`;
txt += `\n`;
txt += ` Direction: ${dir}\n`;
txt += ` Pigs: ${r.frontPig}${r.rearPig!=="None"?" / "+r.rearPig:""}\n`;
txt += ` Chemical: ${r.chemType==="Other"?(r.chemManualType||"Other"):r.chemType} ${r.chemPercent} | Volume: ${r.chemVolume} gal\n`;
txt += ` Launch: ${Fmt.time(r.launchTime)} | Receive: ${Fmt.time(r.receiveTime)}\n`;
if(r.shuttlePasses&&r.shuttlePasses.length>0) {
r.shuttlePasses.forEach((p,pi)=>{
const pdir = p.direction && p.direction.startsWith("Launch") ? "L→R" : "R→L";
txt += ` Pass ${pi+1}: ${pdir} | Time: ${Fmt.duration(p.duration)} | Contact: ${p.contactTime}\n`;
});
} else {
txt += ` Run Time: ${res.runTime} | Speed: ${res.speedFtPerSec} ft/s | Contact: ${res.contactTime}\n`;
txt += ` Solids: ${r.totalSolids} | Acid: ${r.percentAcid} | Color: ${r.solidColor}\n`;
txt += ` Vol Out: ${r.estVolumeOut} gal | Tank: ${r.tank}\n`;
}
if(r.notes) txt += ` Notes: ${r.notes}\n`;
});
return txt;
},
buildCoatingText(coatingDays, proj) {
if(!coatingDays||coatingDays.length===0) return "";
let txt = `\n${"═".repeat(60)}\nCOATING DATA\n${"═".repeat(60)}\n`;
const runCalc=(run)=>{
const lbs_loaded=run.totalLbsLoaded||0, lbs_unloaded=run.totalLbsUnloaded||0, lbs_applied=lbs_loaded-lbs_unloaded;
const mils=Calc.coatingMils(proj,lbs_applied);
return{lbs_loaded,lbs_unloaded,lbs_applied,mils};
};
coatingDays.forEach(d=>{
txt += `\n${d.label} — ${Fmt.date(d.date)}\n`;
(d.runs||[]).forEach(r=>{
const c=runCalc(r);
txt += ` Run #${r.runNumber}: Loaded: ${c.lbs_loaded.toLocaleString()} lbs | Unloaded: ${c.lbs_unloaded.toLocaleString()} lbs | Applied: ${c.lbs_applied.toLocaleString()} lbs`;
if(c.mils) txt += ` | Mils: ${c.mils.mils}`;
txt += `\n`;
});
});
let tl=0,tu=0;
coatingDays.forEach(d=>(d.runs||[]).forEach(r=>{tl+=r.totalLbsLoaded||0;tu+=r.totalLbsUnloaded||0}));
const ta=tl-tu, mils=Calc.coatingMils(proj,ta);
txt += `\nTOTAL: Loaded: ${tl.toLocaleString()} lbs | Unloaded: ${tu.toLocaleString()} lbs | Applied: ${ta.toLocaleString()} lbs`;
if(mils) txt += ` | Total Mils: ${mils.mils}`;
txt += `\n`;
return txt;
},
buildJSAText(jsas) {
if(!jsas||jsas.length===0) return "";
let txt = `\n${"═".repeat(60)}\nJSA DETAILS\n${"═".repeat(60)}\n`;
jsas.forEach((j,i)=>{
txt += `\nJSA #${i+1}: ${j.tasks&&j.tasks.length>0?j.tasks.map(t=>t.type==="Manual Entry"?t.customLabel||"Manual Entry":t.type).join(", "):"(No tasks)"}\n`;
txt += ` Date: ${j.date||"—"} | Supervisor: ${j.supervisor||"—"}\n`;
txt += ` Client: ${j.client||"—"} | Location: ${j.location||"—"}\n`;
txt += ` Evacuation Routes: ${j.evacuationRoutes||"—"}\n`;
txt += ` Task Start: ${j.taskStartTime||"—"} | Task End: ${j.taskEndTime||"—"}\n`;
(j.tasks||[]).forEach((task,ti)=>{
const label = task.type==="Manual Entry"?(task.customLabel||"Manual Entry"):task.type;
txt += ` Task ${ti+1}: ${label}\n`;
(task.hazards||[]).forEach((h,hi)=>{
txt += ` ${String.fromCharCode(65+hi)}. ${h.name}: ${h.mitigation||"(no mitigation entered)"}\n`;
});
});
const fireItems=Object.entries(j.fire||{}).filter(([,v])=>v).map(([k])=>k);
if(fireItems.length>0) txt += ` Fire Protection: ${fireItems.join(", ")}\n`;
const ppeItems=Object.entries(j.ppe||{}).filter(([,v])=>v).map(([k])=>k);
if(ppeItems.length>0) txt += ` PPE: ${ppeItems.join(", ")}\n`;
if(j.additionalComments) txt += ` Comments: ${j.additionalComments}\n`;
txt += ` Crew Sign-In: ${(j.crewSignIn||[]).map(s=>s.name).join(", ")||"None"}\n`;
txt += ` Crew Sign-Out: ${(j.crewSignOut||[]).map(s=>s.name).join(", ")||"None"}\n`;
if(j.postJobOtherComments) txt += ` Post-Job Notes: ${j.postJobOtherComments}\n`;
});
return txt;
},
printRunSheet(runs, proj) {
const dirL=d=>d&&d.startsWith("Launch")?"L\u2192R":"R\u2192L";
// Build rows — shuttle runs expand into pass sub-rows, regular runs get one row
let rows="";
runs.forEach(r=>{
if(r.shuttlePasses&&r.shuttlePasses.length>0){
r.shuttlePasses.forEach((p,pi)=>{
rows+=`
${r.runNumber}.${pi+1}
${Fmt.date(r.date)}
${dirL(p.direction)}
${r.frontPig}${r.rearPig!=="None"?"/"+r.rearPig:""}${r.thirdPig&&r.thirdPig!=="None"?"/"+r.thirdPig:""}
${r.chemType==="Other"?r.chemManualType:r.chemType}
${r.chemPercent}
${pi===0?r.chemVolume+"g":"\u21BB"}
${Fmt.timeShort(p.launchTime)}
${Fmt.timeShort(p.receiveTime)}
${Fmt.duration(p.duration)}
\u2014
${p.contactTime||"\u2014"}
${p.totalSolids||"\u2014"}
${p.percentAcid||"\u2014"}
${p.solidColor||"\u2014"}
\u2014
${pi===0?r.estVolumeOut+"g":"\u2014"}
${pi===0?r.tank||"\u2014":"\u2014"}
${pi===0?r.notes||"":"\u2014"}
`;
});
} else {
const res=Calc.runResults(r,proj);
const layered=r.layeredEnabled?`T:${r.layeredTop||""}${r.layeredTopColor?" "+r.layeredTopColor:""} M:${r.layeredMid||""}${r.layeredMidColor?" "+r.layeredMidColor:""} B:${r.layeredBot||""}${r.layeredBotColor?" "+r.layeredBotColor:""} `:"";
rows+=`
${r.runNumber}
${Fmt.date(r.date)}
${dirL(r.direction)}
${r.frontPig}${r.rearPig!=="None"?"/"+r.rearPig:""}${r.thirdPig&&r.thirdPig!=="None"?"/"+r.thirdPig:""}
${r.chemType==="Other"?r.chemManualType:r.chemType}
${r.chemPercent}
${r.chemVolume}g
${Fmt.timeShort(r.launchTime)}
${Fmt.timeShort(r.receiveTime)}
${res.runTime}
${res.speedFtPerSec} ft/s
${res.contactTime}
${r.totalSolids}${layered}
${r.percentAcid}
${r.solidColor||"\u2014"}
${r.layeredEnabled?`T:${r.layeredTop||""} ${r.layeredTopColor||""} M:${r.layeredMid||""} ${r.layeredMidColor||""} B:${r.layeredBot||""} ${r.layeredBotColor||""}`:"\u2014"}
${r.estVolumeOut}g
${r.tank||"\u2014"}
${r.notes||"\u2014"}
`;
}
});
const html = `Cleaning Run Sheet - ${proj.client||""}
INTERNAL PIPELINE SERVICES
2440-B Chambers St. \xB7 Venus, TX 76084 \xB7 (817) 539-9764
Cleaning Run Sheet
# Date Dir Pigs Chem % Vol
Launch Receive Duration Speed Contact
Solids Acid% Color Layered Vol Out Tank Notes
${rows}
\u2715 Close
`;
const w=window.open("","_blank"); w.document.write(html); w.document.close();
},
buildDailyHTML(proj, dayRuns, dayNote, dayDate, dayCoating, dayJSAs, inspections, photos, allJsas, photoBase64Map) {
const dirLabel=d=>d&&d.startsWith("Launch")?"L→R":"R→L";
const fmtHrs=h=>{if(!h||h<=0)return"—";const tm=Math.round(h*60),hr=Math.floor(tm/60),mn=tm%60;return hr>0?`${hr}h ${mn}m`:`${mn}m`;};
const msToHours=ms=>ms/3600000;
const getTs=s=>(s.time&&typeof s.time==="number")?s.time:null;
// ── Header ──────────────────────────────────────────────────────────────
let body=`INTERNAL PIPELINE SERVICES
2440-B Chambers St. · Venus, TX 76084 · (817) 539-9764
Daily Report — ${dayDate}
Client: ${proj.client||"—"} | Job #: ${proj.jobNumber||"—"} | Location: ${proj.location||"—"} | ${proj.diameter||"—"}" × ${Number(proj.length||0).toLocaleString()}ft
`;
// ── Run Log (compact — one row per run, abbreviated) ────────────────────
if(dayRuns.length>0){
body+=`Run Log # Dir Pigs Chem % Vol Launch Rcv Dur Vol Out Tank Solids Acid% Color Notes `;
dayRuns.forEach(r=>{
const chem=r.chemType==="Other"?r.chemManualType:r.chemType;
const pigs=[r.frontPig,r.rearPig!=="None"?r.rearPig:null,r.thirdPig&&r.thirdPig!=="None"?r.thirdPig:null].filter(Boolean).join("/");
if(r.shuttlePasses&&r.shuttlePasses.length>0){
// Shuttle: one summary row then pass sub-rows
const totalDur=r.shuttlePasses.reduce((s,p)=>s+(p.duration||0),0);
body+=`${r.runNumber} 🔄 Shuttle (${r.shuttlePasses.length} passes) · ${pigs} ${chem} ${r.chemPercent} ${r.chemVolume}g ${Fmt.timeShort(r.shuttlePasses[0]?.launchTime)} ${Fmt.timeShort(r.shuttlePasses[r.shuttlePasses.length-1]?.receiveTime)} ${Fmt.duration(totalDur)} ${r.estVolumeOut}g ${r.tank} — — — ${r.notes||"—"} ${r.runNumber}.${pi+1} ${dirLabel(p.direction)} ${Fmt.timeShort(p.launchTime)} ${Fmt.timeShort(p.receiveTime)} ${Fmt.duration(p.duration)} ${p.totalSolids||"—"} ${p.percentAcid||"—"} ${p.solidColor||"—"} Contact: ${p.contactTime} ${r.runNumber} ${dirLabel(r.direction)} ${pigs} ${chem} ${r.chemPercent} ${r.chemVolume}g ${Fmt.timeShort(r.launchTime)} ${Fmt.timeShort(r.receiveTime)} ${Fmt.duration(r.duration)} ${r.estVolumeOut}g ${r.tank} ${r.totalSolids} ${r.percentAcid} ${r.solidColor} ${r.notes||"—"}
`;
} else body+=`No runs recorded for this day.
`;
// ── Coating ─────────────────────────────────────────────────────────────
if(dayCoating&&dayCoating.length>0){
body+=`Coating `;
dayCoating.forEach(cd=>{
body+=`${cd.label} Run # Lbs In Lbs Out Lbs Applied Mils `;
(cd.runs||[]).forEach(cr=>{const ta=(cr.totalLbsLoaded||0)-(cr.totalLbsUnloaded||0),mils=Calc.coatingMils(proj,ta);body+=`${cr.runNumber} ${(cr.totalLbsLoaded||0).toLocaleString()} ${(cr.totalLbsUnloaded||0).toLocaleString()} ${ta.toLocaleString()} ${mils?mils.mils:"—"}
`;
});
}
// ── JSAs (condensed) ────────────────────────────────────────────────────
if(dayJSAs&&dayJSAs.length>0){
body+=`JSAs `;
dayJSAs.forEach((j,i)=>{
const taskLabel=j.tasks&&j.tasks.length>0?j.tasks.map(t=>t.type==="Manual Entry"?t.customLabel||"Manual Entry":t.type).join(", "):"(No tasks)";
const tasksWithHazards=(j.tasks||[]).map((t,ti)=>{const lbl=t.type==="Manual Entry"?t.customLabel||"Manual Entry":t.type;const hz=(t.hazards||[]).map(h=>h.name).join(", ");return lbl+(hz?` [${hz}]`:"");}).join(" | ");
const crewIn=(j.crewSignIn||[]).map(s=>s.name).join(", ")||"None";
const crewOut=(j.crewSignOut||[]).map(s=>s.name).join(", ")||"None";
body+=`
JSA #${i+1}: ${taskLabel}
Supervisor: ${j.supervisor||"—"}Location: ${j.location||"—"}Start: ${j.taskStartTime||"—"}End: ${j.taskEndTime||"—"}
${tasksWithHazards?`
Tasks/Hazards: ${tasksWithHazards}
`:""}
Crew In: ${crewIn} | Crew Out: ${crewOut}
${j.additionalComments?`
Notes: ${j.additionalComments}
`:""}
`;
});
}
// ── Man Hours ────────────────────────────────────────────────────────────
const includedJSAs=(dayJSAs||[]).filter(j=>j.includeHoursInReport);
if(includedJSAs.length>0){
const personMs={};
includedJSAs.forEach(jsa=>{
const inMap={},outMap={};
(jsa.crewSignIn||[]).forEach(s=>{const ts=getTs(s);if(s.name&&ts)inMap[s.name]=ts;});
(jsa.crewSignOut||[]).forEach(s=>{const ts=getTs(s);if(s.name&&ts)outMap[s.name]=ts;});
const names=[...new Set([...Object.keys(inMap),...Object.keys(outMap)])];
names.forEach(name=>{
const inTs=inMap[name]||null,outTs=outMap[name]||null;
const ms=(inTs&&outTs&&outTs>inTs)?outTs-inTs:null;
if(ms){if(!personMs[name])personMs[name]=0;personMs[name]+=ms;}
});
});
if(Object.keys(personMs).length>0){
const dayTotalMs=Object.values(personMs).reduce((s,ms)=>s+ms,0);
const crewCount=Object.keys(personMs).length;
body+=`Man Hours
Name Time In Time Out Hours `;
Object.entries(personMs).sort((a,b)=>a[0].localeCompare(b[0])).forEach(([name,ms])=>{
// find in/out times from first included JSA that has this person
let inTs=null,outTs=null;
includedJSAs.forEach(jsa=>{
if(!inTs)(jsa.crewSignIn||[]).forEach(s=>{if(s.name===name&&getTs(s))inTs=getTs(s);});
if(!outTs)(jsa.crewSignOut||[]).forEach(s=>{if(s.name===name&&getTs(s))outTs=getTs(s);});
});
const h=msToHours(ms);
body+=`${name} ${inTs?Fmt.timeShort(inTs):"—"} ${outTs?Fmt.timeShort(outTs):"—"} ${fmtHrs(h)} (${h.toFixed(2)}) Today — ${crewCount} crew member${crewCount!==1?"s":""} ${fmtHrs(msToHours(dayTotalMs))} (${msToHours(dayTotalMs).toFixed(2)} hrs) Project Total (all days) ${fmtHrs(msToHours(projTotalMs))} (${msToHours(projTotalMs).toFixed(2)} hrs)
`;
}
}
// ── Field Notes ──────────────────────────────────────────────────────────
if(dayNote?.text) body+=`Field Notes ${dayNote.text}
`;
// ── Photos ───────────────────────────────────────────────────────────────
const dailyPhotos=(photos||[]).filter(p=>p.addToDaily);
if(dailyPhotos.length>0){
body+=`Photos `;
dailyPhotos.forEach(p=>{
const ts=new Date(p.timestamp).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})+" "+new Date(p.timestamp).toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:true});
const imgSrc=(photoBase64Map&&photoBase64Map[p.id])||p.storageUrl||p.dataUrl||"";
if(imgSrc)body+=`
${ts}
${p.description?`
${p.description}
`:""}
`;
});
body+=`
INTERNAL PIPELINE SERVICES
2440-B Chambers St. · Venus, TX 76084 · (817) 539-9764
${proj.diameter||"—"}" × ${Number(proj.length||0).toLocaleString()}ft IPS Project Report
Client: ${proj.client||"—"} | Job #: ${proj.jobNumber||"—"} | Location: ${proj.location||"—"} | Product: ${proj.productType||"—"} | Dates: ${sd} – ${ed}
Executive Summary
The project consisted of ${Number(proj.length||0).toLocaleString()} ft of ${proj.diameter||"—"}" pipeline located in ${proj.location||"the field"}. The project took place from ${sd} through ${ed}, spanning ${spanStr}. A total of ${t.totalRuns} pig runs were completed with a cumulative run time of ${t.totalRunTime}. The average pig speed was ${t.avgSpeedFtSec} ft/sec. Total chemical volume loaded was ${t.totalVolLoaded.toLocaleString()} gallons with ${t.totalVolOut.toLocaleString()} gallons recovered.
Project Summary
Total Runs: ${t.totalRuns}Total Run Time: ${t.totalRunTime}Avg Speed: ${t.avgSpeedFtSec} ft/sVol Loaded: ${t.totalVolLoaded.toLocaleString()} galVol Out: ${t.totalVolOut.toLocaleString()} galChemical Breakdown: ${Object.entries(t.chemByType).map(([k,v])=>`${k}: ${v.toLocaleString()} gal`).join(" | ")}`:""}
`;
body+=`Methodology
A. Data Collection — Batch Samples
Chemical and water flush batches were retrieved from the receiving side of the pipeline. A Camphor test was conducted to verify the removal of hydrocarbons. A quantitative analysis for determining HCL Acid concentration for each HCL batch was carried out by means of titration method. Water Flush samples were analyzed for percent of solids by means of centrifuge.
B. Atmospheric & Desiccant Dryer Data Collection
Atmospheric conditions and the desiccant dryer's dew point were analyzed using a Fluke 971 Temperature Humidity Meter.
C. Water Testing Method
The water used for cleaning batches and water flushes was tested for chloride levels by means of Quantab chloride titration strips in the PPM range of 45 to 480.
D. Epoxy Coating & Surface Profile Data Collection
The epoxy coating's viscosity was measured using a Viscometer. The coating was weighed using a pallet scale and coating samples were weighed using a lab grade digital scale. The coating's temperature was measured using a lab grade infrared temperature gun. The Dry Film Thickness (DFT) is measured using a Mikrotest magnetic coating thickness / PosiTest DFT gauge.
`;
body+=`Run Sheet
# Date Dir Pigs Chem % Vol Launch Receive Dur. Solids Acid% Color Vol Out Notes `;
runs.forEach(r=>{
if(r.shuttlePasses&&r.shuttlePasses.length>0){
r.shuttlePasses.forEach((p,pi)=>{
const pigStr=[r.frontPig,r.rearPig!=="None"?r.rearPig:null,r.thirdPig&&r.thirdPig!=="None"?r.thirdPig:null].filter(Boolean).join("/");
body+=`${r.runNumber}.${pi+1} ${Fmt.date(r.date)} ${dirLbl(p.direction)} ${pigStr} ${r.chemType==="Other"?r.chemManualType:r.chemType} ${r.chemPercent} ${pi===0?r.chemVolume+"g":"\u21BB"} ${Fmt.timeShort(p.launchTime)} ${Fmt.timeShort(p.receiveTime)} ${Fmt.duration(p.duration)} ${p.totalSolids||"\u2014"} ${p.percentAcid||"\u2014"} ${p.solidColor||"\u2014"} ${pi===0?r.estVolumeOut+"g":"\u2014"} ${pi===0?r.notes||"":""} ${r.runNumber} ${Fmt.date(r.date)} ${dirLbl(r.direction)} ${pigStr} ${r.chemType==="Other"?r.chemManualType:r.chemType} ${r.chemPercent} ${r.chemVolume}g ${Fmt.timeShort(r.launchTime)} ${Fmt.timeShort(r.receiveTime)} ${res.runTime} ${r.totalSolids||"\u2014"} ${r.percentAcid||"\u2014"} ${r.solidColor||"\u2014"} ${r.estVolumeOut}g ${r.notes||""}
`;
if(coatingDays&&coatingDays.length>0){
body+=`Coating Run Sheet Date Run # Front Rear Launch Receive Dur. Lbs In Lbs Out Lbs Applied Sq Ft Gals/Mil Lbs/Mil Mils `;
coatingDays.forEach(d=>{(d.runs||[]).forEach(r=>{
const ta=(r.totalLbsLoaded||0)-(r.totalLbsUnloaded||0),mils=Calc.coatingMils(proj,ta);
const runDur=(r.launchTime&&r.receiveTime)?Fmt.duration(r.receiveTime-r.launchTime):"—";
body+=`${Fmt.date(d.date)} ${r.runNumber} ${r.frontPig||"—"} ${r.rearPig||"—"} ${Fmt.timeShort(r.launchTime)} ${Fmt.timeShort(r.receiveTime)} ${runDur} ${(r.totalLbsLoaded||0).toLocaleString()} ${(r.totalLbsUnloaded||0).toLocaleString()} ${ta.toLocaleString()} ${mils?mils.sqFt+"ft²":"—"} ${mils?mils.galsPerMil:"—"} ${mils?mils.lbsPerMil:"—"} ${mils?mils.mils:"—"} TOTAL ${ta.toLocaleString()} lbs ${mils?mils.sqFt+"ft²":"—"} ${mils?mils.galsPerMil:"—"} ${mils?mils.lbsPerMil:"—"} ${mils?mils.mils+" mils":"—"}
`;
}
if(inspections&&inspections.length>0) body+=this.buildInspectionHTML(inspections);
const nwt=(dailyNotes||[]).filter(n=>n.text);
if(nwt.length>0){body+=`Daily Report Breakdown `;nwt.sort((a,b)=>new Date(a.date)-new Date(b.date)).forEach(n=>{body+=`${n.date} ${n.text}
`;});}
// Photos section for final report
const finalPhotos = (photos||[]).filter(p=>p.addToFinal);
if(finalPhotos.length>0){
body+=`Project Photos `;
finalPhotos.forEach(p=>{
const ts=new Date(p.timestamp).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})+" "+new Date(p.timestamp).toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:true});
const imgSrc=(photoBase64Map&&photoBase64Map[p.id])||p.storageUrl||p.dataUrl||"";
if(imgSrc)body+=`
${ts}
${p.description?`
${p.description}
`:""}
`;
});
body+=`
Customer Review ${stars} (${review.stars}/5)
${review.text||""}
`;}
return body;
},
buildArchiveHTML(proj, runs, dailyNotes, coatingDays, jsas, deliveries, compData, inspections, checklist, photos, photoBase64Map) {
const dirLbl=d=>d&&d.startsWith("Launch")?"L\u2192R":"R\u2192L";
const t=Calc.projectTotals(runs,proj);
const genTs=new Date().toLocaleString("en-US");
let body=`INTERNAL PIPELINE SERVICES
2440-B Chambers St. · Venus, TX 76084 · (817) 539-9764
Complete Project Archive
Generated ${genTs} — this document is the full record of every data type stored for this project.
Project Information
Project #: ${proj.projectNumber||"—"}Client: ${proj.client||"—"}Job #: ${proj.jobNumber||"—"}Location: ${proj.location||"—"}Product/Type: ${proj.productType||"—"}Line Size: ${proj.diameter||"—"}" (Actual ID: ${proj.actualID||"—"})Length: ${Number(proj.length||0).toLocaleString()} ftStart Date: ${proj.startDate||"—"}End Date: ${proj.endDate||"—"}Status: ${proj.closed?"Closed":"Open"}Default Tank: ${proj.defaultTank||"—"}Contact Email: ${proj.email||"—"}
Summary Totals
Total Runs: ${t.totalRuns}Total Run Time: ${t.totalRunTime}Avg Speed: ${t.avgSpeedFtSec} ft/sVol Loaded: ${t.totalVolLoaded.toLocaleString()} galVol Out: ${t.totalVolOut.toLocaleString()} galChemical Breakdown: ${Object.entries(t.chemByType).map(([k,v])=>`${k}: ${v.toLocaleString()} gal`).join(" | ")}`:""}
`;
// ── Full Run Sheet — every run, no filtering ────────────────────────────
body+=`Full Run Sheet (${runs.length} runs) `;
if(runs.length===0){ body+=`No runs recorded.
`; }
else {
body+=`# Date Dir Pigs Chem % Vol Launch Receive Dur. Solids Acid% Color Vol Out Tank Notes `;
runs.forEach(r=>{
if(r.shuttlePasses&&r.shuttlePasses.length>0){
r.shuttlePasses.forEach((p,pi)=>{
const pigStr=[r.frontPig,r.rearPig!=="None"?r.rearPig:null,r.thirdPig&&r.thirdPig!=="None"?r.thirdPig:null].filter(Boolean).join("/");
body+=`${r.runNumber}.${pi+1} ${Fmt.date(r.date)} ${dirLbl(p.direction)} ${pigStr} ${r.chemType==="Other"?r.chemManualType:r.chemType} ${r.chemPercent} ${pi===0?r.chemVolume+"g":"\u21BB"} ${Fmt.timeShort(p.launchTime)} ${Fmt.timeShort(p.receiveTime)} ${Fmt.duration(p.duration)} ${p.totalSolids||"\u2014"} ${p.percentAcid||"\u2014"} ${p.solidColor||"\u2014"} ${pi===0?r.estVolumeOut+"g":"\u2014"} ${r.tank||"\u2014"} ${pi===0?r.notes||"":""} ${r.runNumber} ${Fmt.date(r.date)} ${dirLbl(r.direction)} ${pigStr} ${r.chemType==="Other"?r.chemManualType:r.chemType} ${r.chemPercent} ${r.chemVolume}g ${Fmt.timeShort(r.launchTime)} ${Fmt.timeShort(r.receiveTime)} ${res.runTime} ${r.totalSolids||"\u2014"} ${r.percentAcid||"\u2014"} ${r.solidColor||"\u2014"} ${r.estVolumeOut}g ${r.tank||"\u2014"} ${r.notes||""}
`;
}
// ── Coating ──────────────────────────────────────────────────────────────
if(coatingDays&&coatingDays.length>0){
body+=`Coating Run Sheet Date Run # Front Rear Launch Receive Dur. Lbs In Lbs Out Lbs Applied Sq Ft Gals/Mil Lbs/Mil Mils `;
coatingDays.forEach(d=>{(d.runs||[]).forEach(r=>{
const ta=(r.totalLbsLoaded||0)-(r.totalLbsUnloaded||0),mils=Calc.coatingMils(proj,ta);
const runDur=(r.launchTime&&r.receiveTime)?Fmt.duration(r.receiveTime-r.launchTime):"—";
body+=`${Fmt.date(d.date)} ${r.runNumber} ${r.frontPig||"—"} ${r.rearPig||"—"} ${Fmt.timeShort(r.launchTime)} ${Fmt.timeShort(r.receiveTime)} ${runDur} ${(r.totalLbsLoaded||0).toLocaleString()} ${(r.totalLbsUnloaded||0).toLocaleString()} ${ta.toLocaleString()} ${mils?mils.sqFt+"ft²":"—"} ${mils?mils.galsPerMil:"—"} ${mils?mils.lbsPerMil:"—"} ${mils?mils.mils:"—"} TOTAL ${ta.toLocaleString()} lbs ${mils?mils.sqFt+"ft²":"—"} ${mils?mils.galsPerMil:"—"} ${mils?mils.lbsPerMil:"—"} ${mils?mils.mils+" mils":"—"}
`;
} else {
body+=`Coating Run Sheet No coating data recorded.
`;
}
// ── JSAs — full detail, every field ─────────────────────────────────────
body+=`JSA Details (${(jsas||[]).length} JSAs) `;
if(!jsas||jsas.length===0){ body+=`No JSAs recorded.
`; }
else { body+=`${this.buildJSAText(jsas).replace(/`; }
// ── Deliveries, Pick-ups & Fuel ──────────────────────────────────────────
body+=`Deliveries, Pick-Ups & Fuel (${(deliveries||[]).length} entries) `;
if(!deliveries||deliveries.length===0){ body+=`No delivery/pickup/fuel entries recorded.
`; }
else {
body+=` Kind Type Delivered/Recorded Picked Up Quantity Notes `;
[...deliveries].sort((a,b)=>(a.deliveredAt||a.recordedAt||0)-(b.deliveredAt||b.recordedAt||0)).forEach(d=>{
const kindLbl=d.kind==="delivery"?"🚛 Delivery":d.kind==="fuel"?"⛽ Fuel":"📤 Pick-Up";
const when=new Date(d.deliveredAt||d.recordedAt||0).toLocaleString("en-US");
const pickedUp=d.pickedUpAt?new Date(d.pickedUpAt).toLocaleString("en-US"):(d.kind==="delivery"?"Still on site":"—");
body+=`${kindLbl} ${d.type||"—"} ${when} ${pickedUp} ${d.quantity?d.quantity+(d.kind==="fuel"?" gal":""):"—"} ${d.notes||"—"}
`;
}
// ── Compressor / Equipment Hours ─────────────────────────────────────────
const comps=(compData&&compData.comps)||[];
body+=`Compressor / Equipment Hours (${comps.length} unit${comps.length!==1?"s":""}) `;
if(comps.length===0){ body+=`No compressor data recorded.
`; }
else {
comps.forEach(c=>{
const now=Date.now();
const sessions=c.sessions||[];
const allSessions=c.running&&c.runSince?[...sessions,{start:c.runSince,end:now}]:sessions;
const totalMs=allSessions.reduce((sum,s)=>sum+((s.end||now)-s.start),0);
const totalHrs=(totalMs/3600000).toFixed(2);
body+=`${c.name} — ${c.running?'
Currently Running ':"Off"}
Meter Start Hours: ${c.startHours!=null?c.startHours:"—"} Meter Start Date: ${c.startDate||"—"} Logged Time: ${totalHrs} hrs `;
if(allSessions.length>0){
body+=`
${allSessions.map(s=>`${new Date(s.start).toLocaleString("en-US")} → ${s.end?new Date(s.end).toLocaleString("en-US"):"(running)"}`).join(" | ")}
`;
}
body+=`
Final Inspection / DFT Readings `;
if(inspections&&inspections.length>0) body+=this.buildInspectionHTML(inspections);
else body+=`No inspection data recorded.
`;
// ── Checklist ─────────────────────────────────────────────────────────────
body+=`Checklist `;
if(!checklist||checklist.length===0){ body+=`No checklist data recorded.
`; }
else {
checklist.forEach(sec=>{
body+=`${sec.title} Item Notes `;
(sec.items||[]).forEach(it=>{
body+=`${it.checked?"✓":"☐"} ${it.text} ${it.notes||""} `;
});
body+=`
`;
});
}
// ── Daily Notes ───────────────────────────────────────────────────────────
const nwt=(dailyNotes||[]).filter(n=>n.text);
body+=`Daily Notes `;
if(nwt.length===0){ body+=`No daily notes recorded.
`; }
else { nwt.sort((a,b)=>new Date(a.date)-new Date(b.date)).forEach(n=>{body+=`${n.date} ${n.text}
`;}); }
// ── All Photos — every photo, regardless of report flags ────────────────
body+=`Photos (${(photos||[]).length} total) `;
if(!photos||photos.length===0){ body+=`No photos recorded.
`; }
else {
body+=``;
photos.forEach(p=>{
const ts=new Date(p.timestamp).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})+" "+new Date(p.timestamp).toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:true});
const imgSrc=(photoBase64Map&&photoBase64Map[p.id])||p.storageUrl||p.dataUrl||"";
const flags=[p.addToDaily?"Daily":null,p.addToFinal?"Final":null].filter(Boolean).join(", ");
if(imgSrc)body+=`
${ts}${flags?" · "+flags:""}
${p.description?`
${p.description}
`:""}
`;
});
body+=`
${subj} ⏳ Building Complete Archive…
Fetching all photos — this may take a moment for large projects
${subj} Complete Archive — ${proj.projectNumber||""} 🖨 Print / Save PDF Close
${htmlBody}`);
w.document.close();
},
buildJSAHTML(proj, jsa) {
const fire=Object.entries(jsa.fire||{}).filter(([,v])=>v).map(([k])=>k);
const ppe=Object.entries(jsa.ppe||{}).filter(([,v])=>v).map(([k])=>k);
const energy=Object.entries(jsa.energy||{}).filter(([,v])=>v).map(([k])=>k);
const tasks = jsa.tasks || [];
const tasksHTML = tasks.length>0
? "Tasks & Hazard Mitigations " + tasks.map((task,ti)=>{
const label = task.type==="Manual Entry" ? (task.customLabel||"Manual Entry") : task.type;
const hazardRows = (task.hazards||[]).map((h,hi)=>
""
+""+String.fromCharCode(65+hi)+" "
+""+h.name+" "
+""+(h.mitigation||"—")+" "
+" "
).join("");
return ""
+"
Task "+(ti+1)+": "+label+"
"
+(hazardRows
? "
"
+"# Hazard Mitigation "+hazardRows+"
"
: "
No hazards selected
")
+"
INTERNAL PIPELINE SERVICES
2440-B Chambers St. · Venus, TX 76084 · (817) 539-9764
Job Safety Analysis (JSA) & Daily Toolbox Talk
Date: ${jsa.date||"—"}Supervisor: ${jsa.supervisor||"—"}Client: ${jsa.client||proj.client||"—"}Location: ${jsa.location||proj.location||"—"}Task Start: ${jsa.taskStartTime||"—"}Task End: ${jsa.taskEndTime||"—"}
${tasksHTML}
${fire.length>0?`Fire Protection ${fire.join(" · ")}
`:""}
${ppe.length>0?`PPE Required ${ppe.join(" · ")}
`:""}
${energy.length>0?`Energy Control ${energy.join(" · ")}
`:""}
Pre-Work Job Safety Review
Question Response
${JSA_PREWORK.map((q,i)=>`${q} ${jsa.prework?.[i]||"—"}
${jsa.emergencyExt||jsa.fireExt?`In Event of Emergency, Call Ext: ${jsa.emergencyExt||"—"} Fires Reported by Dialing Ext: ${jsa.fireExt||"—"}
`:""}
${jsa.additionalComments?`Comments / Instructions ${jsa.additionalComments}
`:""}
Crew Sign-In
Name Time
${(jsa.crewSignIn||[]).map(s=>`${s.name} ${Fmt.timeShort(s.time)} None recorded
Crew Sign-Out
Name Time
${(jsa.crewSignOut||[]).map(s=>`${s.name} ${Fmt.timeShort(s.time)} None recorded
${jsa.postJobOtherComments?`Post-Job Notes ${jsa.postJobOtherComments}
`:""}`;
},
async emailDaily(proj, dayRuns, dayNote, dayDate, dayCoating, dayJSAs, inspections, photos, allJsas) {
const CSS=`
@page{margin:0;size:portrait}
body{font-family:Arial,sans-serif;font-size:10px;margin:0;padding:12mm 12mm 12mm 12mm;color:#222;line-height:1.4;-webkit-print-color-adjust:exact;print-color-adjust:exact}
a{color:inherit;text-decoration:none;pointer-events:none}
h1{font-size:15px;margin:4px 0 2px}
h2{font-size:12px;border-bottom:1.5px solid #b05000;padding-bottom:2px;margin:8px 0 4px;color:#b05000}
h3{font-size:10px;color:#b05000;margin:4px 0 2px}
table{width:100%;border-collapse:collapse;margin-bottom:6px}
th{background:#1a2535;color:#fff;padding:3px 5px;font-size:8px;text-align:left;-webkit-print-color-adjust:exact;print-color-adjust:exact}
td{padding:2px 5px;border-bottom:1px solid #eee;font-size:9px}
.logo{font-size:13px;font-weight:900;color:#b05000;margin-bottom:1px}
.meta{font-size:9px;color:#555;margin-bottom:6px}
.section{margin-bottom:8px;padding:7px 10px;border:1px solid #ddd;border-radius:3px}
.kv{display:inline-block;margin-right:14px;margin-bottom:2px}
.photo-grid{display:block;margin-bottom:12px}
.photo-card{display:block;width:100%;border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-bottom:10px;break-inside:avoid;page-break-inside:avoid}
.photo-card img{width:100%;max-height:260px;object-fit:contain;display:block}
.photo-caption{padding:4px 6px;background:#f9f9f9;border-top:1px solid #eee}
.no-print{display:block}
@media print{
@page{margin:0;size:portrait}
body{padding:10mm 12mm 10mm 12mm}
.no-print{display:none!important}
tr{page-break-inside:avoid;break-inside:avoid}
h2{page-break-after:avoid;break-after:avoid}
.photo-card{break-inside:avoid;page-break-inside:avoid}
}
`;
const title=`Daily Report - ${proj.client||""} - ${dayDate}`;
// Open loading window immediately to avoid popup blocker
const w=window.open("","_blank");
w.document.write(`${title} ⏳ Building Report…
Fetching photos — this may take a moment
${title} Daily Report — ${dayDate} 🖨 Print / Save PDF Close
${htmlBody}`);
w.document.close();
},
async emailFinal(proj, runs, dailyNotes, coatingDays, review, inspections, photos) {
const CSS=`
@page{margin:0;size:portrait}
body{font-family:Arial,sans-serif;font-size:11px;margin:0;padding:14mm 14mm 14mm 14mm;color:#222;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}
a{color:inherit;text-decoration:none;pointer-events:none}
h1{font-size:18px}
h2{font-size:14px;border-bottom:2px solid #b05000;padding-bottom:3px;margin:14px 0 8px}
h3{font-size:12px;color:#b05000;margin:8px 0 4px}
table{width:100%;border-collapse:collapse;margin-bottom:10px}
th{background:#1a2535;color:#fff;padding:3px 4px;font-size:7px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
td{padding:2px 4px;border-bottom:1px solid #f0f0f0;font-size:8px;white-space:nowrap}
.logo{font-size:14px;font-weight:900;color:#b05000}
.meta{font-size:11px;color:#555;margin-bottom:14px}
.section{margin-bottom:16px;padding:10px;border:1px solid #ddd;border-radius:4px}
.kv{display:inline-block;margin-right:18px;margin-bottom:3px}
.photo-grid{display:block;margin-bottom:16px}
.photo-card{display:block;width:100%;border:1px solid #ddd;border-radius:6px;overflow:hidden;margin-bottom:14px;break-inside:avoid;page-break-inside:avoid}
.photo-card img{width:100%;max-height:320px;object-fit:contain;display:block}
.photo-caption{padding:6px 10px;background:#f9f9f9;border-top:1px solid #eee}
.no-print{display:block}
@media print{
@page{margin:0;size:portrait}
body{padding:10mm 12mm 10mm 12mm}
.no-print{display:none!important}
table{page-break-inside:auto}
tr{page-break-inside:avoid;break-inside:avoid}
h2{page-break-after:avoid;break-after:avoid}
.photo-card{break-inside:avoid;page-break-inside:avoid}
}
`;
const subj=`Final Report - ${proj.client||""} - ${proj.diameter}" x ${proj.length}ft`;
// Open loading window immediately so browser doesn't block it as a popup
const w=window.open("","_blank");
w.document.write(`${subj} ⏳ Building Report…
Fetching photos — this may take a moment
${subj} Final Report — ${proj.client||""} 🖨 Print / Save PDF Close
${htmlBody}`);
w.document.close();
},
emailJSA(proj, jsa) {
const CSS=`@page{margin:0}body{font-family:Arial,sans-serif;font-size:11px;margin:0;padding:12mm 14mm 12mm 14mm;color:#222;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}a{color:inherit;text-decoration:none;pointer-events:none}h1{font-size:18px}h2{font-size:14px;border-bottom:2px solid #b05000;padding-bottom:3px;margin:14px 0 8px}table{width:100%;border-collapse:collapse;margin-bottom:10px}th{background:#1a2535;color:#fff;padding:5px 6px;font-size:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}td{padding:4px 6px;border-bottom:1px solid #eee;font-size:10px}.logo{font-size:14px;font-weight:900;color:#b05000}.meta{font-size:11px;color:#555;margin-bottom:14px}.section{margin-bottom:16px;padding:10px;border:1px solid #ddd;border-radius:4px}.kv{display:inline-block;margin-right:18px;margin-bottom:3px}.no-print{display:block}@media print{@page{margin:0}.no-print{display:none!important}tr{page-break-inside:avoid;break-inside:avoid}}`;
const htmlBody=this.buildJSAHTML(proj,jsa);
const w=window.open("","_blank");
w.document.write(`JSA - ${proj.client||""} - ${jsa.date} JSA — ${jsa.date||""} 🖨 Print / Save PDF Close
${htmlBody}`);
w.document.close();
}
};
// ======== page-projects.js ========
function ProjectsPage({projects,onSelect,onCreate,onDelete}) {
return (
{typeof LOGO_DATA_URL!=="undefined"&&
}
IPS-PROJECT
Internal Pipeline Services
+ New Project
{projects.length===0&&
No projects yet
}
{projects.length>0&&
Swipe left to delete
}
{[...projects].reverse().map(p=>(
onDelete(p.id)}>
onSelect(p.id)} style={{...S.card,cursor:"pointer",marginBottom:0,borderRadius:14}}>
{p.projectNumber} — {p.client||"(No client)"}
{p._sectionNum &&
Section {p._sectionNum} }
{p.closed&&
CLOSED }
{p.diameter||"?"}" × {Number(p.length||0).toLocaleString()}ft · {p.location||"—"}
{(p.runs||[]).length} runs · Job #: {p.jobNumber||"—"}{p.startDate?" · "+p.startDate:""}{p.endDate?" → "+p.endDate:""}
))}
);
}
// ======== page-setup.js ========
function SetupPage({proj,onUpdate,onBack,onContinue,onClose,NavBar}) {
const [emailInput,setEmailInput]=useState("");
const [reviewEmailInput,setReviewEmailInput]=useState("");
const [newPin,setNewPin]=useState("");
const [pinMsg,setPinMsg]=useState("");
const addEmail=()=>{const e=emailInput.trim();if(e&&!proj.emails?.includes(e)){onUpdate("emails",[...(proj.emails||[]),e]);setEmailInput("")}};
const addReviewEmail=()=>{const e=reviewEmailInput.trim();if(e&&!(proj.reviewEmails||[]).includes(e)){onUpdate("reviewEmails",[...(proj.reviewEmails||[]),e]);setReviewEmailInput("")}};
return (
← Projects
Project Setup
Done →
{proj.closed&&
🔒 Project Closed
}
{!proj.closed&&
🔒 Close Project }
{[["Project #","projectNumber"],["Job Number","jobNumber"],["Client","client"],["Location","location"],["Product Type","productType"],["Pipeline Length (ft)","length","number","numeric"],["Reference Diameter (in)","diameter","number","decimal"],["Actual ID (in)","actualID","number","decimal"],["Default Tank","defaultTank"]].map(([lbl,fld,tp,im])=>(
onUpdate(fld,v)} />
))}
Number of Sections
{[1,2,3,4,5,6].map(n=>(
onUpdate("numSections",n)}
style={{padding:"9px 18px",borderRadius:10,border:`1px solid ${(proj.numSections||1)===n?"var(--accent)":"var(--border)"}`,background:(proj.numSections||1)===n?"rgba(255,165,0,0.15)":"transparent",color:(proj.numSections||1)===n?"var(--accent)":"var(--muted)",fontSize:14,fontWeight:700,cursor:"pointer",fontFamily:"var(--font)"}}>
{n}
))}
{(proj.numSections||1) > 1 && (
Crew will be prompted to select a section after logging in. Each section has its own independent runs, chemicals, and reports.
)}
onUpdate("startDate",v)} placeholder="MM/DD/YYYY" />
onUpdate("endDate",v)} placeholder="MM/DD/YYYY" />
onUpdate("email",v)} />
Additional Recipients
Add
{(proj.emails||[]).map((e,i)=>(
{e}
onUpdate("emails",(proj.emails||[]).filter((_,j)=>j!==i))} style={{background:"none",border:"none",color:"#ff4444",cursor:"pointer",fontSize:14}}>✕
))}
Review Email Recipients
Emails that will receive the final customer review
Add
{(proj.reviewEmails||[]).map((e,i)=>(
{e}
onUpdate("reviewEmails",(proj.reviewEmails||[]).filter((_,j)=>j!==i))} style={{background:"none",border:"none",color:"#ff4444",cursor:"pointer",fontSize:14}}>✕
))}
Manager PIN
Full access to all projects and tabs. Crew log in with their project number.
{pinMsg&&
{pinMsg}
}
{if(newPin.length!==4)return;await Storage.setManagerPin(newPin);setNewPin("");setPinMsg("Manager PIN updated");setTimeout(()=>setPinMsg(""),2000);}} disabled={newPin.length!==4} style={{...S.ba,width:"auto",padding:"10px 16px",fontSize:13,opacity:newPin.length===4?1:0.4}}>Save
);
}
// ======== page-runs.js ========
// ═══ INLINE PASS EDITOR — enter receive data per shuttle pass during active run ═══
function InlinePassEditor({passes, onUpdatePass}) {
const [activePassIdx, setActivePassIdx] = React.useState(passes.length - 1);
const [passPopup, setPassPopup] = React.useState(null);
const [solidsManual, setSolidsManual] = React.useState("");
React.useEffect(() => { setActivePassIdx(passes.length - 1); }, [passes.length]);
const p = passes[activePassIdx] || {};
return (
Completed Pass — Receive Data
{passes.map((p,pi)=>(
setActivePassIdx(pi)} style={{background:activePassIdx===pi?"var(--accent)":"rgba(255,171,0,0.1)",border:"1px solid rgba(255,171,0,0.3)",borderRadius:8,color:activePassIdx===pi?"#000":"var(--accent)",fontSize:11,fontWeight:700,padding:"5px 10px",cursor:"pointer",fontFamily:"var(--font)"}}>
Pass {pi+1}
))}
{p.direction&&p.direction.startsWith("Launch")?"L→R":"R→L"} · {Fmt.timeShort(p.launchTime)} → {Fmt.timeShort(p.receiveTime)} · {Fmt.duration(p.duration)}
% Solids
setPassPopup("solids")} style={{...S.ba,width:"100%",padding:"10px 8px",fontSize:14}}>{p.totalSolids||"NA"}
% Acid
Color
setPassPopup("color")} style={{...S.ba,width:"100%",padding:"10px 8px",fontSize:14}}>{p.solidColor||"NA"}
{passPopup==="solids"&&
{if(v==="Manual"){setSolidsManual("");setPassPopup("solidsManual")}else{onUpdatePass(activePassIdx,{totalSolids:v});setPassPopup(null)}}} onClose={()=>setPassPopup(null)} />}
{passPopup==="solidsManual"&&{}} onClose={()=>setPassPopup(null)} showManual manualLabel="Enter %" manualValue={solidsManual} onManualChange={setSolidsManual} onManualConfirm={()=>{onUpdatePass(activePassIdx,{totalSolids:solidsManual});setPassPopup(null)}} />}
{passPopup==="color"&&{onUpdatePass(activePassIdx,{solidColor:v});setPassPopup(null)}} onClose={()=>setPassPopup(null)} />}
);
}
function RunsPage({proj,runs,activeRun,updateActiveRun,editingRun,setER,showPrompt,paused,setPaused,elapsed,setElapsed,pausedTotal,setPT,pauseRef,onSaveRun,onSavePastRun,onStartNew,onDeleteRun,onDuplicateRun,onClearEditingRun,onClearRun,setRuns,NavBar}) {
const [editPassRun, setEditPassRun] = React.useState(null);
const [editPassData, setEditPassData] = React.useState({});
const [passPopup, setPassPopup] = React.useState(null);
const [passManual, setPassManual] = React.useState("");
const hLaunch=()=>{
// Hard-reset all pause state first — prevents stale pausedTotal from a
// previous run or accidental pause carrying over into this run's duration.
setPaused(false); setPT(0); pauseRef.current=null;
const launchTime = Date.now();
updateActiveRun({launchTime, pausedDuration:0});
};
const hPause=()=>{
if(paused){
const pausedMs=Date.now()-pauseRef.current;
setPT(p=>p+pausedMs);
pauseRef.current=null;
setPaused(false);
// Rebase launchTime so elapsed continues correctly
updateActiveRun({launchTime: activeRun.launchTime + pausedMs});
}else{
pauseRef.current=Date.now();
setPaused(true);
}
};
const hReceive=()=>{
// Build true paused total: local state + any active pause in progress.
// Guard: if pausedTotal is somehow stale (e.g. app reloaded mid-run on a
// different device), cap it at receiveTime-launchTime so duration can't go negative.
let tp=pausedTotal;if(paused&&pauseRef.current){tp+=Date.now()-pauseRef.current;pauseRef.current=null}
const receiveTime=Date.now();
const rawDiff=activeRun.launchTime?receiveTime-activeRun.launchTime:0;
// Never let pausedTotal exceed the raw elapsed — prevents stale carry-over
if(tp>rawDiff) tp=0;
setPaused(false);setPT(tp);
const duration=rawDiff>0?rawDiff-tp:0;
if(activeRun.shuttleMode){
const curDir=activeRun.direction;
const nextDir=curDir.startsWith("Launch")?"Receive \u2192 Launch":"Launch \u2192 Receive";
const passContactTime=computeContactTime(duration,activeRun.chemVolume,proj);
const newPass={direction:curDir,launchTime:activeRun.launchTime,receiveTime,duration,pausedDuration:tp,contactTime:passContactTime,totalSolids:activeRun._passSolids||"NA",percentAcid:activeRun._passAcid||"NA",solidColor:activeRun._passColor||"NA"};
const passes=[...(activeRun.shuttlePasses||[]),newPass];
updateActiveRun({shuttlePasses:passes,direction:nextDir,launchTime:null,_shuttleReceiveTime:receiveTime,_passSolids:"NA",_passAcid:"NA",_passColor:"NA",pausedDuration:0});
setPT(0);
} else {
updateActiveRun({receiveTime,pausedDuration:tp,duration});
}
};
const hEndShuttle=()=>{
let tp=pausedTotal;if(paused&&pauseRef.current){tp+=Date.now()-pauseRef.current;pauseRef.current=null}
const receiveTime=Date.now();
const rawDiff=activeRun.launchTime?receiveTime-activeRun.launchTime:0;
if(tp>rawDiff) tp=0;
setPaused(false);setPT(tp);
const duration=rawDiff>0?rawDiff-tp:0;
const passContactTime=computeContactTime(duration,activeRun.chemVolume,proj);
const newPass={direction:activeRun.direction,launchTime:activeRun.launchTime,receiveTime,duration,pausedDuration:tp,contactTime:passContactTime,totalSolids:activeRun._passSolids||"NA",percentAcid:activeRun._passAcid||"NA",solidColor:activeRun._passColor||"NA"};
const passes=[...(activeRun.shuttlePasses||[]),newPass];
const totalDur=passes.reduce((s,p)=>s+(p.duration||0),0);
const firstPassDir=passes[0]?.direction||activeRun.direction;
updateActiveRun({receiveTime,duration:totalDur,shuttlePasses:passes,shuttleComplete:true,direction:firstPassDir});
};
// End shuttle between passes (after a receive, before the next launch)
const hEndShuttleBetweenPasses=()=>{
const passes=activeRun.shuttlePasses||[];
const totalDur=passes.reduce((s,p)=>s+(p.duration||0),0);
const lastReceiveTime=activeRun._shuttleReceiveTime||Date.now();
const firstPassDir=passes[0]?.direction||activeRun.direction;
updateActiveRun({receiveTime:lastReceiveTime,duration:totalDur,shuttleComplete:true,launchTime:null,direction:firstPassDir});
};
function computeContactTime(durationMs, vol, proj){
const dm=Calc.calcDiam(proj),gpf=Calc.galPerFt(dm),bl=vol&&gpf>0?vol/gpf:0;
const pl=parseFloat(proj.length)||0,spd=(durationMs>0&&pl>0)?pl/(durationMs/1000):0;
const ct=spd>0?bl/spd:0;
return ct>0?`${(ct/60).toFixed(1)} min`:"—";
}
const setMT=(field,ts)=>{
if(!ts||!activeRun)return;
const d=new Date(),[h,m,s]=ts.split(":").map(Number);d.setHours(h||0,m||0,s||0,0);const t=d.getTime();
const updates={[field]:t};
if(field==="launchTime"&&activeRun.receiveTime) updates.duration=activeRun.receiveTime-t-(activeRun.pausedDuration||0);
if(field==="receiveTime"&&activeRun.launchTime) updates.duration=t-activeRun.launchTime-(activeRun.pausedDuration||0);
updateActiveRun(updates);
setPaused(false);
};
const updA=(f,v)=>{
if(!activeRun) return;
const updates={[f]:v};
if(f==="chemVolume") updates.estVolumeOut=v;
if(f==="chemType"){
if(v==="HCL") updates.chemPercent="18.0%";
else if(v==="H2O"||v==="Det"||v==="Solvent"||v==="Diesel"||v==="Inhib. H2O") updates.chemPercent="100%";
else if(CHEMICAL_PRESETS[v]) updates.chemPercent=CHEMICAL_PRESETS[v]+"%";
}
if(f==="direction"){
if(v==="Receive \u2192 Launch") updates.tank="Shuttle";
else if(activeRun.tank==="Shuttle") updates.tank=proj.defaultTank||"Tank 1";
}
updateActiveRun(updates);
};
// updE — same field-update logic but for editingRun (past run being edited)
const updE=(f,v)=>setER(prev=>{
if(!prev) return prev;
const n={...prev,[f]:v};
if(f==="chemVolume")n.estVolumeOut=v;
if(f==="chemType"){
if(v==="HCL") n.chemPercent="18.0%";
else if(v==="H2O"||v==="Det"||v==="Solvent"||v==="Diesel"||v==="Inhib. H2O") n.chemPercent="100%";
else if(CHEMICAL_PRESETS[v]) n.chemPercent=CHEMICAL_PRESETS[v]+"%";
}
if(f==="direction"){if(v==="Receive \u2192 Launch")n.tank="Shuttle";else if(prev.tank==="Shuttle")n.tank=proj.defaultTank||"Tank 1"}
if(f==="launchTime"&&prev.receiveTime) n.duration=prev.receiveTime-v-(prev.pausedDuration||0);
if(f==="receiveTime"&&prev.launchTime) n.duration=v-prev.launchTime-(prev.pausedDuration||0);
return n;
});
const cancel=()=>{ if(onClearRun) onClearRun(); else setPaused(false); };
const cancelEdit=()=>{if(onClearEditingRun)onClearEditingRun();};
// Popups for activeRun form
const [pigPopup,setPigPopup]=useState(null);
const [pigManual,setPigManual]=useState(null);
const [chemPopup,setChemPopup]=useState(null);
const [chemManualPct,setChemManualPct]=useState("");
const [receivePopup,setReceivePopup]=useState(null);
const [solidsManual,setSolidsManual]=useState("");
// Popups for editingRun (past run) form — separate state so they don't interfere
const [ePigPopup,setEPigPopup]=useState(null);
const [ePigManual,setEPigManual]=useState(null);
const [eChemPopup,setEChemPopup]=useState(null);
const [eChemManualPct,setEChemManualPct]=useState("");
const [eReceivePopup,setEReceivePopup]=useState(null);
const [eSolidsManual,setESolidsManual]=useState("");
const isShuttle=activeRun?.shuttleMode;
const shuttleComplete=activeRun?.shuttleComplete;
const shuttlePasses=activeRun?.shuttlePasses||[];
// Manual time setter for editingRun
const setEMT=(field,ts)=>{
if(!ts||!editingRun)return;
const d=new Date(),[h,m,s]=ts.split(":").map(Number);
d.setHours(h||0,m||0,s||0,0);
const t=d.getTime();
setER(prev=>{
const n={...prev,[field]:t};
if(field==="launchTime"&&prev.receiveTime)n.duration=prev.receiveTime-t-(prev.pausedDuration||0);
if(field==="receiveTime"&&prev.launchTime)n.duration=t-prev.launchTime-(prev.pausedDuration||0);
return n;
});
};
return (
<>
IPS-PROJECT
{proj.client} — {proj.diameter}" × {Number(proj.length||0).toLocaleString()}ft
{proj.jobNumber&&
Job #: {proj.jobNumber}
}
{Fmt.date()}
{showPrompt&&!activeRun&&
Run #{runs.length+1}
{runs.length>0&&onStartNew(true)}>↻ Same as Last }
onStartNew(false)}>+ New Run
}
{activeRun&&
RUN #{activeRun.runNumber}{isShuttle?" 🔄 SHUTTLE":""}
{isShuttle&&shuttlePasses.length>0&&
Shuttle Passes
{shuttlePasses.map((p,i)=>(
Pass {i+1}: {p.direction&&p.direction.startsWith("Launch")?"L→R":"R→L"}
{Fmt.duration(p.duration)} · {p.contactTime}
))}
}
{isShuttle&&shuttlePasses.length>0?`Pass ${shuttlePasses.length+1} Time`:"Run Time"}
{activeRun.launchTime&&!activeRun.receiveTime?Fmt.timer(elapsed):activeRun.duration?Fmt.duration(activeRun.duration):"00:00:00"}
{paused&&
⏸ PAUSED
}
Launch: {Fmt.time(activeRun.launchTime)} |
Rcv: {activeRun._shuttleReceiveTime?Fmt.time(activeRun._shuttleReceiveTime):Fmt.time(activeRun.receiveTime)}
{shuttleComplete&&
✓ Shuttle Complete — {shuttlePasses.length} passes
}
{!activeRun.launchTime&&!shuttleComplete&&<>
▶ LAUNCH
{!isShuttle&&
updA("shuttleMode",true)} style={{...S.ba,padding:"14px 16px",width:"auto",fontSize:13,borderRadius:12}}>🔄 Shuttle }
{isShuttle&&shuttlePasses.length>0&&
⬛ End Shuttle }
}
{activeRun.launchTime&&!shuttleComplete&&<>
{paused?"▶ Resume":"⏸ Pause"}
■ RECEIVE
{isShuttle&&
⬛ End Shuttle }
}
{shuttleComplete&&
✓ Shuttle Complete
}
{activeRun.receiveTime&&!isShuttle&&!activeRun.launchTime&&
✓ Run Complete
}
updA("direction",v)} />
Pigs
{[["Front Pig","frontPig"],["Rear Pig","rearPig"],activeRun.showThirdPig&&["Third Pig","thirdPig"]].filter(Boolean).map(([lbl,field])=>(
{lbl}
setPigPopup(field)} style={{...S.ba,width:"100%",padding:"10px 8px",fontSize:13,textAlign:"center"}}>
{activeRun[field]||"Select"}
))}
{!activeRun.showThirdPig&&
updA("showThirdPig",true)} style={{background:"none",border:"1px dashed var(--border)",borderRadius:8,color:"var(--muted)",fontSize:11,padding:"6px 12px",cursor:"pointer",marginTop:10,width:"100%",fontFamily:"var(--font)"}}>+ Third Pig }
{pigPopup&&
{if(v==="Manual"){setPigManual({field:pigPopup,val:""});setPigPopup(null)}else{updA(pigPopup,v);setPigPopup(null)}}} onClose={()=>setPigPopup(null)} />}
{pigManual&&{}} onClose={()=>setPigManual(null)} showManual manualLabel="Pig Name" manualValue={pigManual.val} onManualChange={v=>setPigManual(p=>({...p,val:v}))} onManualConfirm={()=>{updA(pigManual.field,pigManual.val);setPigManual(null)}} />}
Chemical
Type
setChemPopup("type")} style={{...S.ba,width:"100%",padding:"10px 8px",fontSize:13}}>
{activeRun.chemType==="Other"?(activeRun.chemManualType||"Other"):activeRun.chemType}
{activeRun.chemType!=="H2O"&&
{activeRun.chemType==="HCL"?"HCL Conc.":"% Loaded"}
setChemPopup("percent")} style={{...S.ba,width:"100%",padding:"10px 8px",fontSize:13}}>
{activeRun.chemPercent||"—"}
}
Volume (gal)
{activeRun.chemType==="Other"&&
updA("chemManualType",e.target.value)} style={{...S.inp,marginTop:8}} />}
{chemPopup==="type"&&
{updA("chemType",v);setChemPopup(null)}} onClose={()=>setChemPopup(null)} />}
{chemPopup==="percent"&&activeRun.chemType==="HCL"&&{if(v==="Manual"){setChemManualPct("");setChemPopup("pctManual")}else{updA("chemPercent",v);setChemPopup(null)}}} onClose={()=>setChemPopup(null)} />}
{chemPopup==="percent"&&activeRun.chemType!=="HCL"&&{if(v==="Manual"){setChemManualPct("");setChemPopup("pctManual")}else{updA("chemPercent",v);setChemPopup(null)}}} onClose={()=>setChemPopup(null)} />}
{chemPopup==="pctManual"&&{}} onClose={()=>setChemPopup(null)} showManual manualLabel="Enter %" manualValue={chemManualPct} onManualChange={setChemManualPct} onManualConfirm={()=>{updA("chemPercent",chemManualPct.includes("%")?chemManualPct:chemManualPct+"%");setChemPopup(null)}} />}
Receive Data
{/* Current in-progress shuttle pass receive data */}
{isShuttle&&!shuttleComplete&&activeRun.launchTime&&
Current Pass {(activeRun.shuttlePasses||[]).length+1} — Receive Data
% Solids
setReceivePopup("passSolids")} style={{...S.ba,width:"100%",padding:"10px 8px",fontSize:14}}>{activeRun._passSolids||"NA"}
% Acid
Color
setReceivePopup("passColor")} style={{...S.ba,width:"100%",padding:"10px 8px",fontSize:14}}>{activeRun._passColor||"NA"}
{receivePopup==="passSolids"&&
{if(v==="Manual"){setSolidsManual("");setReceivePopup("passSolidsManual")}else{updA("_passSolids",v);setReceivePopup(null)}}} onClose={()=>setReceivePopup(null)} />}
{receivePopup==="passSolidsManual"&&{}} onClose={()=>setReceivePopup(null)} showManual manualLabel="Enter %" manualValue={solidsManual} onManualChange={setSolidsManual} onManualConfirm={()=>{updA("_passSolids",solidsManual);setReceivePopup(null)}} />}
{receivePopup==="passColor"&&{updA("_passColor",v);setReceivePopup(null)}} onClose={()=>setReceivePopup(null)} />}
}
{/* Per-pass solids/acid/color for shuttle mode — editable inline during active run */}
{isShuttle&&(activeRun.shuttlePasses||[]).length>0&&
{const updated=(activeRun.shuttlePasses||[]).map((p,i)=>i===pi?{...p,...updates}:p);updateActiveRun({shuttlePasses:updated});}} />}
{/* Non-shuttle solids/acid/color */}
{!isShuttle&&
Total % Solids
setReceivePopup("solids")} style={{...S.ba,width:"100%",padding:"10px 8px",fontSize:13}}>{activeRun.totalSolids||"0"}
% Acid (Receiving)
Solid Color
setReceivePopup("color")} style={{...S.ba,width:"100%",padding:"10px 8px",fontSize:13}}>{activeRun.solidColor||"Black"}
}
{receivePopup==="solids"&&{if(v==="Manual"){setSolidsManual("");setReceivePopup("solidsManual")}else{updA("totalSolids",v);setReceivePopup(null)}}} onClose={()=>setReceivePopup(null)} />}
{receivePopup==="solidsManual"&&{}} onClose={()=>setReceivePopup(null)} showManual manualLabel="Enter %" manualValue={solidsManual} onManualChange={setSolidsManual} onManualConfirm={()=>{updA("totalSolids",solidsManual);setReceivePopup(null)}} />}
{receivePopup==="color"&&{updA("solidColor",v);setReceivePopup(null)}} onClose={()=>setReceivePopup(null)} />}
{!isShuttle&&<>updA("layeredEnabled",!activeRun.layeredEnabled)} style={{background:activeRun.layeredEnabled?"var(--highlight)":"none",border:"1px dashed var(--border)",borderRadius:8,color:activeRun.layeredEnabled?"var(--accent)":"var(--muted)",fontSize:11,padding:"6px 12px",cursor:"pointer",width:"100%",fontFamily:"var(--font)"}}>{activeRun.layeredEnabled?"▾ Layered Solids":"+ Layered Solids"}
{activeRun.layeredEnabled&&
{[["Top","layeredTop","layeredTopColor"],["Middle","layeredMid","layeredMidColor"],["Bottom","layeredBot","layeredBotColor"]].map(([lbl,pctField,colorField])=>(
{lbl} % updA(pctField,v)} width={90} fontSize={12} />
{lbl} Color
updA(colorField,e.target.value)} style={{...S.inp,fontSize:12,padding:"8px 10px"}}>
— Color —
{SOLID_COLORS.map(c=>{c} )}
))}