// Daily Report Form — מסך יצירת דוח יומי (function(){ const { useState, useEffect, useMemo, useRef } = React; const DailyReportForm = ({ projectId, editReportId, prefillData, onBack, onAfterSubmit }) => { const { isMobile, isLandscape } = useViewport(); const project = YBP_DATA.projects.find(p => p.id === projectId); const contacts = React.useMemo(() => { try { const global = JSON.parse(localStorage.getItem('ybp_contacts_v1') || '[]'); const projIds = (JSON.parse(localStorage.getItem('ybp_proj_contacts_v2') || '{}'))[projectId] || []; const proj = global.filter(c => projIds.includes(c.id)); if (proj.length) return proj; if (global.length) return global; } catch {} return YBP_DATA.projectDetail?.contacts || []; }, [projectId]); const allTasks = YBP_DATA.projectDetail?.tasks || []; const user = (window.YBP_AUTH && window.YBP_AUTH.getCurrentUser) ? window.YBP_AUTH.getCurrentUser() : YBP_DATA.user; // Load edit report if editing const editReport = editReportId ? (SyncStore.get().reports || []).find(r => r.id === editReportId) : null; const ec = editReport?.content || {}; const nextId = useMemo(() => SyncStore.peekNextReportId(projectId, 'daily'), [projectId]); const [date, setDate] = useState(editReport?.date || todayISO()); const [dayStatus, setDayStatus] = useState(ec.dayStatus || 'normal'); const [statusReason, setStatusReason] = useState(ec.statusReason || ''); const [contractors, setContractors] = useState(ec.contractors || []); const [progress, setProgress] = useState(ec.progress?.map(p => ({ taskId: p.taskId, percentDone: p.percentDone })) || []); const [issues, setIssues] = useState( ec.issues || (!editReportId && prefillData?.structured?.issues) || (!editReportId && prefillData?.structured?.issuesFound) || '' ); const [notes, setNotes] = useState(() => { if (ec.notes) return ec.notes; if (editReportId || !prefillData) return ''; // אם AI חילץ rejects בנפרד — notes לא צריך להכיל את הטקסט המלא (מונע כפילות) const aiHasRejects = Array.isArray(prefillData.structured?.rejects) && prefillData.structured.rejects.length > 0; return prefillData.structured?.notes || (aiHasRejects ? '' : (prefillData.summaryText || '')); }); const [rejects, setRejects] = useState(() => { if (editReport?.rejects) return editReport.rejects; if (!editReportId && prefillData) { // מקור עדיפות: structured.rejects (AI) → suggestedRejects (DataStore או bullet fallback) const aiRejects = Array.isArray(prefillData.structured?.rejects) ? prefillData.structured.rejects : []; const source = aiRejects.length ? aiRejects : (prefillData.suggestedRejects || []); if (source.length) { return source.map((r, i) => ({ id: `r-pf-${Date.now()}-${i}`, title: r.title || '', description: r.description || '', trades: r.trades || [], assigneeId: '', assignee: r.assignee || '', severity: r.severity || 'medium', due: r.due || defaultDueDate(), photo: null, })); } } return []; }); const [showSuppliers, setShowSuppliers] = useState(!!(ec.suppliers?.length)); const [suppliers, setSuppliers] = useState(ec.suppliers?.length ? ec.suppliers : [{ name:'', item:'', note:'' }]); const [showVisits, setShowVisits] = useState(!!(ec.visits?.length)); const [visits, setVisits] = useState(ec.visits?.length ? ec.visits : [{ name:'', role:'' }]); // ── Voice fill listener ─────────────────────────────────────────────────── useEffect(() => { const handler = (e) => { const { formType, data } = e.detail || {}; if (formType !== 'daily' || !data) return; if (data.issues) setIssues(data.issues); if (data.notes) setNotes(data.notes); if (data.statusReason) { setStatusReason(data.statusReason); setDayStatus('special'); } if (data.contractors && Array.isArray(data.contractors)) { setContractors(prev => { const newTrades = data.contractors.filter(t => !prev.find(p => p.trade === t)); return [...prev, ...newTrades.map(t => ({ trade: t, count: null }))]; }); } if (data.rejectTitle) { setRejects(prev => [...prev, { id: `r-voice-${Date.now()}`, title: data.rejectTitle, description: data.rejectDescription || '', trades: [], assigneeId: '', assignee: data.rejectAssignee || '', severity: 'medium', due: data.rejectDue || defaultDueDate(), photo: null, }]); } }; window.addEventListener('ybp-voice-fill', handler); return () => window.removeEventListener('ybp-voice-fill', handler); }, []); // Toggle contractor trade const toggleContractor = (trade) => { setContractors(prev => { const exists = prev.find(c => c.trade === trade); if (exists) return prev.filter(c => c.trade !== trade); return [...prev, { trade, count: null }]; }); }; const setContractorCount = (trade, count) => { setContractors(prev => prev.map(c => c.trade === trade ? { ...c, count } : c)); }; // Task progress const toggleTask = (taskId) => { setProgress(prev => { const exists = prev.find(p => p.taskId === taskId); if (exists) return prev.filter(p => p.taskId !== taskId); return [...prev, { taskId, percentDone: 100 }]; }); }; // Rejects const addReject = () => setRejects(r => [...r, { id: `r-${Date.now()}`, title:'', description:'', trades:[], assigneeId:'', severity:'medium', due: defaultDueDate(), photo: null, }]); const updateReject = (id, data) => setRejects(r => r.map(x => x.id === id ? data : x)); const removeReject = (id) => setRejects(r => r.filter(x => x.id !== id)); const [submittedReport, setSubmittedReport] = useState(null); const [cloudSaveStatus, setCloudSaveStatus] = useState(null); // null | 'saved' | 'pending' const [submitting, setSubmitting] = useState(false); // ── Draft / auto-save ──────────────────────────────────────────────────── const userId = useMemo(() => { try { return JSON.parse(localStorage.getItem('ybp_auth_session') || '{}')?.email || 'unknown'; } catch { return 'unknown'; } }, []); const draftKey = `ybp_draft_daily_${projectId}_${userId}`; const [lastDraftSavedAt, setLastDraftSavedAt] = useState(null); const [cloudSavedAt, setCloudSavedAt] = useState(null); const [isDirty, setIsDirty] = useState(false); const [draftTick, setDraftTick] = useState(0); const autoSaveTimer = useRef(null); const isFirstRender = useRef(true); const restorePromptShown = useRef(false); // סמן טופס פעיל — מונע force-update בזמן עריכה useEffect(() => { window.YBP_FORM_DIRTY = true; window.YBP_CURRENT_SCREEN = 'daily-report'; return () => { window.YBP_FORM_DIRTY = false; window.YBP_FORM_STATE_SNAPSHOT = null; }; }, []); // minute ticker — refreshes age label useEffect(() => { const t = setInterval(() => setDraftTick(n => n + 1), 60000); return () => clearInterval(t); }, []); function formatDraftAge(savedAt) { const ms = Date.now() - savedAt; const min = Math.floor(ms / 60000); if (min < 1) return 'לפני פחות מדקה'; if (min < 60) return `לפני ${min} דקות`; const hr = Math.floor(min / 60); if (hr < 24) return `לפני ${hr} שעות`; const day = Math.floor(hr / 24); return `לפני ${day} ${day === 1 ? 'יום' : 'ימים'}`; } // שחזור טיוטה בעלייה (רק אם לא edit ולא prefill) useEffect(() => { if (editReportId || prefillData) return; if (restorePromptShown.current) return; restorePromptShown.current = true; (async () => { // סנכרן מ-Supabase לפני טעינה מ-localStorage (cross-device) try { const cloudResult = await window.loadDraftFromSupabase?.({ kind: 'daily', projectId }); if (cloudResult?.formData?.savedAt) { const localDraft = cloudLoadSync(draftKey, null); if ((cloudResult.formData.savedAt || 0) > (localDraft?.savedAt || 0)) { await cloudSave(draftKey, cloudResult.formData); } } } catch (_) {} const draft = await cloudLoad(draftKey); if (!draft?.savedAt) return; const ageLabel = formatDraftAge(draft.savedAt); const doLoad = () => { if (draft.date !== undefined) setDate(draft.date); if (draft.dayStatus !== undefined) setDayStatus(draft.dayStatus); if (draft.statusReason !== undefined) setStatusReason(draft.statusReason); if (draft.contractors) setContractors(draft.contractors); if (draft.progress) setProgress(draft.progress); if (draft.issues !== undefined) setIssues(draft.issues); if (draft.notes !== undefined) setNotes(draft.notes); if (draft.rejects) setRejects(draft.rejects); if (draft.suppliers) { setSuppliers(draft.suppliers); setShowSuppliers(true); } if (draft.visits) { setVisits(draft.visits); setShowVisits(true); } setLastDraftSavedAt(draft.savedAt); }; if (typeof window.confirmDialog === 'function') { window.confirmDialog({ title: 'יש טיוטה ממתינה', message: `נשמרה ${ageLabel}. להמשיך עריכה?`, confirmText: 'המשך עריכה', cancelText: 'התחל מחדש', onConfirm: doLoad, onCancel: () => cloudSave(draftKey, null), }); } else if (window.confirm(`יש טיוטה שנשמרה ${ageLabel}. להמשיך עריכה?`)) { doLoad(); } else { cloudSave(draftKey, null); } })(); }, []); // eslint-disable-line react-hooks/exhaustive-deps // isDirty — מסמן שינוי בכל שדה useEffect(() => { if (isFirstRender.current) { isFirstRender.current = false; return; } setIsDirty(true); }, [date, dayStatus, statusReason, contractors, progress, issues, notes, rejects, suppliers, visits]); // snapshot לemergency save — מתעדכן בכל render useEffect(() => { window.YBP_FORM_STATE_SNAPSHOT = { projectId, date, dayStatus, statusReason, contractors, progress, issues, notes, rejects, suppliers, visits }; }); // auto-save — debounce 30 שניות useEffect(() => { if (!isDirty) return; if (autoSaveTimer.current) clearTimeout(autoSaveTimer.current); autoSaveTimer.current = setTimeout(async () => { const now = Date.now(); const formData = { date, dayStatus, statusReason, contractors, progress, issues, notes, rejects, suppliers, visits, savedAt: now }; await cloudSave(draftKey, formData); window.upsertDraftReport?.({ draftKey, kind: 'daily', projectId, reportDate: date, formData }).catch(() => {}); setLastDraftSavedAt(now); setCloudSavedAt(now); setIsDirty(false); }, 30000); return () => { if (autoSaveTimer.current) clearTimeout(autoSaveTimer.current); }; }, [isDirty, date, dayStatus, statusReason, contractors, progress, issues, notes, rejects, suppliers, visits]); // eslint-disable-line const handleSaveDraft = async () => { const now = Date.now(); const formData = { date, dayStatus, statusReason, contractors, progress, issues, notes, rejects, suppliers, visits, savedAt: now }; await cloudSave(draftKey, formData); window.upsertDraftReport?.({ draftKey, kind: 'daily', projectId, reportDate: date, formData }).catch(() => {}); setLastDraftSavedAt(now); setCloudSavedAt(now); setIsDirty(false); if (typeof window.toastSuccess === 'function') window.toastSuccess('טיוטה נשמרה'); }; const handleDeleteDraft = async () => { if (!window.confirm('למחוק את הטיוטה ולצאת? פעולה זו לא ניתנת לביטול.')) return; try { if (typeof YBP_AUTH !== 'undefined' && YBP_AUTH.appendAuditEvent) { const session = YBP_AUTH.getSession(); const snapshot = { kind: 'daily', projectId, date, dayStatus, statusReason, contractors, progress, issues, notes, rejects, suppliers, visits }; YBP_AUTH.appendAuditEvent({ action: 'delete-draft', actor: session?.name || 'מנהל', detail: `מחק טיוטת דוח יומי לפרויקט ${projectId}`, snapshot: JSON.stringify(snapshot), }); } } catch (e) { console.warn('[deleteDraft] audit log:', e); } try { if (window.cloudSave) await window.cloudSave(draftKey, null); localStorage.removeItem(draftKey); } catch (e) { console.warn('[deleteDraft] cloudSave/localStorage:', e); } if (editReportId && window.deleteReportFromSupabase) { try { await window.deleteReportFromSupabase(editReportId); } catch (e) { console.warn('[deleteDraft] Supabase delete:', e); } } if (typeof window.toastSuccess === 'function') window.toastSuccess('הטיוטה נמחקה'); onBack && onBack(); }; const handleForceCloudSave = async () => { const now = Date.now(); const formData = { date, dayStatus, statusReason, contractors, progress, issues, notes, rejects, suppliers, visits, savedAt: now }; await cloudSave(draftKey, formData); window.upsertDraftReport?.({ draftKey, kind: 'daily', projectId, reportDate: date, formData }).catch(() => {}); setLastDraftSavedAt(now); setCloudSavedAt(now); if (typeof window.toastSuccess === 'function') window.toastSuccess('נשמר ב-cloud ✓'); }; // בנה HTML לדוח יומי (preview + print) const buildPdfParts = () => { const fmtD2 = iso => { if (!iso) return '—'; const d = new Date(iso + 'T00:00:00'); return String(d.getDate()).padStart(2,'0')+'/'+String(d.getMonth()+1).padStart(2,'0')+'/'+d.getFullYear(); }; const dateStr = fmtD2(date); const tmpId = nextId || 'טיוטה'; const rejectsHtml = rejects.length ? `
ריג'קטים (${rejects.length})
${rejects.map((r,i)=>``).join('')}
#ממצאתיאוראחראייעד
${i+1}${r.title||'—'}${r.description||'—'}${r.assignee||'—'}${fmtD2(r.due)}
` : ''; const contractorsHtml = contractors.length ? `
קבלנים באתר
${contractors.map(co=>`${co.trade}${co.count?' × '+co.count:''}`).join('')}
` : ''; const dayStatusHtml = `
סטטוס יום
${dayStatus==='normal'?'✓ יום עבודה תקין':dayStatus==='delayed'?'⚠️ עיכובים':dayStatus}${statusReason?' — '+statusReason:''}
`; const progressHtml = progress.length ? `
התקדמות
${progress.map(p=>{const t=allTasks.find(tt=>tt.id===p.taskId);return `
✓${t?.title||''}${p.percentDone||0}%
`;}).join('')}
` : ''; const issuesHtml = issues ? `
בעיות
${issues}
` : ''; const notesHtml = notes ? `
הערות
${notes}
` : ''; const suppliersHtml = (showSuppliers && suppliers.filter(s=>s.name||s.item).length) ? `
ספקים / חומרים שהגיעו
${suppliers.filter(s=>s.name||s.item).map(s=>``).join('')}
ספקפריטהערה
${s.name||''}${s.item||''}${s.note||'—'}
` : ''; const visitsHtml = (showVisits && visits.filter(v=>v.name).length) ? `
ביקורים באתר
${visits.filter(v=>v.name).map(v=>`
${v.name||''}${v.role?' · '+v.role:''}
`).join('')}
` : ''; const headerMetaHtml = `
DAILY REPORT — DRAFT
${tmpId}
${dateStr}

