// Project Booklet — חוברת פרויקט // Checklist of all milestone items throughout project lifecycle (function(){ const { useState, useEffect } = React; const BOOKLET_STORAGE = 'ybp_booklet_'; // Default booklet structure — matches the platform's existing booklet // Add N business days (skip Fri=5, Sat=6 in Israel) const addBusinessDays = (startISO, days) => { const d = new Date(startISO + 'T00:00:00'); let added = 0; while (added < days) { d.setDate(d.getDate() + 1); const dow = d.getDay(); if (dow !== 5 && dow !== 6) added++; } return d.toISOString().slice(0, 10); }; // Build booklet items with due dates based on project start const buildBookletItems = (projectStart) => { const s = projectStart || new Date().toISOString().slice(0, 10); return [ // Stage 1 — פתיחת פרויקט { id: 'client-details', stage: '1', stageLabel: 'פתיחת פרויקט', title: 'דף פרטי לקוח', description: 'מילוי פרטי לקוח מלאים — שם, כתובת, ת.ז, אמצעי קשר, תנאי תשלום', type: 'form', formScreen: 'clientDetails', required: true, order: 1, defaultDue: addBusinessDays(s, 3) }, { id: 'infra-survey', stage: '1', stageLabel: 'פתיחת פרויקט', title: 'סקר תשתיות', description: 'בדיקת תשתיות קיימות — חשמל, אינסטלציה, מיזוג, מבנה', type: 'report', formScreen: 'infraSurvey', required: true, order: 2, defaultDue: addBusinessDays(s, 5) }, { id: 'permits', stage: '1', stageLabel: 'פתיחת פרויקט', title: 'היתרי בנייה ורישוי', description: 'הגשת בקשה להיתר, מעקב אישור', type: 'checklist', required: true, order: 3, defaultDue: addBusinessDays(s, 10) }, { id: 'insurance', stage: '1', stageLabel: 'פתיחת פרויקט', title: 'ביטוחים', description: 'ביטוח עבודות, ביטוח צד ג׳, ביטוח קבלנים', type: 'document', required: true, order: 4, defaultDue: addBusinessDays(s, 14) }, // Stage 2 — תכנון { id: 'arch-plans', stage: '2', stageLabel: 'תכנון', title: 'תוכניות אדריכל', description: 'קבלת תוכניות מהאדריכל — העמדה, חתכים, ריצוף, תקרות, גמרים', type: 'document', required: true, order: 5, defaultDue: addBusinessDays(s, 21) }, { id: 'kitchen-plans', stage: '2', stageLabel: 'תכנון', title: 'תוכניות מטבח', description: 'קבלת תוכניות ממתכנן המטבח (אם רלוונטי)', type: 'document', required: false, order: 6, defaultDue: addBusinessDays(s, 25) }, { id: 'consultant-plans', stage: '2', stageLabel: 'תכנון', title: 'תוכניות יועצים', description: 'חשמל, אינסטלציה, מיזוג, בטיחות, נגישות', type: 'document', required: true, order: 7, defaultDue: addBusinessDays(s, 30) }, { id: 'budget-approved', stage: '2', stageLabel: 'תכנון', title: 'תקציב מאושר', description: 'אישור תקציב מהלקוח בחתימה', type: 'document', required: true, order: 8, defaultDue: addBusinessDays(s, 35) }, // Stage 3 — קבלנים וספקים { id: 'main-contractor', stage: '3', stageLabel: 'קבלנים וספקים', title: 'חוזה קבלן ראשי', description: 'חתימת חוזה עם קבלן ראשי', type: 'document', required: true, order: 9, defaultDue: addBusinessDays(s, 45) }, { id: 'subcontractors', stage: '3', stageLabel: 'קבלנים וספקים', title: 'חוזי קבלני משנה', description: 'חשמל, אינסטלציה, מיזוג, גמרים', type: 'checklist', required: true, order: 10, defaultDue: addBusinessDays(s, 50) }, { id: 'suppliers', stage: '3', stageLabel: 'קבלנים וספקים', title: 'הזמנות ספקים עיקריים', description: 'ריהוט, מטבח, תאורה, ריצוף', type: 'checklist', required: false, order: 11, defaultDue: addBusinessDays(s, 55) }, // Stage 4 — ביצוע בשטח (חדש) { id: 'safety-briefing', stage: '4', stageLabel: 'ביצוע בשטח', title: 'ברייפינג בטיחות', description: 'הדרכת כל העובדים לפני תחילת עבודה', type: 'checklist', required: true, order: 12, defaultDue: addBusinessDays(s, 60) }, { id: 'safety-equipment', stage: '4', stageLabel: 'ביצוע בשטח', title: 'ציוד בטיחות באתר', description: 'מטפים, שילוט, ציוד מגן', type: 'checklist', required: true, order: 13, defaultDue: addBusinessDays(s, 60) }, { id: 'gantt-exec', stage: '4', stageLabel: 'ביצוע בשטח', title: 'גאנט ביצוע', description: 'לוח זמנים מפורט של ביצוע העבודות בשטח', type: 'gantt', required: false, order: 14, defaultDue: null }, // Stage 5 — סיום ומסירה { id: 'municipality-approval', stage: '5', stageLabel: 'סיום ומסירה', title: 'אישור עירייה / עוצמות', description: 'קבלת אישורי סיום מהרשויות', type: 'document', required: true, order: 15, defaultDue: addBusinessDays(s, 120) }, { id: 'fire-approval', stage: '5', stageLabel: 'סיום ומסירה', title: 'אישור כיבוי אש', description: 'אישור מכבי האש לפתיחה', type: 'document', required: true, order: 16, defaultDue: addBusinessDays(s, 120) }, { id: 'as-made', stage: '5', stageLabel: 'סיום ומסירה', title: 'תוכניות AS MADE', description: 'תוכניות כפי שבוצע בפועל', type: 'document', required: true, order: 17, defaultDue: addBusinessDays(s, 125) }, { id: 'client-handover', stage: '5', stageLabel: 'סיום ומסירה', title: 'פרוטוקול מסירה ללקוח', description: 'חתימת פרוטוקול מסירה עם הלקוח', type: 'document', required: true, order: 18, defaultDue: addBusinessDays(s, 130) }, ]; }; const DEFAULT_BOOKLET_ITEMS = buildBookletItems(new Date().toISOString().slice(0,10)); function loadBooklet(projectId) { const project = YBP_DATA.projects.find(p => p.id === projectId); const projectStart = project?.startDate || new Date().toISOString().slice(0,10); const defaultItems = buildBookletItems(projectStart); try { const raw = localStorage.getItem(BOOKLET_STORAGE + projectId); if (raw) { const saved = JSON.parse(raw); return defaultItems.map(item => ({ ...item, ...(saved[item.id] || {}), })); } } catch(e) {} return defaultItems.map(item => ({ ...item, completed: false, completedAt: null, completedBy: null, notes: '' })); } function saveBooklet(projectId, items) { const state = {}; items.forEach(item => { state[item.id] = { completed: item.completed, completedAt: item.completedAt, completedBy: item.completedBy, notes: item.notes }; }); localStorage.setItem(BOOKLET_STORAGE + projectId, JSON.stringify(state)); } // סימון פריט בחוברת כהושלם — נקרא מתוך טפסי החוברת בלחיצה על "אשר וסמן כהושלם" function markBookletItemComplete(projectId, itemId) { if (!projectId || !itemId) return; const who = ((window.YBP_AUTH && window.YBP_AUTH.getCurrentUser) ? window.YBP_AUTH.getCurrentUser().name : (YBP_DATA.user && YBP_DATA.user.name)) || 'מנהל'; const items = loadBooklet(projectId).map(it => it.id === itemId ? { ...it, completed: true, completedAt: it.completedAt || new Date().toISOString(), completedBy: it.completedBy || who, } : it); saveBooklet(projectId, items); } // ──────────────────────────────────────────────────────── // BOOKLET SCREEN // ──────────────────────────────────────────────────────── // ── Section card — רכיב מודול (אסור להגדיר בתוך רכיב אחר — גורם remount בכל הקלדה) ── const ClientSection = ({ title, children }) => (
{title}
{children}
); // ── Client Details — קבועי קטגוריות + heuristic מ-CRM role ───────────────── const CLIENT_DETAILS_CATEGORIES = ['יזם', 'כספים', 'שיווק', 'אדריכל', 'מכון העתקות', 'אחר']; function roleToCat(role) { const r = String(role || '').toLowerCase(); if (!r) return 'אחר'; if (/יזם|בעלים|מנכ"ל|מנכל/.test(r)) return 'יזם'; if (/כספ|חשב|חשבונ|הנהל"ח|הנהלח|הנהל ?ח|רו"ח|רואה/.test(r)) return 'כספים'; if (/שיווק|marketing|מכירות/.test(r)) return 'שיווק'; if (/אדריכל|מתכנן|architect|מעצב/.test(r)) return 'אדריכל'; if (/העתקות|copy/.test(r)) return 'מכון העתקות'; return 'אחר'; } // migration מהפורמט הישן (flat) לפורמט החדש (חברה + כותרת + contacts[] + copyShop + מידע פנימי) function migrateClientDetails(old) { const o = old || {}; // אם כבר חדש — החזר עם defaults if (Array.isArray(o.contacts) || o.companyName !== undefined || o.copyShop) { return { companyName: o.companyName || '', companyId: o.companyId || '', companyAddress: o.companyAddress || '', projectTitle: o.projectTitle || '', projectSubtitle: o.projectSubtitle || '', contacts: Array.isArray(o.contacts) ? o.contacts : [], copyShop: o.copyShop || { name:'', contact:'', email:'', ordersPhone:'', link:'' }, projectArea: o.projectArea || '', buildingFloor: o.buildingFloor || '', managementCompany: o.managementCompany || o.managingCompany || '', parking: o.parking || o.parkingSpots || '', paymentTerms: o.paymentTerms || '', advance: o.advance || o.advancePayment || '', vat: o.vat || '', notes: o.notes || '', driveUrl: o.driveUrl || '', }; } // פורמט ישן (clientName, clientId, ...) → ממפים const contacts = []; if (o.clientContact || o.clientPhone || o.clientEmail) { contacts.push({ category:'יזם', role:'איש קשר ראשי', name:o.clientContact||'', phone:o.clientPhone||'', phone2:'', email:o.clientEmail||'' }); } return { companyName: o.clientName || '', companyId: o.clientId || '', companyAddress: o.clientAddress || '', projectTitle: '', projectSubtitle: o.projectAddress || '', contacts, copyShop: { name:'', contact:'', email:'', ordersPhone:'', link:'' }, projectArea: o.projectArea || '', buildingFloor: o.buildingFloor || '', managementCompany: o.managingCompany || '', parking: o.parkingSpots || '', paymentTerms: o.paymentTerms || '', advance: o.advancePayment || '', vat: o.vat || '', notes: [o.projectType ? 'סוג: ' + o.projectType : '', o.milestonePayments ? 'תשלומי אבני דרך: ' + o.milestonePayments : '', o.notes || ''].filter(Boolean).join('\n'), driveUrl: '', }; } // בניית bodyHtml עבור YBPPdf — שתי עמודות לפי preview_client_pdf.html function buildClientDetailsPdfParts(form, project) { const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, m => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m])); const proj = project || {}; const projTitle = (form.projectTitle || proj.name || '').trim(); const projSub = (form.projectSubtitle || '').trim(); // קיבוץ אנשי קשר לפי קטגוריה (לפי הסדר ב-CLIENT_DETAILS_CATEGORIES, ללא "מכון העתקות") const contacts = (form.contacts || []).filter(c => (c.name || '').trim() || (c.phone || '').trim() || (c.email || '').trim()); const grouped = {}; contacts.forEach(c => { const cat = c.category && CLIENT_DETAILS_CATEGORIES.includes(c.category) && c.category !== 'מכון העתקות' ? c.category : 'אחר'; (grouped[cat] = grouped[cat] || []).push(c); }); const cs = form.copyShop || {}; const hasCopyShop = !!(cs.name || cs.contact || cs.email || cs.ordersPhone || cs.link); // עמודה ימין: שם פרויקט גדול + כותרת משנה + פרטי חברה const rightCol = [ '
', '
' + esc(projTitle || '—') + '
', projSub ? '
' + esc(projSub).replace(/\n/g, '
') + '
' : '
', '
פרטי חברה
', '
', form.companyName ? '
' + esc(form.companyName) + '
' : '', form.companyId ? '
ח.פ: ' + esc(form.companyId) + '
' : '', form.companyAddress ? '
כתובת: ' + esc(form.companyAddress) + '
' : '', (!form.companyName && !form.companyId && !form.companyAddress) ? '
לא הוזנו פרטי חברה
' : '', '
', '
', ].join(''); // עמודה שמאל: אנשי קשר מקובצים + בלוק מכון העתקות let contactsBlocks = ''; CLIENT_DETAILS_CATEGORIES.forEach(cat => { if (cat === 'מכון העתקות' || !grouped[cat]) return; contactsBlocks += '
' + esc(cat) + '
'; grouped[cat].forEach(c => { const phones = [c.phone, c.phone2].filter(p => p && String(p).trim()); contactsBlocks += [ '
', c.name ? '
' + esc(c.name) + '
' : '', c.role ? '
' + esc(c.role) + '
' : '', phones.map(p => '
' + esc(p) + '
').join(''), c.email ? '
' + esc(c.email) + '
' : '', '
', ].join(''); }); }); let copyShopHtml = ''; if (hasCopyShop) { copyShopHtml = [ '
ספקים / נותני שירות
', '
', cs.name ? '
מכון העתקות — ' + esc(cs.name) + '
' : '
מכון העתקות
', cs.contact ? '
' + esc(cs.contact) + '
' : '', cs.ordersPhone ? '
הזמנות: ' + esc(cs.ordersPhone) + '
' : '', cs.email ? '
' + esc(cs.email) + '
' : '', cs.link ? '
' + esc(cs.link) + '
' : '', '
', ].join(''); } const leftCol = [ '
', '
אנשי קשר
', contactsBlocks || '
לא הוזנו אנשי קשר
', copyShopHtml, '
', ].join(''); const bodyHtml = '
' + leftCol + rightCol + '
'; const headerMetaHtml = '
פרטי לקוח · ' + esc(projTitle || proj.name || '') + ' · הופק ' + new Date().toLocaleDateString('he-IL') + '
'; return { headerMetaHtml, bodyHtml }; } // ── Picker למילוי מ-CRM (ybp_contacts_v1) ───────────────────────────────── const ClientContactsPicker = ({ contacts, onConfirm, onCancel }) => { const [selected, setSelected] = useState({}); // { contactId: { category } } const [copyShopAnswer, setCopyShopAnswer] = useState('no'); const list = (contacts || []).filter(c => c && c.active !== false).slice().sort((a,b) => (a.name||'').localeCompare(b.name||'', 'he')); const toggle = (c, on) => setSelected(s => { if (on) return { ...s, [c.id]: { category: s[c.id]?.category || roleToCat(c.role) } }; const { [c.id]: _, ...rest } = s; return rest; }); const setCat = (id, cat) => setSelected(s => ({ ...s, [id]: { ...(s[id]||{}), category: cat } })); const count = Object.keys(selected).length; const onOk = () => { const picked = Object.keys(selected).map(id => { const c = list.find(x => x.id === id); return c ? { contact: c, category: selected[id].category || 'אחר' } : null; }).filter(Boolean); onConfirm(picked, copyShopAnswer); }; return (
מילוי מ-CRM
נמצאו {list.length} אנשי קשר. סמן את אלה שלייבא וקבע קטגוריה לכל אחד.
{list.length === 0 &&
אין אנשי קשר ב-CRM
} {list.map(c => { const sel = !!selected[c.id]; return (
toggle(c, e.target.checked)} style={{ width:18, height:18, cursor:'pointer', flexShrink:0 }}/>
{c.name || '—'}
{[c.role, c.company, c.phone, c.email].filter(Boolean).join(' · ')}
{sel && ( )}
); })}
מכון ההעתקות זהה לפרויקט הקודם?
{[['yes','כן — העתק מהפרויקט האחרון'],['no','לא / לא יודע']].map(([v,l]) => ( ))}
); }; // ── Add Custom Task Modal ────────────────────────────────────────────────── const AddBookletTaskModal = ({ stages, onAdd, onClose }) => { const [title, setTitle] = useState(''); const [description, setDescription] = useState(''); const [stage, setStage] = useState(stages[0]?.stage || '1'); const [stageLabel, setStageLabel] = useState(stages[0]?.stageLabel || 'פתיחת פרויקט'); const [required, setRequired] = useState(false); const inp = { width:'100%', padding:'9px 12px', border:'1px solid #e5e7eb', borderRadius:7, fontSize:13, fontFamily:'inherit', boxSizing:'border-box', direction:'rtl', outline:'none' }; const handleAdd = () => { if (!title.trim()) return; onAdd({ title: title.trim(), description, stage, stageLabel, required }); onClose(); }; return (
e.target === e.currentTarget && onClose()}>
{/* Header */}
הוספת משימה לחוברת
{/* Body */}
setTitle(e.target.value)} autoFocus placeholder="לדוגמה: קבלת אישור עירייה..." style={inp}/>