+
+
-
+
+ 100 ? 'bg-rose-500' : ($capPercent >= 80 ? 'bg-amber-500' : 'bg-indigo-500');
+ $capLabel = $capPercent > 100 ? 'Overbelast' : ($capPercent >= 80 ? 'Bijna vol' : 'Goed ingepland');
+ $capLabelColor = $capPercent > 100 ? 'text-rose-600 dark:text-rose-400' : ($capPercent >= 80 ? 'text-amber-600 dark:text-amber-400' : 'text-indigo-600 dark:text-indigo-400');
+ $freeMinutes = max(0, $effectiveCapacity - $usedMinutes);
+ $freeH = intdiv($freeMinutes, 60);
+ $freeM = $freeMinutes % 60;
+ $freeLabel = $freeH > 0 ? "{$freeH}u " : '';
+ $freeLabel .= $freeM > 0 ? "{$freeM}m" : '';
+ $freeLabel = $freeLabel ?: '0m';
+ ?>
+
;
const defaultWidgetLayout = ;
+// --- AI Dagbriefing (laden bij pagina-open, alleen voor vandaag) ---
+
+const _aiBriefingDate = '';
+let _aiBriefingLoaded = false;
+
+async function loadDailyBriefing() {
+ if (_aiBriefingLoaded) return;
+ const banner = document.getElementById('aiBriefingBanner');
+ if (!banner) return;
+
+ // Toon banner met skeleton
+ banner.classList.remove('hidden');
+
+ try {
+ const resp = await fetch('/api/ai.php?action=daily_briefing', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ date: _aiBriefingDate })
+ });
+ const data = await resp.json();
+
+ if (!data.success || data.error) {
+ // Geen AI key of fout: banner verbergen, stil falen
+ banner.classList.add('hidden');
+ return;
+ }
+
+ // Vul content
+ document.getElementById('aiBriefingGreeting').textContent = data.greeting || '';
+
+ const focusEl = document.getElementById('aiBriefingFocusTask');
+ const focusTextEl = document.getElementById('aiBriefingFocusText');
+ if (data.focus_task) {
+ focusTextEl.textContent = data.focus_task;
+ focusEl.classList.remove('hidden');
+ focusEl.style.display = 'flex';
+ }
+
+ const tipEl = document.getElementById('aiBriefingTip');
+ const tipTextEl = document.getElementById('aiBriefingTipText');
+ if (data.tip) {
+ tipTextEl.textContent = data.tip;
+ tipEl.classList.remove('hidden');
+ tipEl.style.display = 'flex';
+ }
+
+ if (data.warnings && data.warnings.length > 0) {
+ const warnContainer = document.getElementById('aiBriefingWarnings');
+ warnContainer.innerHTML = data.warnings.map(w =>
+ `
+
+ ${w}
+
`
+ ).join('');
+ warnContainer.classList.remove('hidden');
+ }
+
+ // Wissel skeleton ↔ content
+ document.getElementById('aiBriefingLoading').classList.add('hidden');
+ document.getElementById('aiBriefingContent').classList.remove('hidden');
+
+ _aiBriefingLoaded = true;
+ if (typeof lucide !== 'undefined') lucide.createIcons();
+
+ } catch (err) {
+ // Netwerk- of serverfout: banner verbergen
+ banner.classList.add('hidden');
+ }
+}
+
+// Laad de briefing 1,5 seconden na paginalading (niet blokkeren)
+window.addEventListener('DOMContentLoaded', () => {
+ setTimeout(loadDailyBriefing, 1500);
+});
+
+
+
function openWidgetManagerModal() {
renderWidgetManagerList();
const modal = document.getElementById('widgetManagerModal');
@@ -3381,6 +3591,155 @@ async function deleteTask(taskId) {
switchPlannerDate(activePlannerDate, null, false);
}
+// --- V2.0: Subtaken & Checklists ---
+const _subtaskCache = {}; // task_id -> subtasks array
+
+async function toggleSubtaskPanel(taskId) {
+ const panel = document.getElementById(`subtask-panel-${taskId}`);
+ if (!panel) return;
+
+ const isHidden = panel.classList.contains('hidden');
+ if (isHidden) {
+ panel.classList.remove('hidden');
+ // Laad subtaken als nog niet geladen
+ if (!_subtaskCache[taskId]) {
+ await loadSubtasks(taskId);
+ } else {
+ renderSubtasks(taskId);
+ }
+ // Focus invoerveld
+ const inp = document.getElementById(`subtask-input-${taskId}`);
+ if (inp) setTimeout(() => inp.focus(), 50);
+ } else {
+ panel.classList.add('hidden');
+ }
+
+ if (typeof lucide !== 'undefined') lucide.createIcons();
+}
+
+async function loadSubtasks(taskId) {
+ try {
+ const resp = await fetch(`/api/planner.php?action=get_subtasks&task_id=${taskId}`);
+ const data = await resp.json();
+ if (data.success) {
+ _subtaskCache[taskId] = data.subtasks || [];
+ renderSubtasks(taskId);
+ }
+ } catch (e) {
+ console.error('Subtaken laden mislukt:', e);
+ }
+}
+
+function renderSubtasks(taskId) {
+ const list = document.getElementById(`subtask-list-${taskId}`);
+ if (!list) return;
+
+ const subtasks = _subtaskCache[taskId] || [];
+ if (subtasks.length === 0) {
+ list.innerHTML = '
Nog geen subtaken. Voeg hieronder toe.
';
+ return;
+ }
+
+ const doneCount = subtasks.filter(s => s.is_completed == 1).length;
+ const totalCount = subtasks.length;
+
+ list.innerHTML = `
+
+
${doneCount}/${totalCount} afgerond
+
+
+ ${subtasks.map(s => `
+
+
+
${escapeHtml(s.title)}
+
+
+ `).join('')}
+ `;
+}
+
+async function addSubtask(taskId) {
+ const inp = document.getElementById(`subtask-input-${taskId}`);
+ if (!inp) return;
+ const title = inp.value.trim();
+ if (!title) return;
+
+ inp.disabled = true;
+ try {
+ const resp = await fetch('/api/planner.php?action=add_subtask', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ task_id: taskId, title })
+ });
+ const data = await resp.json();
+ if (data.success && data.subtask) {
+ if (!_subtaskCache[taskId]) _subtaskCache[taskId] = [];
+ _subtaskCache[taskId].push(data.subtask);
+ renderSubtasks(taskId);
+ inp.value = '';
+ } else {
+ alert(data.error || 'Kan subtaak niet toevoegen');
+ }
+ } catch (e) {
+ alert('Netwerkfout bij toevoegen subtaak');
+ } finally {
+ inp.disabled = false;
+ inp.focus();
+ }
+}
+
+async function toggleSubtask(subtaskId, newState, taskId) {
+ try {
+ await fetch('/api/planner.php?action=toggle_subtask', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ subtask_id: subtaskId, is_completed: newState })
+ });
+ // Update cache
+ if (_subtaskCache[taskId]) {
+ const sub = _subtaskCache[taskId].find(s => s.id == subtaskId);
+ if (sub) sub.is_completed = newState;
+ }
+ renderSubtasks(taskId);
+ } catch (e) {
+ console.error('Subtaak toggle mislukt:', e);
+ }
+}
+
+async function deleteSubtask(subtaskId, taskId) {
+ try {
+ await fetch('/api/planner.php?action=delete_subtask', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ subtask_id: subtaskId })
+ });
+ if (_subtaskCache[taskId]) {
+ _subtaskCache[taskId] = _subtaskCache[taskId].filter(s => s.id != subtaskId);
+ }
+ renderSubtasks(taskId);
+ } catch (e) {
+ console.error('Subtaak verwijderen mislukt:', e);
+ }
+}
+
+// Helper: XSS-safe escaping voor subtaak titels in JS
+function escapeHtml(str) {
+ return String(str)
+ .replace(/&/g, '&')
+ .replace(//g, '>')
+ .replace(/"/g, '"')
+ .replace(/'/g, ''');
+}
+
// --- AI Co-Pilot Slimme Dagplanning (Release v1.5) ---
async function aiSmartSchedule(btn) {
if (!confirm('Wil je AI Co-Pilot jouw openstaande taken voor deze dag slim laten inplannen rondom je Outlook meetings en lunch?')) return;