Add an event to begin building the timeline.

'; container.classList.add('empty'); return; } container.classList.remove('empty'); sortedEvents.forEach(event => { const div = document.createElement('div'); div.className = 'timeline-event'; div.innerHTML = ` `; container.appendChild(div); }); } function renderEventManagerList(sortedEvents) { const container = document.getElementById('event-manager'); const tbody = document.getElementById('pdf-tbody'); // For PDF data table copy container.innerHTML = ''; tbody.innerHTML = ''; if (sortedEvents.length === 0) { container.innerHTML = '

No events defined.

'; return; } sortedEvents.forEach(event => { // Manager List View const div = document.createElement('div'); div.className = 'event-list-item'; div.innerHTML = ` `; container.appendChild(div); // PDF Data Table Row Copy const tr = document.createElement('tr'); tr.innerHTML = ` ${formatDate(event.date)} ${event.title} ${event.description} `; tbody.appendChild(tr); }); } // --- PDF Export --- function generatePDF() { const previewElement = document.getElementById('timeline-vis'); const pdfContainer = document.getElementById('pdf-template'); const pdfVisCopy = document.getElementById('pdf-timeline-copy'); // 1. Prepare PDF Structure const visClone = previewElement.cloneNode(true); visClone.removeAttribute('id'); visClone.style.maxWidth = '600px'; // Ensure it fits the PDF width pdfVisCopy.innerHTML = ''; pdfVisCopy.appendChild(visClone); // 2. Generate PDF pdfContainer.style.display = 'block'; const opt = { margin: 0.5, filename: 'Project_Timeline_Report.pdf', image: { type: 'jpeg', quality: 0.98 }, html2canvas: { scale: 2 }, jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' } }; html2pdf().set(opt).from(pdfContainer).save().then(() => { // Clean up pdfContainer.style.display = 'none'; pdfVisCopy.innerHTML = ''; }); } return { switchTab, updateMeta, addEvent, deleteEvent, generatePDF }; })();