Enter savings amount and bucket allocations, then click 'Recalculate'.

"; allocPieContainer.innerHTML = '

Allocation chart.

'; projSection.style.display = 'none'; return; } const res = asiat_data.results; const inputs = res.inputsSnapshot; let currentAllocHTML = `Allocation for ${inputs.allocationFrequency === 'one-time' ? 'One-Time Amount' : 'Each ' + inputs.allocationFrequency.charAt(0).toUpperCase() + inputs.allocationFrequency.slice(1)} of ${asiat_formatCurrency(inputs.totalAmountToAllocate)}:

`; res.currentAllocationAmounts.forEach(item => { currentAllocHTML += `
• ${item.name}: ${asiat_formatCurrency(item.amountAllocated)} (${asiat_formatPercent(item.percent)})
`; }); currentAllocHTML += `

`; currentAllocText.innerHTML = currentAllocHTML; asiat_renderPieChart(res.currentAllocationAmounts.map(ca => ({label: ca.name, value: ca.amountAllocated, color: ca.color})), 'asiat_allocationPieChartContainer', "Current Period Allocation"); if (inputs.projectionSettings.enableProjections && res.projections && res.projections.length > 0) { projSection.style.display = 'block'; const finalYearProjection = res.projections[res.projections.length - 1]; projSummary.innerHTML = `After ${inputs.projectionSettings.periodYears} years, with periodic allocations and conceptual growth:

Total Projected Portfolio Value: ${asiat_formatCurrency(finalYearProjection.totalValueAtYearEnd)}

`; asiat_renderStackedBarChartProjections(res.projections, inputs.buckets, projChartContainer); let tableHTML = ``; inputs.buckets.forEach(b => tableHTML += ``); tableHTML += ``; res.projections.forEach(p => { tableHTML += ``; inputs.buckets.forEach(bucketInput => { // Ensure order matches input order const bucketData = p.bucketsData.find(b => b.name === bucketInput.name); tableHTML += ``; }); tableHTML += ``; }); tableHTML += `

Year	${b.name} ($)	Total Value ($)
${p.year}	${bucketData ? asiat_formatCurrency(bucketData.value) : '$0'}	${asiat_formatCurrency(p.totalValueAtYearEnd)}

`; projTableContainer.innerHTML = tableHTML; } else { projSection.style.display = 'none'; } const pdfBtn = document.getElementById('asiat_downloadPdfButton'); if(pdfBtn) pdfBtn.style.display = 'block'; } function asiat_renderPieChart(data, containerId, titleText) { const container = asiat_getEl(containerId); if (!container) return; container.innerHTML = `

${titleText}

