);
}
function TtTaskModal({ task, defaults = {}, projects, cycles, todos, knownTags, runningList = [], onClose }) {
const isEdit = !!task;
const base = task || {};
// Is THIS task currently running? (any concurrent timer for it)
const taskRunning = isEdit ? runningList.find(r => r.taskId === task.id) : null;
const [description, setDescription] = useState(base.description ?? defaults.description ?? '');
const [projectId, setProjectId] = useState(base.projectId ?? defaults.projectId ?? null);
const [cycleId, setCycleId] = useState(base.cycleId ?? defaults.cycleId ?? null);
const [tags, setTags] = useState(base.tags ?? defaults.tags ?? []);
const [todoId, setTodoId] = useState(base.todoId ?? defaults.todoId ?? null);
const [notes, setNotes] = useState(base.notes ?? '');
const archived = !!base.archived;
const [drafts, setDrafts] = useState([]);
const [removedIds, setRemovedIds] = useState([]);
const [loaded, setLoaded] = useState(false);
const [error, setError] = useState(null);
const descInputRef = useRef(null);
// Load the task's sessions once (create mode seeds one starter session).
useEffect(() => {
let alive = true;
(async () => {
if (isEdit) {
const sessions = await db.timeEntries.list({ where: s => s.taskId === task.id });
sessions.sort((a, b) => b.startedAt - a.startedAt);
if (!alive) return;
setDrafts(sessions.map(s => ttMakeDraft(s.startedAt, s.stoppedAt, s.id)));
} else {
const start = defaults.startedAt ?? (Date.now() - 30 * 60000);
const stop = defaults.stoppedAt ?? (start + 30 * 60000);
setDrafts([ttMakeDraft(start, stop)]);
}
setLoaded(true);
})();
return () => { alive = false; };
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
useEffect(() => { setTimeout(() => descInputRef.current?.focus(), 30); }, []);
// Close on Escape
useEffect(() => {
const onKey = (e) => { if (e.key === 'Escape') { e.stopPropagation(); onClose(); } };
document.addEventListener('keydown', onKey, true);
return () => document.removeEventListener('keydown', onKey, true);
}, [onClose]);
// Live total across the drafted sessions
const totalMs = useMemo(() => drafts.reduce((a, d) => {
const c = ttComputeSession(d.startDateStr, d.startStr, d.endDateStr, d.endStr);
return a + (c.startedAt != null && c.stoppedAt > c.startedAt ? c.stoppedAt - c.startedAt : 0);
}, 0), [drafts]);
const updateDraft = (key, next) => setDrafts(ds => ds.map(d => d.key === key ? next : d));
const removeDraft = (d) => {
setDrafts(ds => ds.filter(x => x.key !== d.key));
if (d.id) setRemovedIds(ids => [...ids, d.id]);
};
const addSession = () => {
const start = Date.now() - 30 * 60000;
setDrafts(ds => [ttMakeDraft(start, start + 30 * 60000), ...ds]);
};
const linkedTodo = todos.find(t => t.id === todoId);
const todoOptions = useMemo(
() => todos.filter(t => !t.done || t.id === todoId),
[todos, todoId]
);
const save = async () => {
setError(null);
// Compute + validate every session
const computed = [];
for (const d of drafts) {
const c = ttComputeSession(d.startDateStr, d.startStr, d.endDateStr, d.endStr);
if (c.startedAt == null) { setError('Every session needs a start and end date and time.'); return; }
if (c.stoppedAt <= c.startedAt) { setError('A session’s end must be after its start (end the next day if it runs overnight).'); return; }
for (const run of runningList) {
const runEnd = Date.now();
if (c.startedAt < runEnd && c.stoppedAt > run.startedAt) {
setError(`A session overlaps a running timer (started ${ttTimeInputVal(run.startedAt)}). Stop it first, or adjust the times.`);
return;
}
}
computed.push({ id: d.id, startedAt: c.startedAt, stoppedAt: c.stoppedAt });
}
const lastActiveAt = computed.length ? Math.max(...computed.map(c => c.stoppedAt)) : Date.now();
const savedTask = await db.timeTasks.put({
...(isEdit ? task : {}),
description: description.trim(),
projectId: projectId || null,
cycleId: cycleId || null,
tags,
todoId: todoId || null,
notes: notes.trim(),
archived: isEdit ? !!task.archived : false,
lastActiveAt,
});
for (const id of removedIds) await db.timeEntries.delete(id);
for (const c of computed) {
await db.timeEntries.put({
...(c.id ? { id: c.id } : {}),
taskId: savedTask.id,
startedAt: c.startedAt,
stoppedAt: c.stoppedAt,
});
}
onClose();
};
const removeTask = async () => {
const ok = await window.lhDialog.confirm({
title: 'Delete task?',
message: `“${description || '(no description)'}” and all ${drafts.length} ${drafts.length === 1 ? 'session' : 'sessions'} (${ttFmtDuration(totalMs)}) will be removed.`,
confirmLabel: 'Delete', danger: true, icon: 'delete',
});
if (!ok) return;
await ttDeleteTask(task.id);
onClose();
};
const resumeNow = async () => {
await ttResumeTask(task.id);
onClose();
};
const toggleArchive = async () => {
await ttSetTaskArchived(task.id, !archived);
onClose();
};
return (