"${comment.selection}"

${comment.text}

`; commentsSection.appendChild(commentEl); }); } function renderVersions() { versionHistory.innerHTML = ''; if (versions.length === 0) { versionHistory.innerHTML = '

Changes are saved automatically.

'; return; } versions.forEach((version) => { const versionEl = document.createElement('div'); versionEl.className = 'text-sm text-indigo-600 hover:underline cursor-pointer'; versionEl.innerText = `Version saved at ${version.timestamp.toLocaleTimeString()}`; versionEl.onclick = () => { quill.setContents(version.content); alert(`Restored to version from ${version.timestamp.toLocaleTimeString()}`); }; versionHistory.appendChild(versionEl); }); } // PDF Generation document.getElementById('pdf-download-button').addEventListener('click', () => { const title = document.getElementById('documentTitle').value || 'Untitled Document'; const editorContent = document.querySelector('.ql-editor').innerHTML; const reportContainer = document.createElement('div'); reportContainer.innerHTML = generateReportHTML(title, editorContent, comments); document.body.appendChild(reportContainer); const reportElement = document.getElementById('pdf-report-template'); const { jsPDF } = window.jspdf; html2canvas(reportElement, { scale: 2 }).then(canvas => { const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF({ orientation: 'portrait', unit: 'px', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = pdf.internal.pageSize.getHeight(); const ratio = canvas.width / canvas.height; let finalImgWidth = pdfWidth - 40; let finalImgHeight = finalImgWidth / ratio; if (finalImgHeight > pdfHeight - 40) { finalImgHeight = pdfHeight - 40; finalImgWidth = finalImgHeight * ratio; } const x = (pdfWidth - finalImgWidth) / 2; const y = 20; pdf.addImage(imgData, 'PNG', x, y, finalImgWidth, finalImgHeight); pdf.save(`${title.replace(/\s+/g, '-')}.pdf`); document.body.removeChild(reportContainer); }); }); function generateReportHTML(title, content, comments) { let commentsHtml = comments.length > 0 ? comments.map(c => `` ).join('') : '

No comments on this document.

'; return ``; } // Tab functionality window.changeTab = function(event, tabName) { document.querySelectorAll('.tab').forEach(tab => tab.classList.remove('active')); event.currentTarget.classList.add('active'); document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active')); document.getElementById(tabName).classList.add('active'); } // Initial Load setInitialContent(); });