// PrepEditor.jsx — Daily Prep Assignment editor.
// Source-of-truth model matches the iPad app:
// • Tonight's items = catalog items with target > 0 (no separate "in template" flag)
// • Per-day overrides: target, priority, comment (note)
// • PIC is shift-level (one roster for the whole prep crew tonight) — NOT per-item.
// Catalog (master list with name/category/unit) is edited separately under "Prep Catalog".
const PREP_KEY = 'snap-portal-prep-assignments-v2';
const PREP_PIC_KEY = 'snap-portal-prep-pic-v2';
const CATEGORIES = ['Meat', 'Vegetable', 'Sauce', 'Other', 'Cleaning & Fixing'];
// Read the catalog from localStorage (seeded by PrepCatalog).
const getCatalog = () => {
try {
const raw = localStorage.getItem(window.CATALOG_KEY || 'snap-portal-prep-catalog-v1');
if (raw) return JSON.parse(raw);
} catch(e) {}
return (window.SEED_CATALOG ? window.SEED_CATALOG() : []);
};
// Build the default per-day assignment from catalog defaults.
// Each item gets a row keyed by id with { target, priority, comment }.
// Items default from SAMPLE_PREP_ITEMS (the iPad app's seed) when present,
// so the portal mirrors what staff would see if no overrides were set.
const seedAssignment = () => {
const sampleById = {};
(window.SAMPLE_PREP_ITEMS || []).forEach(s => { sampleById[s.id] = s; });
const out = {};
getCatalog().filter(c => !c.archived).forEach(c => {
const s = sampleById[c.id];
out[c.id] = {
target: s ? s.target : (c.category === 'Cleaning & Fixing' ? 0 : 1),
priority: s ? s.priority : 'secondary',
comment: s?.note || '',
};
});
return out;
};
// Default shift PIC roster — union of everyone the iPad app seeds across items.
const seedShiftPic = () => {
const all = new Set();
Object.values(window.SAMPLE_PREP_PIC || {}).forEach(arr => arr.forEach(id => all.add(id)));
return Array.from(all);
};
const PrepEditor = ({ density = 'comfortable' }) => {
const [date, setDate] = useState(() => new Date());
const [assignments, setAssignments] = usePersistent(PREP_KEY, {});
const [shiftPicByDate, setShiftPicByDate] = usePersistent(PREP_PIC_KEY, {});
const [savedToast, setSavedToast] = useState(false);
const [picPickerOpen, setPicPickerOpen] = useState(false);
const [selected, setSelected] = useState(null);
const dateKey = isoDate(date);
const past = isPast(date);
const future = isFuture(date);
// Initialise this date if needed
useEffect(() => {
if (!assignments[dateKey]) {
setAssignments(a => ({ ...a, [dateKey]: seedAssignment() }));
}
if (!shiftPicByDate[dateKey]) {
setShiftPicByDate(p => ({ ...p, [dateKey]: seedShiftPic() }));
}
}, [dateKey]);
const tplRows = assignments[dateKey] || seedAssignment();
const shiftPic = shiftPicByDate[dateKey] || seedShiftPic();
// Patch a single item row
const updateRow = (id, patch) => {
if (past) return;
setAssignments(a => ({
...a,
[dateKey]: { ...(a[dateKey] || {}), [id]: { ...(a[dateKey]?.[id] || {}), ...patch } },
}));
};
// Drop from tonight = set target to 0
const removeFromTonight = (id) => {
if (past) return;
updateRow(id, { target: 0 });
if (selected === id) setSelected(null);
};
// Re-add (set a sensible default target)
const addToTonight = (id) => {
if (past) return;
const sample = (window.SAMPLE_PREP_ITEMS || []).find(s => s.id === id);
const cat = getCatalog().find(c => c.id === id);
const t = sample?.target ?? (cat?.category === 'Cleaning & Fixing' ? 0 : 1);
updateRow(id, { target: t || 1 });
};
const dupYesterday = () => {
const y = new Date(date); y.setDate(y.getDate() - 1);
const yKey = isoDate(y);
if (assignments[yKey]) {
setAssignments(a => ({ ...a, [dateKey]: JSON.parse(JSON.stringify(assignments[yKey])) }));
}
if (shiftPicByDate[yKey]) {
setShiftPicByDate(p => ({ ...p, [dateKey]: [...shiftPicByDate[yKey]] }));
}
setSavedToast(true);
};
const resetToDefaults = () => {
if (!confirm('Reset all targets, priorities and comments back to catalog defaults? Shift PIC stays.')) return;
setAssignments(a => ({ ...a, [dateKey]: seedAssignment() }));
};
// Build today's list = catalog items with target > 0.
const catalog = getCatalog().filter(c => !c.archived);
const rows = catalog.map(c => ({
id: c.id, name: c.name, category: c.category, unit: c.unit || '',
target: tplRows[c.id]?.target ?? 0,
priority: tplRows[c.id]?.priority ?? 'secondary',
comment: tplRows[c.id]?.comment ?? '',
}));
const tonight = rows.filter(r => r.target > 0);
const visibleRows = tonight;
const itemCount = tonight.length;
const primaryCount = tonight.filter(r => r.priority === 'primary').length;
return (
Prep Assignment
{past ? 'Read-only — historical record from this day.' :
future ? 'Draft — items will appear on the iPad app on this date.' :
'Set today\'s targets, priority and comments. Set target to 0 to drop an item from today. The iPad app reads from here in real time.'}
setSavedToast(true)} disabled={past}>Publish to iPad
{/* Combined header card: date + stats on top, shift PIC roster on bottom */}
{/* Top row: date + stats */}
{past && (
Read-only
)}
{future && (
Draft — not yet active
)}