`;
depTasksListUL.appendChild(li);
});
depTasksListUL.querySelectorAll('.edit-dep-task-btn').forEach(btn => btn.addEventListener('click', (e) => populateDepTaskFormForEdit(e.target.dataset.id)));
depTasksListUL.querySelectorAll('.delete-dep-task-btn').forEach(btn => btn.addEventListener('click', (e) => deleteDepTask(e.target.dataset.id)));
populatePredecessorSelect(editingTaskId); // Refresh for form
}
// --- Analysis Tab Logic ---
analyzeDependenciesBtn.addEventListener('click', () => {
readyTasksListUL.innerHTML = '';
blockedTasksListUL.innerHTML = '';
inProgressTasksListUL.innerHTML = '';
completedTasksListUL.innerHTML = '';
circularWarningSection.style.display = 'none'; // Reset cycle warning before new analysis
if (tasks.length === 0) {
analysisResultsDiv.style.display = 'block'; // Show it to display "no tasks" message
downloadAnalysisPdfBtn.style.display = 'none';
readyTasksListUL.innerHTML = '
No tasks defined.';
return;
}
// Re-run cycle detection on the whole graph for good measure (though input validation should catch most)
let globalCycleFound = false;
for (const task of tasks) {
if (hasCircularDependency(task.id, task.predecessorIds)) {
// hasCircularDependency already updates the warning text and section display
globalCycleFound = true;
break; // Stop if one cycle is found
}
}
// If no cycle on individual checks, ensure warning is hidden
if(!globalCycleFound) circularWarningSection.style.display = 'none';
let readyCount = 0, blockedCount = 0, inProgressCount = 0, completedCount = 0;
tasks.forEach(task => {
const readiness = getTaskReadiness(task, tasks);
const li = document.createElement('li');
li.textContent = task.description;
if (readiness.state === 'Ready to Start') {
readyTasksListUL.appendChild(li); readyCount++;
} else if (readiness.state === 'Blocked') {
const blockerInfo = document.createElement('div');
blockerInfo.className = 'blocker-tasks';
blockerInfo.textContent = `Blocked by: ${readiness.blockers.join(', ')}`;
li.appendChild(blockerInfo);
blockedTasksListUL.appendChild(li); blockedCount++;
} else if (readiness.state === 'In Progress (Ready)') {
inProgressTasksListUL.appendChild(li); inProgressCount++;
} else if (readiness.state === 'done') {
completedTasksListUL.appendChild(li); completedCount++;
}
});
if(readyCount === 0) readyTasksListUL.innerHTML = '
No tasks are currently ready to start.';
if(blockedCount === 0) blockedTasksListUL.innerHTML = '
No tasks are currently blocked.';
if(inProgressCount === 0) inProgressTasksListUL.innerHTML = '
No tasks are currently in progress.';
if(completedCount === 0) completedTasksListUL.innerHTML = '
No tasks have been completed.';
analysisResultsDiv.style.display = 'block';
downloadAnalysisPdfBtn.style.display = 'block';
});
// --- PDF Download ---
downloadAnalysisPdfBtn.addEventListener('click', () => {
const { jsPDF } = window.jspdf;
const doc = new jsPDF('p', 'pt', 'a4');
const margin = 40; let yPos = margin;
const pageWidth = doc.internal.pageSize.getWidth();
doc.setFontSize(18);
doc.setTextColor(varToRGB('--primary-color').r, varToRGB('--primary-color').g, varToRGB('--primary-color').b);
doc.text('Task Dependency Analysis Report', pageWidth / 2, yPos, { align: 'center' });
yPos += 25;
doc.setFontSize(10);
doc.setTextColor(100);
doc.text(`Report Generated: ${new Date().toLocaleString()}`, pageWidth / 2, yPos, { align: 'center' });
yPos += 30;
if (tasks.length === 0) {
doc.text('No tasks defined for this report.', margin, yPos);
doc.save('Task_Dependency_Analysis_Empty.pdf');
return;
}
function addTaskListToPdf(title, ulElement, titleColor = {r:50,g:50,b:50}) {
if (yPos > doc.internal.pageSize.getHeight() - 60 && ulElement.children.length > (ulElement.children[0]?.textContent.startsWith("No tasks") ? 0 : 1) ) {
doc.addPage(); yPos = margin;
}
doc.setFontSize(14);
doc.setTextColor(titleColor.r, titleColor.g, titleColor.b);
doc.text(title, margin, yPos);
yPos += 20;
doc.setFontSize(10);
doc.setTextColor(80);
if (ulElement.children.length === 0 || (ulElement.children.length === 1 && ulElement.children[0].textContent.startsWith("No tasks"))) {
doc.text("None in this category.", margin + 5, yPos);
yPos += 15;
} else {
Array.from(ulElement.children).forEach(li => {
const taskText = li.childNodes[0].textContent; // Main task description
const blockerDiv = li.querySelector('.blocker-tasks');
const fullText = blockerDiv ? `${taskText} (${blockerDiv.textContent})` : taskText;
const lines = doc.splitTextToSize(`• ${fullText}`, pageWidth - (2 * margin) - 5);
if (yPos + (lines.length * 12) > doc.internal.pageSize.getHeight() - margin) {
doc.addPage(); yPos = margin;
}
doc.text(lines, margin + 5, yPos);
yPos += (lines.length * 12) + 3;
});
}
yPos += 10;
}
if (circularWarningSection.style.display !== 'none') {
doc.setFontSize(12); doc.setTextColor(varToRGB('--danger-color').r, varToRGB('--danger-color').g, varToRGB('--danger-color').b);
doc.text("WARNING: Circular Dependency Detected!", margin, yPos); yPos += 15;
doc.setFontSize(10);
const warnLines = doc.splitTextToSize(circularWarningText.textContent, pageWidth - (2 * margin));
doc.text(warnLines, margin, yPos); yPos += (warnLines.length * 12) + 10;
}
addTaskListToPdf("Ready to Start Tasks", readyTasksListUL, varToRGB('--accent-color'));
addTaskListToPdf("Blocked Tasks", blockedTasksListUL, varToRGB('--danger-color'));
addTaskListToPdf("In Progress Tasks", inProgressTasksListUL, varToRGB('--warning-color'));
addTaskListToPdf("Completed Tasks", completedTasksListUL, varToRGB('--accent-color'));
// Detailed list of all tasks and their direct predecessors
if (yPos > doc.internal.pageSize.getHeight() - 80) { doc.addPage(); yPos = margin; }
doc.setFontSize(14); doc.setTextColor(varToRGB('--primary-color').r, varToRGB('--primary-color').g, varToRGB('--primary-color').b);
doc.text("All Tasks & Predecessors:", margin, yPos); yPos += 20;
const allTasksBody = tasks.map(task => {
const predecessors = task.predecessorIds.map(pId => tasks.find(t => t.id === pId)?.description || 'Unknown').join(', ') || 'None';
const readiness = getTaskReadiness(task, tasks);
return [task.description, STATUS_LABELS[task.status], predecessors, readiness.state];
});
if(allTasksBody.length > 0){
doc.autoTable({
startY: yPos,
head: [['Task Description', 'Status', 'Predecessors', 'Readiness']],
body: allTasksBody, theme: 'grid',
headStyles: { fillColor: varToRGB('--primary-color', true), textColor: varToRGB('--light-text', true) },
columnStyles: {0:{cellWidth:150}, 2:{cellWidth:150}}
});
} else {
doc.text("No tasks to list.", margin, yPos);
}
doc.save('Task_Dependency_Analysis.pdf');
});
function varToRGB(varName, asArray = false) {
let colorHex = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
if (!colorHex.startsWith('#')) { colorHex = '#000000'; }
const r = parseInt(colorHex.slice(1, 3), 16);
const g = parseInt(colorHex.slice(3, 5), 16);
const b = parseInt(colorHex.slice(5, 7), 16);
return asArray ? [r,g,b] : {r,g,b};
}
// --- Initializations ---
renderTasksListWithDetails(); // Also populates predecessor select in form
resetDepTaskForm(); // Ensure form is clean and predecessor select is populated correctly at start
if (tasks.length > 0) analyzeDependenciesBtn.click(); // Initial analysis if tasks exist
})();
