// Reports: Daily / Weekly / Rejects — hub + forms + viewer (function(){ const { useState, useEffect, useMemo, useRef } = React; // Trade list — בעלי מקצוע const TRADES = [ 'חשמל','אינסטלציה','טיח וגבס','ריצוף','צבע','מיזוג','אלומיניום', 'נגרות','מטבחים','ריתוך ומסגרות','איטום','גינון','שיש ואבן','בטיחות', ]; const SEVERITY_OPTS = [ { k: 'critical', label: 'קריטי', color: '#dc2626', bg: '#fee2e2' }, { k: 'high', label: 'גבוהה', color: '#c2410c', bg: '#ffedd5' }, { k: 'medium', label: 'בינונית', color: '#d97706', bg: '#fef3c7' }, { k: 'low', label: 'נמוכה', color: '#16a34a', bg: '#f0fdf4' }, ]; const DAY_STATUS_OPTS = [ { k: 'normal', label: 'יום עבודה רגיל', color: '#10b981' }, { k: 'half', label: 'חצי יום', color: '#d97706' }, { k: 'delay', label: 'עיכוב', color: '#dc2626' }, ]; // Format helpers const fmtDateHe = (iso) => { if (!iso) return ''; const d = new Date(iso); return d.toLocaleDateString('he-IL', { day:'2-digit', month:'2-digit', year:'numeric' }); }; const todayISO = () => new Date().toISOString().slice(0,10); // ── getActiveDrafts — מחזיר טיוטות פעילות מ-localStorage ─────────────────── function getActiveDrafts(filterProjectId) { const out = []; const KINDS = { daily: 'יומי', weekly: 'שבועי', rejects: 'ריג\'קטים', infra: 'תשתיות', meeting: 'סיכום פגישה' }; const KIND_COLORS = { daily: '#1d4ed8', weekly: '#7c3aed', rejects: '#dc2626', infra: '#9333ea', meeting: '#0891b2' }; for (let i = 0; i < localStorage.length; i++) { const k = localStorage.key(i); if (!k) continue; const match = k.match(/^ybp_cloud_ybp_draft_(daily|weekly|rejects|infra)_(.+)$/); if (!match) continue; // Strip trailing email suffix (userId) — daily/rejects keys end with _userId let pid = match[2]; const lastUnderscore = pid.lastIndexOf('_'); if (lastUnderscore > 0 && pid.slice(lastUnderscore + 1).includes('@')) { pid = pid.slice(0, lastUnderscore); } if (filterProjectId && pid !== filterProjectId) continue; try { const raw = JSON.parse(localStorage.getItem(k) || 'null'); const data = raw?.data; if (!data || !data.savedAt) continue; const proj = (window.YBP_DATA?.projects || []).find(p => p.id === pid); out.push({ localKey: k, draftKey: k.replace('ybp_cloud_', ''), kind: match[1], kindLabel: KINDS[match[1]] || match[1], kindColor: KIND_COLORS[match[1]] || '#6b7280', projectId: pid, projectName: proj?.name || '(' + pid + ')', savedAt: data.savedAt, }); } catch {} } return out.sort((a, b) => b.savedAt - a.savedAt); } // ──────────────────────────────────────────────────────────────────── // HUB — entry screen showing all reports + create buttons // ──────────────────────────────────────────────────────────────────── const ReportsHub = ({ projectId, onBack, onNewDaily, onNewWeekly, onNewRejects, onNewInfra, onNewInfraSurvey, onNewMeeting, onOpenSiteDoc, onOpenReport }) => { const project = YBP_DATA.projects.find(p => p.id === projectId); const [store, setStore] = useState(SyncStore.get()); useEffect(() => SyncStore.subscribe(setStore), []); // Active drafts const [activeDrafts, setActiveDrafts] = useState(() => getActiveDrafts(projectId)); const refreshDrafts = () => setActiveDrafts(getActiveDrafts(projectId)); // Collapsible sections const [openSectionOpen, setOpenSectionOpen] = useState(true); const [sentSectionOpen, setSentSectionOpen] = useState(false); // Pending summaries banner — Supabase Realtime const [summariesCount, setSummariesCount] = useState(0); useEffect(() => { let channel = null; let cancelled = false; const fetchCount = async () => { try { if (!window.YBP_SUPABASE) return; const sb = await window.YBP_SUPABASE.getClient(); const { data: { session } } = await sb.auth.getSession(); if (!session?.user?.id || cancelled) return; const { count, error } = await sb .from('pending_summaries') .select('*', { count: 'exact', head: true }) .eq('user_id', session.user.id); if (!cancelled) setSummariesCount(error ? 0 : (count || 0)); } catch {} }; const initAndSubscribe = async () => { await fetchCount(); if (!window.YBP_SUPABASE || cancelled) return; try { const sb = await window.YBP_SUPABASE.getClient(); const { data: { session } } = await sb.auth.getSession(); if (!session?.user?.id || cancelled) return; channel = sb .channel('reports-pending-summaries') .on('postgres_changes', { event: '*', schema: 'public', table: 'pending_summaries', filter: `user_id=eq.${session.user.id}`, }, () => { fetchCount(); }) .subscribe(); } catch (e) { console.warn('[reports] Realtime summaries failed:', e.message); } }; const initTimer = setTimeout(initAndSubscribe, 1500); const onApproved = () => fetchCount(); window.addEventListener('ybp-pending-summary-approved', onApproved); return () => { cancelled = true; clearTimeout(initTimer); window.removeEventListener('ybp-pending-summary-approved', onApproved); if (channel) { window.YBP_SUPABASE?.getClient?.().then?.(sb => sb.removeChannel(channel)).catch?.(() => {}); } }; }, []); // Combine static data.js reports with sync-store reports, filter by project const allReports = useMemo(() => { const siteReports = (store.reports || []).filter(r => r.projectId === projectId); return siteReports.sort((a,b) => (b.date||'').localeCompare(a.date||'')); }, [store, projectId]); const byKind = (k) => allReports.filter(r => r.kind === k); const REPORT_TYPES = [ { k: 'daily', label: 'דוח יומי', desc: 'סיכום יום באתר — התקדמות, קבלנים, ריג׳קטים', color: '#1d4ed8', bg: '#eff6ff', count: byKind('daily').length, onCreate: onNewDaily, }, { k: 'weekly', label: 'דוח שבועי', desc: 'אגרגציה אוטומטית של השבוע + מה מתוכנן', color: '#7c3aed', bg: '#f3e8ff', count: byKind('weekly').length, onCreate: onNewWeekly, }, { k: 'rejects', label: 'דוח ריג׳קטים', desc: 'רק ריג׳קטים — קצר וממוקד', color: '#dc2626', bg: '#fee2e2', count: byKind('rejects').length, onCreate: onNewRejects, }, { k: 'infra', label: 'תיעוד תשתיות', desc: 'תיעוד שלבי תשתיות עם תמונות — לפי סוג', color: '#9333ea', bg: '#fdf4ff', count: byKind('infra').length, onCreate: onNewInfra, }, { k: 'meeting', label: 'סיכום פגישה', desc: 'סיכום פגישה, החלטות ומשימות', color: '#0891b2', bg: '#ecfeff', count: byKind('meeting').length, onCreate: onNewMeeting, }, { k: 'siteDoc', label: 'תיעוד אתר', desc: 'אלבום תמונות עם קטגוריות — תיעוד ויזואלי של האתר', color: '#0891b2', bg: '#cffafe', count: null, onCreate: onOpenSiteDoc, badge: 'אלבום', }, { k: 'infraSurvey', label: 'סקר תשתיות', desc: 'בדיקת תשתיות קיימות בתחילת פרויקט — חשמל, אינסטלציה, מיזוג, מבנה', color: '#0891b2', bg: '#cffafe', count: null, onCreate: onNewInfraSurvey, badge: 'פתיחת פרויקט', }, ]; return (
{/* Header */}
{project?.name}

