/* === Cocina — tareas, menú semanal por comensales con ingredientes, lista de compras === */ /* Ingredientes "por persona" para cálculo automático. Cantidades realistas según receta estándar. */ const MENU_WEEK_INIT = [ { day: "Lunes 19", date: "2026-05-19", comensales: { adultos: 8, ninos: 4 }, items: [ { id: "m1-1", meal: "Desayuno", plate: "Chilaquiles verdes con huevo orgánico", time: "8:30", ingredients: [ { name: "Tortilla de maíz", qty: 0.05, unit: "kg" }, { name: "Salsa verde", qty: 0.08, unit: "L" }, { name: "Huevo orgánico", qty: 2, unit: "pza" }, { name: "Crema", qty: 0.04, unit: "L" }, { name: "Queso fresco", qty: 0.04, unit: "kg" }, ] }, { id: "m1-2", meal: "Comida", plate: "Aguachile de camarón + ceviche mixto", time: "14:00", ingredients: [ { name: "Camarón U-15 fresco", qty: 0.15, unit: "kg" }, { name: "Limón con semilla", qty: 0.06, unit: "kg" }, { name: "Chile serrano", qty: 2, unit: "pza" }, { name: "Pepino", qty: 0.08, unit: "kg" }, { name: "Cebolla morada", qty: 0.03, unit: "kg" }, { name: "Aguacate Hass", qty: 0.5, unit: "pza" }, ] }, { id: "m1-3", meal: "Cena", plate: "Pesca local del día a la talla", time: "20:00", ingredients: [ { name: "Pesca local fresca", qty: 0.25, unit: "kg" }, { name: "Mantequilla", qty: 0.02, unit: "kg" }, { name: "Limón", qty: 0.05, unit: "kg" }, { name: "Sal de mar Colima", qty: 0.005, unit: "kg" }, ] }, ]}, { day: "Martes 20", date: "2026-05-20", comensales: { adultos: 8, ninos: 4 }, items: [ { id: "m2-1", meal: "Desayuno", plate: "Huevos motuleños", time: "8:30", ingredients: [ { name: "Huevo orgánico", qty: 2, unit: "pza" }, { name: "Tortilla de maíz", qty: 0.04, unit: "kg" }, { name: "Frijol negro refrito", qty: 0.08, unit: "kg" }, { name: "Jamón", qty: 0.04, unit: "kg" }, { name: "Plátano macho", qty: 0.08, unit: "kg" }, ] }, { id: "m2-2", meal: "Comida", plate: "Tostadas de atún + sopa de tortilla", time: "14:00", ingredients: [ { name: "Atún fresco", qty: 0.12, unit: "kg" }, { name: "Tostada", qty: 3, unit: "pza" }, { name: "Aguacate Hass", qty: 0.5, unit: "pza" }, { name: "Tortilla de maíz", qty: 0.06, unit: "kg" }, ] }, { id: "m2-3", meal: "Cena", plate: "Filete de res con chimichurri", time: "20:00", ingredients: [ { name: "Filete de res Black Angus", qty: 0.22, unit: "kg" }, { name: "Perejil fresco", qty: 0.02, unit: "kg" }, { name: "Ajo", qty: 0.005, unit: "kg" }, { name: "Aceite de oliva", qty: 0.03, unit: "L" }, ] }, ]}, { day: "Miércoles 21", date: "2026-05-21", comensales: { adultos: 10, ninos: 4 }, items: [ { id: "m3-1", meal: "Desayuno", plate: "Fruta tropical + yogur de coco", time: "8:30", ingredients: [ { name: "Piña", qty: 0.15, unit: "kg" }, { name: "Mango Ataulfo", qty: 0.15, unit: "kg" }, { name: "Papaya", qty: 0.10, unit: "kg" }, { name: "Yogur natural de coco", qty: 0.15, unit: "L" }, ] }, { id: "m3-2", meal: "Comida", plate: "Tacos gobernador + esquites", time: "14:00", ingredients: [] }, { id: "m3-3", meal: "Cena", plate: "Risotto de huitlacoche", time: "20:00", ingredients: [] }, ]}, { day: "Jueves 22", date: "2026-05-22", comensales: { adultos: 12, ninos: 6 }, items: [ { id: "m4-1", meal: "Desayuno", plate: "Omelette de hongos + jugo verde", time: "8:30", ingredients: [] }, { id: "m4-2", meal: "Comida", plate: "Tlayudas oaxaqueñas", time: "14:00", ingredients: [] }, { id: "m4-3", meal: "Cena", plate: "Pulpo a la parrilla con romesco", time: "20:00", ingredients: [ { name: "Pulpo cocido", qty: 0.20, unit: "kg" }, { name: "Tomate asado", qty: 0.08, unit: "kg" }, { name: "Almendras", qty: 0.02, unit: "kg" }, { name: "Pan", qty: 0.03, unit: "kg" }, { name: "Pimiento rojo", qty: 0.06, unit: "kg" }, ] }, ]}, ]; const CocinaView = ({ tasks, onSelect, selectedId, onToggle, canEditFn, role, user, compras, setCompras }) => { const [tab, setTab] = React.useState("tareas"); const [menu, setMenu] = React.useState(MENU_WEEK_INIT); const [editingItem, setEditingItem] = React.useState(null); // { dayIdx, item } | { dayIdx, item: null } for new const [calcOpen, setCalcOpen] = React.useState(null); // { dayIdx } when computing ingredients const cocinaTasks = tasks.filter(t => t.area === "cocina"); const cocinaList = compras.cocina || []; const canEditList = role === "admin" || role === "gerente" || (role === "jefe" && user.area === "cocina"); const canEditMenu = canEditList; const adjust = (idx, type, delta) => { setMenu(m => m.map((d, i) => i !== idx ? d : { ...d, comensales: { ...d.comensales, [type]: Math.max(0, d.comensales[type] + delta) } })); }; const upsertMenuItem = (dayIdx, item) => { setMenu(m => m.map((d, i) => { if (i !== dayIdx) return d; const exists = d.items.some(x => x.id === item.id); const items = exists ? d.items.map(x => x.id === item.id ? item : x) : [...d.items, { ...item, id: item.id || "mi-" + Date.now() }]; return { ...d, items }; })); setEditingItem(null); }; const removeMenuItem = (dayIdx, itemId) => { if (window.confirm("¿Eliminar este platillo del menú?")) { setMenu(m => m.map((d, i) => i !== dayIdx ? d : { ...d, items: d.items.filter(x => x.id !== itemId) })); } }; const todayMenu = menu.find(m => m.date === TODAY_ISO) || menu[0]; const todayTotal = todayMenu.comensales.adultos + todayMenu.comensales.ninos; return (
Tareas activas
{cocinaTasks.filter(t => t.status !== "terminada").length}
{cocinaTasks.filter(t => t.priority === "alta").length} de alta prioridad
Compras pendientes
i.status === "pendiente").length ? "var(--cdc-overdue)" : "var(--cdc-ink)" }}> {cocinaList.filter(i => i.status === "pendiente").length}
{cocinaList.filter(i => i.status === "entregado").length} comprados
Comensales hoy
{todayTotal}
{todayMenu.comensales.adultos} adultos · {todayMenu.comensales.ninos} niños
Menú de hoy
{todayMenu.items[1]?.plate.split(" ").slice(0, 2).join(" ") || "—"}
Comida · {todayMenu.items[1]?.time}
{[ ["tareas", "Tareas"], ["menu", "Menú semanal"], ["compras", "Lista de compras"], ].map(([id, label]) => ( ))}
{tab === "tareas" && (
{cocinaTasks.length === 0 ? (
Sin tareas en Cocina
) : ( )}
)} {tab === "menu" && (
{menu.map((d, idx) => { const total = d.comensales.adultos + d.comensales.ninos; return (
{d.day}
{fmtLongDate(d.date)}
{total} comensales
{canEditMenu && (
adjust(idx, "adultos", -1)} onPlus={() => adjust(idx, "adultos", +1)} /> adjust(idx, "ninos", -1)} onPlus={() => adjust(idx, "ninos", +1)} />
)}
{d.items.length === 0 ? (
Sin platillos programados para este día.
) : d.items.map(it => (
{it.meal}
{it.plate}
{it.ingredients && it.ingredients.length > 0 && (
{it.ingredients.length} ingrediente{it.ingredients.length === 1 ? "" : "s"}
)}
{it.time} {canEditMenu && (
)}
))}
{canEditMenu && (<> )}
); })}
)} {tab === "compras" && (
setCompras({ ...compras, cocina: newList })} listLabel="Cocina" listId="cocina" user={user} role={role} canEdit={canEditList} hideSupplier={true} />
)} {editingItem && ( setEditingItem(null)} onSave={(it) => upsertMenuItem(editingItem.dayIdx, it)} /> )} {calcOpen && ( setCalcOpen(null)} onAddToCompras={(item) => { setCompras({ ...compras, cocina: [ { id: "c-" + Date.now(), name: item.name, qty: item.qty, unit: item.unit, status: "pendiente", priority: "media", supplier: "", note: `Cálculo automático para ${menu[calcOpen.dayIdx].comensales.adultos + menu[calcOpen.dayIdx].comensales.ninos} comensales (${menu[calcOpen.dayIdx].day})`, addedBy: user.id, addedOn: TODAY_ISO, photo: null, }, ...(compras.cocina || []), ], }); }} /> )}
); }; const ComensalesStepper = ({ label, value, onMinus, onPlus }) => ( {value} {label} ); const MenuItemDrawer = ({ item, dayLabel, onClose, onSave }) => { const [f, setF] = React.useState(item || { meal: "Comida", plate: "", time: "14:00", ingredients: [] }); const u = (k, v) => setF(x => ({ ...x, [k]: v })); const updIng = (i, patch) => setF(x => ({ ...x, ingredients: x.ingredients.map((g, idx) => idx === i ? { ...g, ...patch } : g) })); const addIng = () => setF(x => ({ ...x, ingredients: [...x.ingredients, { name: "", qty: 0.1, unit: "kg" }] })); const rmIng = (i) => setF(x => ({ ...x, ingredients: x.ingredients.filter((_, idx) => idx !== i) })); return (
e.stopPropagation()}>
{item ? "Editar platillo" : "Nuevo platillo"} — {dayLabel}
u("time", e.target.value)} />
u("plate", e.target.value)} placeholder="Ej. Aguachile de camarón" />
{f.ingredients.map((g, i) => (
updIng(i, { name: e.target.value })} placeholder="Ingrediente" /> updIng(i, { qty: parseFloat(e.target.value) || 0 })} />
))}
); }; const IngredientCalculator = ({ day, onClose, onAddToCompras }) => { const total = day.comensales.adultos + day.comensales.ninos; // Aggregate ingredients across all plates of the day, scaled by # comensales const aggregated = {}; for (const it of day.items) { for (const g of (it.ingredients || [])) { const key = `${g.name}|${g.unit}`; if (!aggregated[key]) aggregated[key] = { name: g.name, unit: g.unit, qty: 0, sources: [] }; aggregated[key].qty += (g.qty || 0) * total; aggregated[key].sources.push(it.plate); } } const list = Object.values(aggregated).sort((a, b) => a.name.localeCompare(b.name)); // Compact qty display const fmt = (q, u) => { const decimals = u === "kg" || u === "L" ? 2 : u === "pza" ? 0 : 0; return q.toFixed(decimals); }; return (
e.stopPropagation()}>
Insumos calculados — {day.day}
{total} comensales · {day.comensales.adultos} adultos + {day.comensales.ninos} niños · {day.items.length} platillos
{list.length === 0 ? (
Sin ingredientes registrados
Edita los platillos para agregar ingredientes "por persona" y verás el cálculo escalado aquí.
) : ( list.map((g, i) => (
{g.name}
{g.sources.join(" · ")}
{fmt(g.qty, g.unit)} {g.unit}
)) )}
{list.length > 0 && ( )}
); }; Object.assign(window, { CocinaView, ComensalesStepper });