, lists) const formatText = (text) => { return text.split('\n').map(line => { if (line.trim().startsWith('- ')) { return `

• ${line.trim().substring(2)}

${line}

/g, ''); // Merge consecutive lists }; // Build HTML structure based on layout let mainContentHTML = `

Company News & Updates

${formatText(news)} `; let sidebarContentHTML = `

Employee Spotlight

${formatText(spotlight)}

Upcoming Events

${formatText(events)}
`; let finalHTML = `

${title}

${date}

${formatText(intro)}
`; if (layout === 'two-column') { finalHTML += `
${mainContentHTML}
${sidebarContentHTML}
`; } else { // Single column finalHTML += mainContentHTML + sidebarContentHTML; } previewPane.innerHTML = finalHTML; } /** * Handles the PDF download process. */ function handleDownloadPdf() { if (!previewPane || !downloadPdfBtn) return; const originalBtnText = downloadPdfBtn.innerText; downloadPdfBtn.disabled = true; downloadPdfBtn.innerText = 'Generating...'; html2canvas(previewPane, { scale: 2, useCORS: true, logging: false }) .then(canvas => { const imgData = canvas.toDataURL('image/png'); const { jsPDF } = window.jspdf; const doc = new jsPDF({ orientation: 'p', unit: 'mm', format: 'a4' }); const pdfWidth = doc.internal.pageSize.getWidth(); const pdfHeight = doc.internal.pageSize.getHeight(); const canvasWidth = canvas.width; const canvasHeight = canvas.height; const ratio = canvasHeight / canvasWidth; const imgHeight = pdfWidth * ratio; let heightLeft = imgHeight; let position = 0; doc.addImage(imgData, 'PNG', 0, position, pdfWidth, imgHeight); heightLeft -= pdfHeight; while (heightLeft > 0) { position = heightLeft - imgHeight; doc.addPage(); doc.addImage(imgData, 'PNG', 0, position, pdfWidth, imgHeight); heightLeft -= pdfHeight; } doc.save('internal-newsletter.pdf'); }) .catch(err => { console.error("PDF Generation Error:", err); }) .finally(() => { downloadPdfBtn.disabled = false; downloadPdfBtn.innerText = originalBtnText; }); } // --- TAB MANAGEMENT --- window.changeTab = (tabIndex) => { // If moving to the preview tab, update it first if (tabIndex === 2) { updatePreview(); } currentTab = tabIndex; document.querySelectorAll('.tab-pane').forEach((pane, index) => { pane.classList.toggle('hidden', index !== tabIndex); }); document.querySelectorAll('.tab-button').forEach((button, index) => { button.classList.toggle('active', index === tabIndex); }); updateNavButtons(); }; window.navigateTabs = (direction) => { let nextTabIndex = currentTab; if (direction === 'next' && currentTab < TABS_COUNT - 1) { nextTabIndex = currentTab + 1; } else if (direction === 'prev' && currentTab > 0) { nextTabIndex = currentTab - 1; } changeTab(nextTabIndex); }; function updateNavButtons() { const prevBtn = document.getElementById('prev-btn'); const nextBtn = document.getElementById('next-btn'); if (!prevBtn || !nextBtn) return; prevBtn.disabled = currentTab === 0; prevBtn.classList.toggle('opacity-50', prevBtn.disabled); nextBtn.disabled = currentTab === TABS_COUNT - 1; nextBtn.classList.toggle('opacity-50', nextBtn.disabled); } // --- INITIALIZATION --- allInputs.forEach(input => { input.addEventListener('input', updatePreview); input.addEventListener('change', updatePreview); // For radio buttons }); if (downloadPdfBtn) { downloadPdfBtn.addEventListener('click', handleDownloadPdf); } // Initial setup changeTab(0); });