`; const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute('class', 'asiat_pie_chart_svg'); const filteredData = data.filter(d => d.value > 0.001); if(filteredData.length === 0) { container.innerHTML += '

No data.

'; return; } const boxSize = Math.min(container.offsetWidth || 280, 280) - 20; svg.setAttribute('viewBox', `0 0 ${boxSize} ${boxSize}`); const radius = boxSize / 2 * 0.85; const cx = boxSize / 2; const cy = boxSize / 2; let cumulativePercent = 0; const totalValue = filteredData.reduce((sum, d) => sum + d.value, 0); if (totalValue === 0) { container.innerHTML += '

Total value is zero.

'; return; } filteredData.forEach((d, index) => { const percent = d.value / totalValue; const startAngle = cumulativePercent * 2 * Math.PI - Math.PI / 2; const endAngle = (cumulativePercent + percent) * 2 * Math.PI - Math.PI / 2; const x1 = cx + radius * Math.cos(startAngle); const y1 = cy + radius * Math.sin(startAngle); const x2 = cx + radius * Math.cos(endAngle); const y2 = cy + radius * Math.sin(endAngle); const largeArcFlag = percent > 0.5 ? 1 : 0; const pathData = `M ${cx},${cy} L ${x1},${y1} A ${radius},${radius} 0 ${largeArcFlag},1 ${x2},${y2} Z`; const path = document.createElementNS("http://www.w3.org/2000/svg", "path"); path.setAttribute("d", pathData); path.setAttribute("fill", d.color || asiat_defaultColors[index % asiat_defaultColors.length]); path.setAttribute("stroke", "#1F2937"); path.setAttribute("stroke-width", "1"); const title = document.createElementNS("http://www.w3.org/2000/svg", "title"); title.textContent = `${d.label}: ${asiat_formatCurrency(d.value)} (${(percent*100).toFixed(1)}%)`; path.appendChild(title); svg.appendChild(path); cumulativePercent += percent; }); container.appendChild(svg); } function asiat_renderStackedBarChartProjections(projections, bucketsConfig, container) { container.innerHTML = ''; // Clear previous if (!projections || projections.length === 0) { container.innerHTML = '

No projection data for chart.

'; return; } const svgWidth = Math.min(800, (asiat_getEl('asiatContainer_main').offsetWidth || 400) - 80); const svgHeight = 280; const m = {top: 20, right: 100, bottom: 50, left: 75}; // Increased bottom for year labels const w = svgWidth - m.left - m.right; const h = svgHeight - m.top - m.bottom; const yMax = Math.max(...projections.map(p => p.totalValueAtYearEnd), 0.01); const numYears = projections.length; const barGroupWidth = w / numYears; const barPadding = barGroupWidth * 0.2; const barWidth = barGroupWidth - barPadding; const xScale = yearIndex => yearIndex * barGroupWidth + barPadding / 2; const yScale = value => h - ((value / yMax) * h); let chartHTML = ``; container.innerHTML = chartHTML; } // --- Tab 5: Manage Data & PDF --- function asiat_exportData() { /* Same as hfit_exportData, adapted for asiat_data */ const jsonData = JSON.stringify(asiat_data, null, 2); const blob = new Blob([jsonData], {type: 'application/json'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'asiat_allocation_data.json'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); alert("Allocation data exported successfully!"); } function asiat_importData(event) { /* Same as hfit_importData, adapted for asiat_data */ const file = event.target.files[0]; if (file) { const reader = new FileReader(); reader.onload = function(e) { try { const importedData = JSON.parse(e.target.result); // Basic validation for structure if (importedData && Array.isArray(importedData.buckets) && importedData.projectionSettings) { if (confirm("Importing will overwrite current allocation data. Are you sure?")) { asiat_data = importedData; asiat_saveData(); alert("Data imported successfully! Refreshing tool..."); asiat_populateInitialFormValues(); asiat_renderBuckets(); asiat_updateTotalAllocationDisplay(); asiat_toggleProjectionFields(); asiat_calculateAndDisplayAllocations(); // Display the imported data } } else { alert("Invalid file format for allocation data."); } } catch (err) { alert("Error importing file: " + err.message); } }; reader.readAsText(file); event.target.value = ''; } } function asiat_clearAllData() { /* Same as hfit_clearAllData, adapted for asiat_data */ if (confirm("Are you sure you want to clear ALL locally stored allocation data? This action cannot be undone.")) { asiat_data = { /* Reset to initial default structure */ totalAmountToAllocate: 1000, allocationFrequency: 'monthly', buckets: [{id: 'b_default', name: 'General Savings', allocationPercent: 100, conceptualGrowthRate: 2.0, color: asiat_defaultColors[0]}], projectionSettings: { enableProjections: true, periodYears: 10 }, results: null }; asiat_bucketIdCounter = 1; // Reset counter asiat_saveData(); alert("All allocation data cleared."); asiat_populateInitialFormValues(); asiat_renderBuckets(); asiat_updateTotalAllocationDisplay(); asiat_toggleProjectionFields(); asiat_calculateAndDisplayAllocations(); } } function asiat_downloadPDF() { if (!asiat_data.results) { alert("Please calculate allocations/projections first."); return; } if (typeof window.jspdf === 'undefined' || typeof window.jspdf.jsPDF === 'undefined') { alert('Core PDF library (jsPDF) is not loaded.'); return; } const { jsPDF: JSPDF } = window.jspdf; const doc = new JSPDF(); if (typeof doc.autoTable !== 'function') { alert('PDF Table plugin (jsPDF-AutoTable) not loaded. PDF formatting may be basic.'); } let y = 15; const m = 15; const res = asiat_data.results; const inputs = res.inputsSnapshot; doc.setFontSize(16); doc.text("Savings & Investment Allocation Report", m, y); y += 10; doc.setFontSize(10); doc.text(`Report Date: ${new Date().toLocaleDateString()}`, m, y); y += 7; doc.setFontSize(12); doc.text("Allocation Setup:", m, y); y += 6; let setupData = [ ["Total Amount to Allocate:", `${asiat_formatCurrency(inputs.totalAmountToAllocate)} (${inputs.allocationFrequency})`], ]; if (typeof doc.autoTable === 'function') { doc.autoTable({startY: y, body: setupData, theme: 'plain', styles:{fontSize:9, cellPadding:1.2}, columnStyles:{0:{fontStyle:'bold'}}}); y = doc.lastAutoTable.finalY + 5; } else { setupData.forEach(row => {doc.text(`${row[0]} ${row[1]}`,m,y); y+=4;}); y+=3;} doc.setFontSize(11); doc.text("Current Period Allocation:", m, y); y += 5; const allocHead = [['Bucket Name', 'Allocation (%)', 'Amount Allocated ($)']]; const allocBody = res.currentAllocationAmounts.map(b => [b.name, asiat_formatPercent(b.percent), asiat_formatCurrency(b.amountAllocated)]); if (typeof doc.autoTable === 'function') { doc.autoTable({startY: y, head: allocHead, body: allocBody, theme: 'striped', headStyles:{fillColor:[52,211,153]}, styles:{fontSize:8.5}}); y = doc.lastAutoTable.finalY + 6; } else { allocBody.forEach(row => {doc.text(row.join(' | '), m+5, y); y+=3.5;}); y+=3;} if (inputs.projectionSettings.enableProjections && res.projections && res.projections.length > 0) { if (y > 200) { doc.addPage(); y = m;} doc.setFontSize(12); doc.text(`Long-Term Projections (${inputs.projectionSettings.periodYears} Years):`, m, y); y+=5; doc.setFontSize(9); doc.text(`Total Projected Portfolio Value (End of Period): ${asiat_formatCurrency(res.totalPortfolioValueEndOfProjection)}`, m, y); y+=6; const projHead = [['Year']]; inputs.buckets.forEach(b => projHead[0].push(`${b.name} ($)`)); projHead[0].push('Total Value ($)'); const projBody = res.projections.map(p => { let row = [p.year]; inputs.buckets.forEach(bucketInput => { const bucketData = p.bucketsData.find(b => b.name === bucketInput.name); row.push(bucketData ? bucketData.value.toFixed(0) : '0'); }); row.push(p.totalValueAtYearEnd.toFixed(0)); return row; }); if (typeof doc.autoTable === 'function') { doc.autoTable({ startY: y, head: projHead, body: projBody, theme: 'grid', headStyles: { fillColor: [52,211,153], fontSize: 8 }, styles: { fontSize: 7.5, cellPadding: 1, halign: 'right', overflow:'linebreak' }, columnStyles: { 0: { halign: 'center', fontStyle: 'bold'} } }); y = doc.lastAutoTable.finalY + 7; } else { addLine("Projection table cannot be generated (plugin issue).", 8, 'italic'); y+=5;} } if (y > 275) { doc.addPage(); y = m; } doc.setFontSize(8); doc.text("Note: This is a conceptual planning tool based on user-defined inputs and assumptions. It does not constitute financial advice.", m, y); doc.save(`Savings_Allocation_Plan.pdf`); }