@@ -2288,6 +2453,14 @@ button:active, .btn:active, .meal-card-main:active, .dagboek-item:active, .food-
return CATEGORY_MAP[itemCat] || 'Overig';
}
+ // ===== Prikmomenten voor glucose =====
+ const PRICKMOMENTEN = [
+ { key: 'nuchter', label: 'Nuchter (voor ontbijt)', targetMin: 0, targetMax: 5.4 },
+ { key: 'naOntbijt', label: '2 uur na ontbijt', targetMin: 5.4, targetMax: 6.7 },
+ { key: 'naLunch', label: '2 uur na lunch', targetMin: 5.4, targetMax: 6.7 },
+ { key: 'naAvondeten', label: '2 uur na avondeten', targetMin: 5.4, targetMax: 6.7 }
+ ];
+
// ===== Standaard portiegroottes per categorie =====
// Gebaseerd op Voedingscentrum / NEVO richtlijnen
/** Drie praktische porties per categorie: een intuïtieve eenheid + 100g + 50g */
@@ -2369,6 +2542,7 @@ button:active, .btn:active, .meal-card-main:active, .dagboek-item:active, .food-
let searchIndex = null; // Map
let dataLoaded = false;
let maaltijden = []; // [{ id, naam, items: [{item, portie}, ...], khTotaal }]
+ let glucose = {}; // { '2026-07-24': { nuchter: 5.1, naOntbijt: 6.2, naLunch: null, naAvondeten: null } }
const SEARCH_PAGE_SIZE = 50;
let searchVisibleCount = SEARCH_PAGE_SIZE;
let searchObserver = null;
@@ -2461,6 +2635,8 @@ button:active, .btn:active, .meal-card-main:active, .dagboek-item:active, .food-
getOrCreateDay(activeDate);
// Load maaltijden
loadMaaltijdenFromStorage();
+ // Load glucose data
+ loadGlucoseFromStorage();
}
function saveMaaltijden() {
@@ -2482,6 +2658,139 @@ button:active, .btn:active, .meal-card-main:active, .dagboek-item:active, .food-
}
}
+ // ===== Glucose =====
+ function isGlucoseInRange(value, moment) {
+ if (value === null || value === undefined || value === '') return null;
+ const m = PRICKMOMENTEN.find(p => p.key === moment);
+ if (!m) return null;
+ // Nuchter (fasting): only upper bound — < targetMax is good
+ if (moment === 'nuchter') {
+ return value < m.targetMax ? 'good' : 'high';
+ }
+ // Post-meal: range 5.4 – 6.7 (inclusive)
+ if (value < m.targetMin) return 'low';
+ if (value > m.targetMax) return 'high';
+ return 'good';
+ }
+
+ function saveGlucoseToStorage() {
+ try {
+ localStorage.setItem('koolhydraat-glucose', JSON.stringify(glucose));
+ } catch (e) {
+ // Storage full — silently ignore
+ }
+ }
+
+ function loadGlucoseFromStorage() {
+ try {
+ const raw = localStorage.getItem('koolhydraat-glucose');
+ if (raw) {
+ glucose = JSON.parse(raw);
+ }
+ } catch (e) {
+ glucose = {};
+ }
+ // Ensure today's entry exists
+ if (!glucose[activeDate]) {
+ glucose[activeDate] = {};
+ PRICKMOMENTEN.forEach(m => { glucose[activeDate][m.key] = null; });
+ }
+ }
+
+ function ensureGlucoseDay(dateStr) {
+ if (!glucose[dateStr]) {
+ glucose[dateStr] = {};
+ PRICKMOMENTEN.forEach(m => { glucose[dateStr][m.key] = null; });
+ }
+ }
+
+ function renderGlucoseSection() {
+ const grid = document.getElementById('glucoseGrid');
+ if (!grid) return;
+
+ ensureGlucoseDay(activeDate);
+
+ grid.innerHTML = PRICKMOMENTEN.map(m => {
+ const value = glucose[activeDate][m.key];
+ const status = isGlucoseInRange(value, m.key);
+
+ let statusIcon, statusClass, statusText;
+ if (value === null || value === undefined || value === '') {
+ statusIcon = '⏹️';
+ statusClass = 'glucose-empty';
+ statusText = 'Nog meten';
+ } else if (status === 'good') {
+ statusIcon = '✅';
+ statusClass = 'glucose-good';
+ statusText = 'Binnen range';
+ } else if (status === 'high') {
+ statusIcon = '🔴';
+ statusClass = 'glucose-bad';
+ statusText = 'Te hoog';
+ } else {
+ statusIcon = '🔴';
+ statusClass = 'glucose-bad';
+ statusText = 'Te laag';
+ }
+
+ const displayValue = (value !== null && value !== undefined) ? value : '';
+
+ // Short label: remove parenthetical and "2 uur na" prefix
+ let shortLabel = m.label;
+ shortLabel = shortLabel.replace(/\([^)]*\)/g, '').trim();
+ shortLabel = shortLabel.replace(/^2 uur na /i, '').trim();
+ // Capitalize first letter
+ shortLabel = shortLabel.charAt(0).toUpperCase() + shortLabel.slice(1);
+
+ return `
+
+
${shortLabel}
+
${m.key === 'nuchter' ? '< ' + m.targetMax : m.targetMin + '–' + m.targetMax}
+
+
+ mmol/L
+
+
+ ${statusIcon}
+ ${statusText}
+
+