@@ -396,7 +463,7 @@
oldBtns.forEach(btn => btn.remove());
const newTaskBtn = document.getElementById('new-task-btn');
- projects.forEach(p => {
+ projects.filter(p => tasks.some(t => t.projectName === p.name)).forEach(p => {
const btn = document.createElement('button');
btn.className = 'project-btn';
btn.innerHTML = `
${p.name}`;
@@ -410,7 +477,125 @@
});
document.getElementById('stats').textContent =
- `${projects.length} projects | ${tasks.length} tasks | Updated ${new Date().toLocaleTimeString()}`;
+ `${projects.filter(p => tasks.some(t => t.projectName === p.name)).length} active projects | ${tasks.length} tasks | Updated ${new Date().toLocaleTimeString()}`;
+ }
+
+ async function archiveTask(projectPath, taskId) {
+ try {
+ const response = await fetch('/api/tasks/archive', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ projectPath, taskId })
+ });
+ if (!response.ok) {
+ const data = await response.json();
+ throw new Error(data.error || 'Failed to archive task');
+ }
+ showToast('Task archived', 'success');
+ } catch (err) {
+ console.error('Archive error:', err);
+ showToast(err.message || 'Failed to archive task', 'error');
+ }
+ }
+
+ async function deleteTask(projectPath, taskId, title) {
+ if (!confirm(`Are you sure you want to delete "${title}"? This cannot be undone.`)) return;
+ try {
+ const response = await fetch('/api/tasks/delete', {
+ method: 'DELETE',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ projectPath, taskId })
+ });
+ if (!response.ok) {
+ const data = await response.json();
+ throw new Error(data.error || 'Failed to delete task');
+ }
+ showToast('Task deleted', 'success');
+ } catch (err) {
+ console.error('Delete error:', err);
+ showToast(err.message || 'Failed to delete task', 'error');
+ }
+ }
+
+ async function updateTask(projectPath, taskId, updates) {
+ try {
+ const response = await fetch('/api/tasks/update', {
+ method: 'PATCH',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ projectPath, taskId, ...updates })
+ });
+ if (!response.ok) {
+ const data = await response.json();
+ throw new Error(data.error || 'Failed to update task');
+ }
+ showToast('Task updated', 'success');
+ } catch (err) {
+ console.error('Update error:', err);
+ showToast(err.message || 'Failed to update task', 'error');
+ }
+ }
+
+ function startInlineEdit(card, task, field) {
+ const element = card.querySelector(`[data-field="${field}"]`);
+ const currentValue = field === 'title' ? task.title : (task.description || '');
+ const isTextarea = field === 'description';
+
+ if (isTextarea) {
+ element.innerHTML = `
+
+
+ Ctrl+Enter to save
+
+
+
+ `;
+ } else {
+ element.innerHTML = `
+
+
+
+
+
+ `;
+ }
+
+ const input = element.querySelector(isTextarea ? 'textarea' : 'input');
+ input.focus();
+ if (!isTextarea) input.select();
+
+ const saveEdit = async () => {
+ const newValue = input.value;
+ if (newValue !== currentValue) {
+ await updateTask(task.projectPath, task.id, { [field]: newValue });
+ }
+ // Re-render will happen via WebSocket update
+ };
+
+ const cancelEdit = () => {
+ renderTasks(); // Re-render to restore original
+ };
+
+ element.querySelector('[data-save]').addEventListener('click', (e) => {
+ e.stopPropagation();
+ saveEdit();
+ });
+ element.querySelector('[data-cancel]').addEventListener('click', (e) => {
+ e.stopPropagation();
+ cancelEdit();
+ });
+
+ input.addEventListener('keydown', (e) => {
+ if (e.key === 'Escape') {
+ e.stopPropagation();
+ cancelEdit();
+ } else if (e.key === 'Enter' && (!isTextarea || e.ctrlKey)) {
+ e.stopPropagation();
+ e.preventDefault();
+ saveEdit();
+ }
+ });
+
+ input.addEventListener('click', (e) => e.stopPropagation());
}
function renderTasks() {
@@ -418,14 +603,15 @@
const statusMap = {
'to do': 'todo',
'in progress': 'progress',
- 'done': 'done'
+ 'done': 'done',
+ "won't do": 'wontdo'
};
- ['todo', 'progress', 'done'].forEach(id => {
+ ['todo', 'progress', 'done', 'wontdo'].forEach(id => {
document.getElementById(`tasks-${id}`).innerHTML = '';
});
- let counts = { todo: 0, progress: 0, done: 0 };
+ let counts = { todo: 0, progress: 0, done: 0, wontdo: 0 };
tasks.forEach(task => {
if (selectedProject && task.projectName !== selectedProject) return;
@@ -457,13 +643,35 @@
priorityClass = `priority-${task.priority.toLowerCase()}`;
}
+ const priorityBgColors = { high: 'rgba(239,68,68,0.2)', medium: 'rgba(245,158,11,0.2)', low: 'rgba(34,197,94,0.2)' };
+ const priorityTextColors = { high: '#ef4444', medium: '#f59e0b', low: '#22c55e' };
+ const currentPriority = task.priority ? task.priority.toLowerCase() : '';
+
card.innerHTML = `
+
+
+
+