{rel.length === 0 ?

Keine Gottesdienste

: rel.map(d => )}

); } function MonatsFull({ planung, prediger, monthOffset, setMonthOffset, onAssign }) { const ref = new Date(new Date().getFullYear(), new Date().getMonth() + monthOffset); const yr = ref.getFullYear(); const mo = ref.getMonth(); const rel = getMonthDays(yr, mo).filter(d => getSlotsForDate(d).length > 0); let total=0, offen=0; rel.forEach(d => { const ds=d.toISOString().slice(0,10); getSlotsForDate(d).forEach(sl => { total++; if (!planung[`${ds}_${sl.id}`]) offen++; }); }); return (<>

{MONATE[mo]} {yr}

Di: {getDiTyp(mo+1)} · Fr: {getFrTyp(mo+1)}

{total}

Predigten

0?"#FFD080":"#A0FFB0" }}>{offen}

Offen

{total-offen}

Besetzt

{rel.map(d => )}

); } function PlanungFull(props) { const [view, setView] = useState("woche"); return (

{[["woche","week","Woche"],["monat","month","Monat"]].map(([id,icon,lbl]) => ( ))}

{view==="woche" ? : }

); } // ─── Prediger Screen ────────────────────────────────────────────── function PredigerScreen({ prediger, planung, onAdd, onDelete }) { const [suche, setSuche] = useState(""); const [selectedId, setSelectedId] = useState(null); const [showAdd, setShowAdd] = useState(false); const [form, setForm] = useState({ name:"", tel:"", email:"", schicht:false }); const stats = berechneStatistik(planung, prediger); const gefiltert = prediger.filter(p => p.name.toLowerCase().includes(suche.toLowerCase())).sort((a,b) => a.name.localeCompare(b.name)); const selected = prediger.find(p => p.id === selectedId); // Detail if (selected) { const st = stats[selected.id] || { count:0, letzterTermin:null }; const history = getPredigerHistory(selected.id, planung); return (

{ini(selected.name)}

{selected.name}

{selected.schicht &&

⚡ Schichtarbeiter

}

{(selected.tel || selected.email) &&

{selected.tel &&

{selected.tel}

} {selected.email &&

{selected.email}

}

} {/* Statistik */}

Statistik

{st.count}

Predigten

Letzter Termin

{formatDatum(st.letzterTermin)}

{/* Verlauf */} {history.length > 0 && <>

Predigtverlauf

{history.map((h,i) => (

{h.label}

{WOCHENTAGE[h.date.getDay()]}

{String(h.date.getDate()).padStart(2,'0')}.{String(h.date.getMonth()+1).padStart(2,'0')}.{h.date.getFullYear()}

))} }

); } // Hinzufügen if (showAdd) { return (

Neuer Prediger

{[["Name *","name","text","Vorname Nachname"],["Telefon","tel","tel","0172 …"],["E-Mail","email","email","name@kirche.de"]].map(([lbl,key,type,ph]) => (

{lbl}

setForm(f=>({...f,[key]:e.target.value}))} placeholder={ph} type={type} style={{ width:"100%", border:`1.5px solid ${C.border}`, borderRadius:8, padding:"9px 12px", fontSize:14, outline:"none", background:C.bgCard }}/>

))}

Schichtarbeiter

); } return (

Prediger ({prediger.length})

setSuche(e.target.value)} placeholder="Name suchen…" style={{ background:"none", border:"none", outline:"none", color:C.white, fontSize:14, flex:1 }}/>

{gefiltert.map(p => { const st = stats[p.id] || { count:0 }; return ( ); })}

); } // ─── Statistik Screen ───────────────────────────────────────────── function StatistikScreen({ planung, prediger }) { const stats = berechneStatistik(planung, prediger); const [sort, setSort] = useState("count"); const sorted = [...prediger].map(p=>({...p,...(stats[p.id]||{count:0,letzterTermin:null})})) .sort((a,b) => sort==="count" ? b.count-a.count : a.name.localeCompare(b.name)); const max = Math.max(...sorted.map(p=>p.count),1); const gesamt = sorted.reduce((s,p)=>s+p.count,0); return (

