// Schedule Meeting Screen — Google Calendar embed + meetings list + new meeting form (function(){ const { useState, useEffect, useRef } = React; // ───────────────────────────────────────────────────── // SCHEDULE MEETING FORM — modal // ───────────────────────────────────────────────────── const ScheduleMeetingModal = ({ projectId, onClose, onSaved }) => { const project = YBP_DATA.projects.find(p => p.id === projectId); const contacts = (YBP_DATA.projectDetail?.contacts || []); const tomorrow = (() => { const d = new Date(); d.setDate(d.getDate()+1); return d.toISOString().slice(0,10); })(); const [title, setTitle] = useState(''); const [date, setDate] = useState(tomorrow); const [time, setTime] = useState('10:00'); const [duration, setDuration] = useState(60); const [location, setLocation] = useState('האתר'); const [customLoc, setCustomLoc] = useState(''); const [agenda, setAgenda] = useState(''); const [participants, setParticipants] = useState([]); const [sendWA, setSendWA] = useState(true); const [sendGmail, setSendGmail] = useState(true); const [saved, setSaved] = useState(false); const LOCATIONS = [ { k: 'האתר', icon: '🏗️' }, { k: 'משרד YBP', icon: '🏢' }, { k: 'זום', icon: '💻' }, { k: 'אחר', icon: '📍' }, ]; const toggleParticipant = (name) => setParticipants(prev => prev.includes(name) ? prev.filter(n=>n!==name) : [...prev, name]); const gcalLink = () => { const start = `${date.replace(/-/g,'')}T${time.replace(':','')}00`; const endDate = new Date(`${date}T${time}`); endDate.setMinutes(endDate.getMinutes() + duration); const end = endDate.toISOString().replace(/[-:]/g,'').slice(0,15); const loc = location === 'אחר' ? customLoc : location; const details = [agenda, `פרויקט: ${project?.name}`, `משתתפים: ${participants.join(', ')}`].filter(Boolean).join('\n'); return `https://calendar.google.com/calendar/render?action=TEMPLATE&text=${encodeURIComponent(title)}&dates=${start}/${end}&location=${encodeURIComponent(loc)}&details=${encodeURIComponent(details)}`; }; const waText = () => { const loc = location === 'אחר' ? customLoc : location; return `*📅 פגישה: ${title}*\n\n🗓️ ${date} בשעה ${time} (${duration} דק׳)\n📍 ${loc}\n${agenda ? '📝 ' + agenda + '\n' : ''}👥 ${participants.join(', ') || '—'}\n\n*${project?.name}*`; }; const gmailSubject = () => `פגישה: ${title} — ${date} ${time}`; const gmailBody = () => { const loc = location === 'אחר' ? customLoc : location; return `שלום,\n\nמוזמנים לפגישה:\n\nנושא: ${title}\nתאריך: ${date}\nשעה: ${time} (${duration} דק׳)\nמיקום: ${loc}\n${agenda ? 'אג\'נדה: ' + agenda + '\n' : ''}\nמשתתפים: ${participants.join(', ') || '—'}\n\nYBPROJECTS · ${project?.name}`; }; const handleSave = () => { if (!title.trim()) return; // save to SyncStore const meeting = { id: `MTG-${Date.now()}`, projectId, title: title.trim(), date, time, duration, location: location === 'אחר' ? customLoc : location, agenda, participants, status: 'upcoming', attendees: participants.length, createdAt: new Date().toISOString(), }; const store = SyncStore.get(); SyncStore._set({ ...store, meetings: [...(store.meetings||[]), meeting] }); setSaved(true); onSaved?.(meeting); // open gcal window.open(gcalLink(), '_blank'); // send WA if (sendWA) { setTimeout(() => window.open(`https://wa.me/?text=${encodeURIComponent(waText())}`, '_blank'), 300); } // send Gmail if (sendGmail) { const participantEmails = contacts.filter(c => participants.includes(c.name)).map(c=>c.email).filter(Boolean); const url = typeof buildGmailUrl !== 'undefined' ? buildGmailUrl({ to: participantEmails, subject: gmailSubject(), body: gmailBody() }) : `https://mail.google.com/mail/?view=cm&su=${encodeURIComponent(gmailSubject())}&body=${encodeURIComponent(gmailBody())}`; setTimeout(() => window.open(url, '_blank'), 600); } setTimeout(() => { onClose(); }, 1000); }; const inp = { width:'100%', padding:'9px 12px', border:'1px solid #e5e7eb', borderRadius:6, fontSize:13, fontFamily:'inherit', boxSizing:'border-box', direction:'rtl', outline:'none' }; return (
e.target===e.currentTarget && onClose()}>
{/* Header */}
תאם פגישה חדשה
{project?.name}
{saved ? (
✅
הפגישה נשמרה!
נפתח Google Calendar + הזמנות נשלחות
) : (
{/* Title */}
setTitle(e.target.value)} placeholder="לדוג׳: ישיבת תיאום שבועית" style={{ ...inp, fontSize:15, fontWeight:600 }} autoFocus/>
{/* Date + Time */}
setDate(e.target.value)} style={inp}/>
setTime(e.target.value)} style={inp}/>
{/* Duration */}
{[30,60,90,120].map(d => ( ))}
{/* Location */}
{LOCATIONS.map(l => ( ))}
{location === 'אחר' && ( setCustomLoc(e.target.value)} placeholder="הזן כתובת / שם מקום..." style={{ ...inp, marginTop:8 }}/> )}
{/* Participants */} {contacts.length > 0 && (
{contacts.map(c => { const sel = participants.includes(c.name); return ( ); })}
)} {/* Agenda */}