33 lines
1.3 KiB
JavaScript
33 lines
1.3 KiB
JavaScript
// Bakes live input values into their sibling .pv span before printing (so text doesn't clip
|
|
// at a fixed .f width the way a raw <input> would), then clears them after. One DOM, one
|
|
// rendering — see app.css's @media print block for the corresponding display swap.
|
|
//
|
|
// Operates on #print-sheet (not the passed-in screen `form`): the print worksheet lives
|
|
// outside #plan-form on purpose, so its inputs are addressed by container id instead.
|
|
|
|
export function initPrint({ beforePrint }) {
|
|
document.getElementById("btn-print").addEventListener("click", () => window.print());
|
|
|
|
window.addEventListener("beforeprint", () => {
|
|
beforePrint?.(); // re-sync the print worksheet's inputs from state.plan before baking
|
|
bakeValues();
|
|
});
|
|
window.addEventListener("afterprint", () => clearBaked());
|
|
}
|
|
|
|
function printSheet() {
|
|
return document.getElementById("print-sheet");
|
|
}
|
|
|
|
function bakeValues() {
|
|
for (const el of printSheet().querySelectorAll("input.ws-input, textarea.ws-input")) {
|
|
if (el.type === "radio" || el.type === "checkbox") continue;
|
|
const pv = el.nextElementSibling;
|
|
if (pv && pv.classList.contains("pv")) pv.textContent = el.value || "";
|
|
}
|
|
}
|
|
|
|
function clearBaked() {
|
|
for (const pv of printSheet().querySelectorAll(".pv")) pv.textContent = "";
|
|
}
|