/* ============================================================ PDF SCHEDA PRODOTTO — anteprima stampabile ============================================================ */ function PdfModal({ product, withBattery, listino, onClose }) { const vp = useViewport(); const p = product; const cat = CATEGORIE.find(c=>c.id===p.cat); const booking = PRENOTAZIONI.find(b=>b.prodId===p.id); const oggi = new Date().toLocaleDateString('it-IT', { day:'2-digit', month:'long', year:'numeric' }); // battery economics const bt = (window.battFromProduct ? window.battFromProduct(p.attr) : parseBatt(p.attr && p.attr['Batteria'])); const battPrice = bt ? (listino||LISTINO_BATTERIE_INIT)[battKey(bt.volt, bt.amp)] : null; const battSr = battPrice===SR || battPrice==null; const withBatt = withBattery && bt && !battSr; const listinoPrice = p.prezzoConsigliato; const totale = (listinoPrice||0) + (withBatt?battPrice:0); // Carica foto da R2 e le converte in data URL base64 (così la stampa le vede sempre) const [media, setMedia] = React.useState([]); const [photosLoading, setPhotosLoading] = React.useState(true); const [photosReady, setPhotosReady] = React.useState(false); // Misura l'altezza del CONTENUTO per capire quante pagine A4 servono. const contentRef = React.useRef(null); const rulerRef = React.useRef(null); // elemento di calibrazione alto 297mm const [pageCount, setPageCount] = React.useState(1); const MARGIN_MM_RATIO = 20 / 297; // margini 10mm sopra + 10mm sotto su 297mm React.useEffect(() => { const measure = () => { if (contentRef.current && rulerRef.current) { const h = contentRef.current.scrollHeight; // quanti px = 297mm REALI nel browser corrente (calibrazione) const pageHeightPx = rulerRef.current.offsetHeight || 1122; const usable = pageHeightPx * (1 - MARGIN_MM_RATIO); // pagina meno margini setPageCount(Math.max(1, Math.ceil(h / usable))); } }; measure(); const t1 = setTimeout(measure, 200); const t2 = setTimeout(measure, 500); // ri-misura dopo il render foto window.addEventListener('resize', measure); return () => { clearTimeout(t1); clearTimeout(t2); window.removeEventListener('resize', measure); }; }, [media, photosReady, p]); React.useEffect(() => { let cancelled = false; (async () => { try { const list = await window.DataAPI.list('product_media', { eq:['product_id', p.id] }) || []; const sorted = list.slice().sort((a,b) => { if (a.is_main && !b.is_main) return -1; if (!a.is_main && b.is_main) return 1; return (a.ordine||0) - (b.ordine||0); }); if (sorted.length === 0) { if (!cancelled) { setMedia([]); setPhotosLoading(false); setPhotosReady(true); } return; } // Converte ogni immagine in data URL base64 via canvas. // Necessario perché window.print() non renderizza in modo affidabile // le immagini remote (CORS/decoding). Le base64 sono embeddate nel DOM. const toDataUrl = (url) => new Promise((resolve) => { const img = new Image(); img.crossOrigin = 'anonymous'; img.onload = () => { const ratio = (img.naturalWidth && img.naturalHeight) ? img.naturalWidth/img.naturalHeight : null; try { const canvas = document.createElement('canvas'); canvas.width = img.naturalWidth; canvas.height = img.naturalHeight; const ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0); resolve({ dataUrl: canvas.toDataURL('image/jpeg', 0.85), ratio }); } catch (e) { resolve({ dataUrl: url, ratio }); // fallback all'URL originale } }; img.onerror = () => resolve({ dataUrl: url, ratio: null }); img.src = url; }); const withData = await Promise.all(sorted.map(async m => { const r = await toDataUrl(m.url); return { ...m, dataUrl: r.dataUrl, ratio: r.ratio }; })); if (!cancelled) { setMedia(withData); setPhotosLoading(false); setPhotosReady(true); } } catch(e) { if (!cancelled) { setPhotosLoading(false); setPhotosReady(true); } } })(); return () => { cancelled = true; }; }, [p.id]); const mainPhoto = media[0] || null; const galleryPhotos = media.slice(1, 5); // max 4 in gallery const handlePrint = () => { if (!photosReady) return; // Il nome del file PDF deriva dal titolo del documento. // Formato: "Nome Macchina - Matricola - Menabue Carrelli Elevatori" const nomeMacchina = `${p.marca||''} ${p.modello||''}`.trim() || p.nome || 'Scheda'; const matr = p.matricola || p.id || ''; const prevTitle = document.title; document.title = `${nomeMacchina}${matr?` - ${matr}`:''} - Menabue Carrelli Elevatori`; // Ripristina il titolo dopo la stampa const restore = () => { document.title = prevTitle; window.removeEventListener('afterprint', restore); }; window.addEventListener('afterprint', restore); setTimeout(restore, 3000); // fallback se afterprint non scatta window.print(); }; const matrLabel = p.matricola || '—'; return (
{/* Ruler invisibile alto 297mm: serve a calibrare mm→px nel browser corrente */}