USERS
@@ -823,6 +919,8 @@ function loadTab(tab) {
vms: loadVMs,
sites: loadSites,
users: loadUsers,
+ tasks: loadTasks,
+ appointments: loadAppts,
})[tab]?.();
}
@@ -1560,6 +1658,124 @@ document.getElementById('app').style.display='flex';
document.getElementById('adminUser').textContent = ''.toUpperCase();
initApp();
+// ── PLANNER ─────────────────────────────────────────────────────────────────
+const _PRI_COLOR = {urgent:'var(--red)',high:'var(--orange)',normal:'var(--text)',low:'var(--border2)'};
+
+async function loadTasks() {
+ const status = document.getElementById('task-status-filter')?.value || '';
+ const cat = document.getElementById('task-cat-filter')?.value || '';
+ const d = await api('task_list', {status, category:cat});
+ const tasks = d.tasks || [];
+ const el = document.getElementById('tasks-tbl');
+ if (!tasks.length) { el.innerHTML='
No tasks found.
'; return; }
+ const rows = tasks.map(t => {
+ const due = t.due_date ? `
${t.due_date}` : '—';
+ const pri = `
${t.priority.toUpperCase()}`;
+ const done = t.status==='done'||t.status==='cancelled';
+ const doneBtnHtml = done ? '' : `
`;
+ const td = `style="max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap${done?';opacity:0.45;text-decoration:line-through':''}"`;
+ const tJson = JSON.stringify(t).replace(/"/g,'"');
+ return `
| ${esc(t.title)} | ${t.category} | ${pri} | ${due} |
+ ${t.status.replace('_',' ').toUpperCase()} |
+ ${doneBtnHtml} |
`;
+ }).join('');
+ el.innerHTML = `
| TITLE | CAT | PRI | DUE | STATUS | ACTIONS |
|---|
${rows}
`;
+}
+
+function taskModal(t={}) {
+ const id = t.id||0;
+ document.body.insertAdjacentHTML('beforeend',`
+
+
${id?'EDIT':'NEW'} TASK
+
+
+
+
+
+
+
+
+
+
+
+
+
`);
+}
+
+function taskSave(id) {
+ apiPost('task_save',{id,title:document.getElementById('tm-title').value,notes:document.getElementById('tm-notes').value,
+ category:document.getElementById('tm-cat').value,priority:document.getElementById('tm-pri').value,
+ status:document.getElementById('tm-stat').value,due_date:document.getElementById('tm-due').value},
+ ()=>{ document.querySelector('.modal-overlay')?.remove(); toast('Saved','ok'); loadTasks(); });
+}
+function taskDone(id){ apiPost('task_done',{id},()=>{toast('Marked done','ok');loadTasks();}); }
+function taskDel(id){ if(!confirm('Delete task?'))return; apiPost('task_delete',{id},()=>{toast('Deleted','ok');loadTasks();}); }
+
+async function loadAppts() {
+ const from = new Date().toISOString().slice(0,10);
+ const to = new Date(Date.now()+90*86400000).toISOString().slice(0,10);
+ const d = await api('appt_list', {from, to});
+ const appts = d.appointments || [];
+ const el = document.getElementById('appts-tbl');
+ if (!appts.length) { el.innerHTML='
No upcoming appointments.
'; return; }
+ const rows = appts.map(a => {
+ const start = new Date(a.start_at).toLocaleString('en-US',{weekday:'short',month:'short',day:'numeric',hour:'numeric',minute:'2-digit'});
+ const aJson = JSON.stringify(a).replace(/"/g,'"');
+ return `
| ${esc(a.title)} |
+ ${a.category} | ${start} |
+ ${esc(a.location||'—')} |
+ |
`;
+ }).join('');
+ el.innerHTML = `
| TITLE | CAT | START | LOCATION | ACTIONS |
|---|
${rows}
`;
+}
+
+function apptModal(a={}) {
+ const id=a.id||0;
+ const sv=a.start_at?a.start_at.slice(0,16):''; const ev=a.end_at?a.end_at.slice(0,16):'';
+ document.body.insertAdjacentHTML('beforeend',`
`);
+}
+
+function apptSave(id){ apiPost('appt_save',{id,title:document.getElementById('am-title').value,description:document.getElementById('am-desc').value,
+ category:document.getElementById('am-cat').value,location:document.getElementById('am-loc').value,
+ start_at:document.getElementById('am-start').value,end_at:document.getElementById('am-end').value},
+ ()=>{ document.querySelector('.modal-overlay')?.remove(); toast('Saved','ok'); loadAppts(); }); }
+function apptDel(id){ if(!confirm('Delete appointment?'))return; apiPost('appt_delete',{id},()=>{toast('Deleted','ok');loadAppts();}); }
+
+