דוח יומי — ${dateStr}

${project?.name?`
פרויקט: ${project.name}${project.address?' · '+project.address:''}
`:''}
תאריך
${dateStr}
נוצר על ידי
${user?.name||''}
סטטוס
✏️ טיוטה
`; const bodyHtml = [dayStatusHtml, contractorsHtml, progressHtml, rejectsHtml, issuesHtml, suppliersHtml, visitsHtml, notesHtml].join(''); return { headerMetaHtml, bodyHtml }; }; const handlePreviewPdf = () => { if (typeof window.YBPPdf === 'undefined') { alert('מודול PDF לא טעון'); return; } const { headerMetaHtml, bodyHtml } = buildPdfParts(); const logoSrc = document.querySelector('img[alt="YBP"]')?.src || ''; const fmtD2 = iso => { if (!iso) return ''; const d = new Date(iso+'T00:00:00'); return String(d.getDate()).padStart(2,'0')+'-'+String(d.getMonth()+1).padStart(2,'0')+'-'+d.getFullYear(); }; window.YBPPdf.generatePdf({ orientation:'portrait', logoSrc, fileName:`${fmtD2(date)}_${project?.name||''}_יומי_טיוטה`, headerMetaHtml, bodyHtml, sigHtml:'', projectId, uploadToDrive: false }); }; const handlePrint = () => { if (typeof window.YBPPdf === 'undefined') { alert('מודול PDF לא טעון'); return; } const { headerMetaHtml, bodyHtml } = buildPdfParts(); const logoSrc = document.querySelector('img[alt="YBP"]')?.src || ''; const fmtD2 = iso => { if (!iso) return ''; const d = new Date(iso+'T00:00:00'); return String(d.getDate()).padStart(2,'0')+'-'+String(d.getMonth()+1).padStart(2,'0')+'-'+d.getFullYear(); }; window.YBPPdf.openPrintWindow({ orientation:'portrait', logoSrc, fileName:`${fmtD2(date)}_${project?.name||''}_יומי_טיוטה`, headerMetaHtml, bodyHtml, sigHtml:'' }); }; const handleSubmit = async () => { if (submitting) return; setSubmitting(true); try { const reportId = editReport ? editReport.id : SyncStore.nextReportId(projectId, 'daily'); const report = { id: reportId, projectId, kind: 'daily', title: `דוח יומי — ${fmtDateHe(date)}`, date, author: (user.name || '').split(' ')[0] || user.name, // v78 — שם ראשון בלבד content: { dayStatus, statusReason, contractors, progress: progress.map(p => { const t = allTasks.find(tt => tt.id === p.taskId); return { taskId: p.taskId, title: t?.title, percentDone: p.percentDone }; }), issues, notes, suppliers: showSuppliers ? suppliers.filter(s => s.name || s.item) : [], visits: showVisits ? visits.filter(v => v.name) : [], }, rejects, }; await SyncStore.submitSiteReport(report); if (prefillData?.summaryId) { window.PendingSummariesAPI?.approveUsed(prefillData.summaryId); } // שמור ל-Supabase — זה הצעד הקריטי const saveResult = window.saveReportAsSent ? await window.saveReportAsSent(draftKey, report) : { ok: false, error: 'saveReportAsSent not available' }; // נקה טיוטה גם אם הענן נכשל (הדוח קיים ב-localStorage) cloudSave(draftKey, null); setCloudSaveStatus(saveResult.ok ? 'saved' : 'pending'); setSubmittedReport(report); // לא קוראים onBack — מציגים פאנל הצלחה } catch (e) { console.error('[DailyReport] handleSubmit error:', e); if (window.toastError) window.toastError('שגיאה בשמירת הדוח'); } finally { setSubmitting(false); } }; const handleSubmitAll = async () => { await handleSubmit(); }; const statusOpt = YBP_DAY_STATUS.find(s => s.k === dayStatus); // גובה ה-bottom nav של AppShell במובייל (60px portrait, 48px landscape) — דרוש כדי שה-action bar הקבוע // לא יוסתר על ידי הבר התחתון של הטאבים. const tabBarH = isMobile ? (isLandscape ? 48 : 60) : 0; const actionBarH = 64; // הערכת גובה ה-action bar עצמו (כולל padding 12+12 + 40 גובה כפתור) return (
{/* TODO(photos): פיצ'ר הוספת תמונות אחרי דוח הוסר ב-v3.9.0.41 — צריך לתכנן מחדש זרימת תמונות→Drive. */} {/* Header */}
{project?.name} · {nextId}

{editReport ? 'עריכת דוח יומי' : 'דוח יומי חדש'}

{cloudSavedAt && Date.now() - cloudSavedAt < 300000 ? ( ☁️ נשמר ב-cloud {formatDraftAge(cloudSavedAt)} {draftTick > -1 ? '' : ''} ) : lastDraftSavedAt ? ( 📱 נשמר במכשיר ·{' '} {draftTick > -1 ? '' : ''} ) : isDirty ? ( ● לא נשמר ) : null}
{/* Draft / PDF toolbar */}
{[ { label:'שמור טיוטה', icon:'💾', onClick: handleSaveDraft }, { label:'תצוגת PDF', icon:'👁️', onClick: handlePreviewPdf }, { label:'הדפס', icon:'🖨️', onClick: handlePrint }, ].map(({ label, icon, onClick }) => ( ))}
{/* Form */}
{/* Day status + Date */}
setDate(e.target.value)} style={ybpInputSt}/>
{YBP_DAY_STATUS.map(s => ( ))}
{dayStatus !== 'normal' && (
setStatusReason(e.target.value)} placeholder="לדוגמה: גשם כבד, אירוע בטיחות, קבלן לא הגיע..." style={ybpInputSt} />
)}
{/* Contractors on site */}
{YBP_TRADES.map(t => { const on = contractors.find(c => c.trade === t); return (
{on && ( setContractorCount(t, e.target.value ? parseInt(e.target.value) : null)} placeholder="×" style={{ width:40, padding:'6px 4px', fontSize:12, fontWeight:700, border:'none', borderRight:'1px solid #bfdbfe', background:'rgba(255,255,255,0.6)', color:'#1d4ed8', textAlign:'center', outline:'none', fontFamily:'inherit', }} onClick={e => e.stopPropagation()} /> )}
); })}
{/* Task progress */}
{allTasks.filter(t => t.status !== 'done').length === 0 ? (
אין משימות פעילות.
) : (
{allTasks.filter(t => t.status !== 'done').slice(0, 8).map(t => { const sel = progress.find(p => p.taskId === t.id); return ( ); })}
)}
{/* Rejects */}
{rejects.map((r, i) => ( updateReject(r.id, data)} onRemove={() => removeReject(r.id)} /> ))}
{/* Issues + notes */}