// Moderis App — Dashboard (Kalm), aangesloten op /api/*.
// Fase 3 van de pool-omschakeling: geen AI-momentkaarten meer. Het dashboard
// is nu je dag-overzicht (energie, macro's, activiteit, wat je at) met het
// dagkompas en één grote ingang naar het kies-scherm. Kiezen gebeurt dáár —
// uit de maaltijdenpool, zonder vaste eetmomenten.
function EnergyPanel({ totals, loading }) {
// De balk = wat je vandaag moet eten: je basisdoel + (gearceerd, aan het
// eind) het verlengstuk door je training. Bewegen vult de balk dus niet —
// het maakt hem langer. De vulling is puur wat je gegeten hebt.
const { doel, gegeten, rest, verbrand } = totals;
const basisDoel = totals.basisDoel || doel;
const sportBonus = totals.sportBonus || 0;
const overschot = totals.overschot || 0;
const onderhoud = totals.onderhoud || basisDoel;
const eatenPct = Math.min(100, (gegeten / doel) * 100);
const basisPct = Math.min(100, (basisDoel / doel) * 100);
const onderhoudPct = Math.min(100, (onderhoud / doel) * 100);
return (
);
}
function FitbitTile({ icon, value, unit, label, loading }) {
return (
{loading ? (
) : (
{value}{unit}
)}
{label}
);
}
// "Kun je dit nu maken?" — ✓ alles in huis, of wat je nog mist. Gedeeld met
// het kies-scherm, de pool-preview en de sheets in index.html. In de
// "Mee naar werk"-modus heet ontbrekend beleg "halen:" i.p.v. "mist:" —
// zelfde data, andere lading (boodschappenlijstje, geen blokkade).
function InHuisBadge({ m, size = 11, mistLabel = 'mist' }) {
if (m.inHuis === true) {
return (
✓ alles in huis
);
}
if (Array.isArray(m.mist) && m.mist.length) {
const kort = m.mist.slice(0, 2).join(', ') + (m.mist.length > 2 ? ` +${m.mist.length - 2}` : '');
return (
{mistLabel}: {kort}
);
}
return null;
}
// Snel iets tussendoor toevoegen — typ wat je at (AI schat de macro's), of tik
// het camera-icoon om het van een foto te loggen (opent de log-sheet in fotomodus).
function QuickAdd({ onAdd, onFoto, busy }) {
const { useState } = React;
const [tekst, setTekst] = useState('');
const submit = () => { if (!tekst.trim() || busy) return; onAdd(tekst.trim()); setTekst(''); };
return (
);
}
// Labels per maaltijdmoment (afgeleid van het tijdstip — puur voor statistiek).
const MOMENT_LABEL = {
ontbijt: 'Ontbijt', lunch: 'Lunch', snack: 'Tussendoortje', snack2: 'Tussendoortje',
avondeten: 'Avondeten', tussendoor: 'Tussendoortje', overig: 'Overig',
};
// Alles wat je vandaag at, chronologisch. Elke log is te openen (aanpassen,
// als recept bewaren) en te verwijderen — niets telt "onzichtbaar" mee.
function GegetenList({ items, loading, onRemove, onOpen }) {
return (
)}
{/* De kern: kiezen uit de maaltijdenpool — met het dagkompas als coach
direct onder de vraag (dáár neem je de beslissing) */}
{poolSectie && (
Wat ga je eten?
{onAlleRecepten && (
)}
{!loading && kompas && (
)}
{poolSectie}
)}
{/* Activiteit (context) — onder de kern, want het is informatie, geen actie */}
{tiles.updatedAt && (
Google Health bijgewerkt {adapt.formatUpdated(tiles.updatedAt)}
)}
{/* Snel iets loggen — tekst of foto */}
{onQuickAdd && }
{/* Alles wat je vandaag at — chronologisch, compleet */}
{/* Algemene log-ingang */}
{onLogMoment && (
)}
);
}
// InHuisBadge wordt óók gebruikt in screen-kiezen.jsx, screen-optie.jsx en
// index.html — scripts delen alleen wat expliciet op window staat.
Object.assign(window, { DashboardScreen, InHuisBadge });