Statistik

{gesamt}Predigten

{sorted.filter(p=>p.count>0).length}aktive Prediger

{prediger.length}gesamt

{sorted.map(p => (

{p.name} 0?C.primary:C.textLight }}>{p.count}×

))}

); } // ─── Settings Screen ────────────────────────────────────────────── function SettingsScreen({ planung, prediger, onDeleteAll, onSetupFirebase }) { const fbOk = FB.ready(); const SettingRow = ({ icon, title, sub, onClick, danger, right }) => ( ); return (

Einstellungen

{/* Cloud */}

Cloud-Synchronisation

{fbOk?"Aktiv":"Inaktiv"}}/>

{/* Export */}

Export

planung[k]).length} Einträge · ${prediger.length} Prediger`} onClick={() => exportExcel(planung, prediger)}/> exportPDF(planung, prediger)}/>

{/* Daten */}

Datenverwaltung

{/* Info */}

Predigerplanung · Version 3.0

); } // ─── Prediger-Wahl Modal ────────────────────────────────────────── function PredigerWahlModal({ ds, slot, planung, prediger, onSelect, onClose }) { const [suche, setSuche] = useState(""); const stats = berechneStatistik(planung, prediger); const cur = planung[`${ds}_${slot.id}`]; const date = new Date(ds + "T00:00:00"); const gef = prediger.filter(p => p.name.toLowerCase().includes(suche.toLowerCase())) .sort((a,b) => (stats[a.id]?.count||0) - (stats[b.id]?.count||0)); return (

{slot.label}

{WOCHENTAGE[date.getDay()]}, {date.getDate()}. {MONATE_KURZ[date.getMonth()]}

setSuche(e.target.value)} placeholder="Prediger suchen…" style={{ background:"none", border:"none", outline:"none", color:C.white, fontSize:14, flex:1 }}/>

{gef.map(p => { const st = stats[p.id]||{count:0}; const isCur = p.id === cur; return ( ); })}

); } // ─── Bottom Nav ─────────────────────────────────────────────────── function BottomNav({ active, setActive }) { return (

{[["planung","calendar","Planung"],["prediger","people","Prediger"],["statistik","chart","Statistik"],["settings","settings","Einstellungen"]].map(([id,icon,lbl]) => ( ))}

); } // ─── App Root ───────────────────────────────────────────────────── function PredigerApp() { const [authed, setAuthed] = useState(() => sessionStorage.getItem("auth_v1") === "1"); const [showFbSetup, setShowFbSetup] = useState(() => !FB.ready() && !localStorage.getItem("fb_skipped")); const [screen, setScreen] = useState(() => localStorage.getItem("screen_v3") || "planung"); const { prediger, planung, weekOffset, setWeekOffset, monthOffset, setMonthOffset, assignPrediger, addPrediger, deletePrediger, deleteAllData } = useAppState(); const [modal, setModal] = useState(null); useEffect(() => { localStorage.setItem("screen_v3", screen); }, [screen]); const handleDeleteAll = () => { if (window.confirm("Wirklich ALLE Daten löschen?\n\nAlle Prediger und die gesamte Planung werden unwiderruflich gelöscht.")) { deleteAllData(); } }; if (!authed) return setAuthed(true)}/>; if (showFbSetup) return setShowFbSetup(false)} onSkip={() => { localStorage.setItem("fb_skipped","1"); setShowFbSetup(false); }}/>; return (

{screen==="planung" && setModal({ds,slot})}/>} {screen==="prediger" && } {screen==="statistik" && } {screen==="settings" && setShowFbSetup(true)}/>} {modal && { assignPrediger(modal.ds, modal.slot.id, pid); setModal(null); }} onClose={() => setModal(null)}/>}

); } Object.assign(window, { PredigerApp });