No data to display.

'; return; } const headers = Object.keys(data[0]); let tableHTML = ` `; headers.forEach(header => { tableHTML += ``; }); tableHTML += ``; data.forEach(row => { tableHTML += ``; headers.forEach(header => { tableHTML += ``; }); tableHTML += ``; }); tableHTML += `

${header}
${row[header]}

`; container.innerHTML = tableHTML; } // --- PDF and UI Helpers --- function addEventListeners() { dashboardTab.addEventListener('click', () => setActiveTab(dashboardTab)); configTab.addEventListener('click', () => setActiveTab(configTab)); updateDashboardBtn.addEventListener('click', () => { updateDashboard(); setActiveTab(dashboardTab); showAlert('Success', 'Dashboard has been updated with the new data.'); }); downloadPdfBtn.addEventListener('click', handlePdfDownload); document.getElementById('alert-close-btn').addEventListener('click', hideAlert); } function setActiveTab(tabElement) { [dashboardTab, configTab].forEach(t => t.classList.replace('tab-active', 'tab-inactive')); [dashboardContent, configContent].forEach(c => c.classList.add('hidden')); tabElement.classList.replace('tab-inactive', 'tab-active'); document.getElementById(tabElement.getAttribute('aria-controls')).classList.remove('hidden'); } function showAlert(title, message) { const modal = document.getElementById('alert-modal'); document.getElementById('alert-title').textContent = title; document.getElementById('alert-message').textContent = message; modal.classList.remove('hidden'); modal.classList.add('flex'); } function hideAlert() { document.getElementById('alert-modal').classList.add('hidden'); } async function handlePdfDownload() { const { jsPDF } = window.jspdf; const pdfContent = document.getElementById('pdf-content'); if (!pdfContent) { showAlert('Error', 'Could not find content to download.'); return; } const originalButtonText = downloadPdfBtn.textContent; downloadPdfBtn.textContent = 'Generating...'; downloadPdfBtn.disabled = true; try { const canvas = await html2canvas(pdfContent, { scale: 2, useCORS: true, logging: false, backgroundColor: '#ffffff' }); const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF({ orientation: 'portrait', unit: 'pt', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = pdf.internal.pageSize.getHeight(); const margin = 40; const imgProps = pdf.getImageProperties(imgData); const ratio = imgProps.width / imgProps.height; let finalWidth = pdfWidth - margin * 2; let finalHeight = finalWidth / ratio; if (finalHeight > pdfHeight - margin * 2) { finalHeight = pdfHeight - margin * 2; finalWidth = finalHeight * ratio; } const x = (pdfWidth - finalWidth) / 2; const y = margin; pdf.addImage(imgData, 'PNG', x, y, finalWidth, finalHeight); pdf.save(`notion-style-report.pdf`); } catch (error) { console.error('Error generating PDF:', error); showAlert('PDF Error', 'An error occurred while generating the PDF.'); } finally { downloadPdfBtn.textContent = originalButtonText; downloadPdfBtn.disabled = false; } } // --- Run Initialization --- initialize(); });