דוחות אתר

{/* Pending summaries banner */} {summariesCount > 0 && (
📋
{summariesCount === 1 ? 'סיכום אחד ממתין מקלוד' : `${summariesCount} סיכומים ממתינים מקלוד`} — ניתן למלא טופס דוח אוטומטית
)} {/* Drafts + Sent — inline sections (no sticky panel) */} {/* Create cards */}
יצירת דוח חדש
{REPORT_TYPES.map(t => ( ))}
{/* Section: פתוחים (drafts) */}
{openSectionOpen && ( activeDrafts.length === 0 ? (
אין טיוטות פתוחות.
) : (
{activeDrafts.map(d => { const ageMin = d.savedAt ? Math.floor((Date.now() - d.savedAt) / 60000) : null; const ageLabel = ageMin === null ? '' : ageMin < 60 ? `לפני ${ageMin} דק׳` : ageMin < 1440 ? `לפני ${Math.floor(ageMin/60)} שע׳` : `לפני ${Math.floor(ageMin/1440)} ימים`; const onContinue = () => { if (d.kind === 'daily') onNewDaily && onNewDaily(); else if (d.kind === 'weekly') onNewWeekly && onNewWeekly(); else if (d.kind === 'rejects') onNewRejects && onNewRejects(); else if (d.kind === 'infra') onNewInfra && onNewInfra(); }; const onDelete = () => { if (window.cloudSave) window.cloudSave(d.draftKey, null).catch(() => {}); else { try { localStorage.removeItem(d.localKey); } catch {} } refreshDrafts(); }; return (
{d.kindLabel}
{d.projectName}
{ageLabel &&
{ageLabel}
}
); })}
) )}
{/* Section: נשלחו (sent reports) */}
{sentSectionOpen && ( allReports.length === 0 ? (
עדיין לא נשלחו דוחות. התחל בהוספת דוח יומי.
) : (
{allReports.map((r, i) => { const type = REPORT_TYPES.find(t => t.k === r.kind); return (
onOpenReport(r.id)} style={{ padding:'14px 18px', borderBottom: i < allReports.length-1 ? '1px solid #f3f4f6' : 'none', display:'flex', alignItems:'center', gap:14, cursor:'pointer', transition:'background 0.1s', }} onMouseEnter={e => e.currentTarget.style.background = '#fafbfc'} onMouseLeave={e => e.currentTarget.style.background = '#fff'} >
{r.kind === 'daily' ? 'D' : r.kind === 'weekly' ? 'W' : r.kind === 'rejects' ? 'RJ' : r.kind === 'infra' ? 'IF' : r.kind === 'meeting' ? 'M' : 'IS'}
{r.title}
{r.id} · {fmtDateHe(r.date)} · {r.author} {r.rejects?.length > 0 && ( <> · {r.rejects.length} ריג׳קטים )}
); })}
) )}
); }; // ──────────────────────────────────────────────────────────────────── // REJECT CARD (editable) — used inside all 3 forms // ──────────────────────────────────────────────────────────────────── const RejectCard = ({ reject, idx, contacts, onChange, onRemove }) => { const { isMobile } = useViewport(); const [expanded, setExpanded] = useState(!reject.title); const [manualAssignee, setManualAssignee] = useState(!contacts.length || (reject.assigneeId === '__manual__') ? true : false); const sev = SEVERITY_OPTS.find(s => s.k === reject.severity) || SEVERITY_OPTS[1]; // Custom trades from localStorage const getCustomTrades = () => { try { return JSON.parse(localStorage.getItem('ybp_custom_trades') || '[]'); } catch { return []; } }; const [customTrades, setCustomTrades] = useState(getCustomTrades); const allTrades = [...TRADES, ...customTrades.filter(t => !TRADES.includes(t))]; const addTrade = (t) => { if (!t) return; const cur = reject.trades || []; if (!cur.includes(t)) onChange({ ...reject, trades: [...cur, t] }); }; const removeTrade = (t) => { onChange({ ...reject, trades: (reject.trades || []).filter(x => x !== t) }); }; const addCustomTrade = () => { const t = prompt('הכנס שם בעל מקצוע:'); if (!t || !t.trim()) return; const trimmed = t.trim(); const customs = getCustomTrades(); if (!customs.includes(trimmed)) { const updated = [...customs, trimmed]; localStorage.setItem('ybp_custom_trades', JSON.stringify(updated)); setCustomTrades(updated); } addTrade(trimmed); }; const handlePhoto = (e) => { const files = Array.from(e.target.files || []); if (!files.length) return; files.forEach(f => { const img = new Image(); const url = URL.createObjectURL(f); img.onload = () => { // Compress: max 1200px wide, quality 0.72 JPEG const MAX = 1200; const ratio = Math.min(1, MAX / img.width); const canvas = document.createElement('canvas'); canvas.width = Math.round(img.width * ratio); canvas.height = Math.round(img.height * ratio); canvas.getContext('2d').drawImage(img, 0, 0, canvas.width, canvas.height); const compressed = canvas.toDataURL('image/jpeg', 0.72); URL.revokeObjectURL(url); onChange({ ...reject, photos: [...(reject.photos || (reject.photo ? [reject.photo] : [])), compressed], photo: null }); }; img.src = url; }); }; return (
{/* Collapsed/Expanded header */}
{idx + 1}
onChange({ ...reject, title: e.target.value })} placeholder="ממצא ריג'קט — שם הממצא (יופיע בטבלה)" style={{ flex:1, border:'none', background:'transparent', fontSize:14, fontWeight:600, color:'#1f2937', fontFamily:'inherit', outline:'none', }} />
{expanded && (
{/* Description */}