' +
- '| ' + calculation.id + ' | ' +
+ '' + calculationNumber + ' | ' +
'' + calculation.name + ' | ' +
- '' + date + ' | ' +
- '' + calculation.initialDeposit + ' | ' +
- '' + calculation.finalAmount + ' | ' +
- ' | ' +
+ '' + date + ' | ' +
+ '' + calculation.initialDeposit + '€ | ' +
+ '' + calculation.finalAmount + '€ | ' +
+ ' | ' +
'
';
// Add a click event listener to the historySection
- historySection.addEventListener('click', function(event) {
- if (event.target.classList.contains('btn-danger')) {
- var calculationId = event.target.getAttribute('data-calculation-id');
- deleteCalculation(calculationId);
- }
- });
+ // row.addEventListener('click', function(event) {
+ // var calculationId = event.target.getAttribute('data-calculation-id');
+ //
+ // // Add a click event listener to the delete button
+ // row.querySelector('.btn-danger').addEventListener('click', function() {
+ // var calculationId = event.target.getAttribute('data-calculation-id');
+ // deleteCalculation(calculationId);
+ // });
+ //
+ // var calculation = history.find(c => c.id === calculationId);
+ // if (calculation) {
+ // restoreCalculationValues(calculation);
+ // console.log('Calculation restored')
+ // } else {
+ // console.log('Calculation not found on restore')
+ // }
+ // });
+
// Add the calculation to the history section
- historySection.appendChild(row);
+ tableContent.appendChild(row);
+
+ console.log('History updated');
+ });
+
+ // Delegate the click event to the table
+ tableContent.addEventListener('click', function(event) {
+ const calculationId = event.target.closest('tr').getAttribute('data-calculation-id');
+
+ // Check if the clicked element is a delete button
+ if (event.target.classList.contains('btn-danger')) {
+ deleteCalculation(calculationId);
+ } else {
+ // Handle row click for restore calculation
+ var calculation = history.find(c => c.id == calculationId);
+ if (calculation) {
+ restoreCalculationValues(calculation);
+ console.log('Calculation restored');
+ } else {
+ console.log('Calculation not found on restore');
+ }
+ }
});
}
+ function restoreCalculationValues(calculation) {
+ // Update the input fields
+ document.getElementById('initial_deposit').value = calculation.initialDeposit + '€';
+ document.getElementById('initial_deposit').dataset.value = calculation.initialDeposit;
+ document.getElementById('contribution_amount').value = calculation.contributionAmount + '€';
+ document.getElementById('contribution_amount').dataset.value = calculation.contributionAmount;
+ if (calculation.contributionFrequency === 'ANNUAL') {
+ document.getElementById('contribution_period_annually').checked = true;
+ } else if (calculation.contributionFrequency === 'MONTHLY') {
+ document.getElementById('contribution_period_monthly').checked = true;
+ }
+ document.getElementById('investment_timespan').value = calculation.durationYears;
+ document.getElementById('investment_timespan_text').innerHTML = calculation.durationYears;
+ document.getElementById('estimated_return').value = calculation.interestRate + '%';
+ document.getElementById('estimated_return').dataset.value = calculation.interestRate;
+ document.getElementById('estimated_inflation').value = calculation.inflationRate + '%';
+ document.getElementById('estimated_inflation').dataset.value = '3.00';
+ document.getElementById('estimated_tax').value = calculation.incomeTaxRate + '%';
+ document.getElementById('estimated_tax').dataset.value = calculation.incomeTaxRate;
+ if (calculation.capitalizationFrequency === 'ANNUAL') {
+ document.getElementById('compound_period_annually').checked = true;
+ } else if (calculation.capitalizationFrequency === 'MONTHLY') {
+ document.getElementById('compound_period_monthly').checked = true;
+ }
+
+ // Update the chart and other UI elements
+ updateChart();
+ // Any other updates required...
+ }
+
- // Function to delete a calculation
+ // Function to delete a calculation
function deleteCalculation(id) {
console.log('Delete calculation');
// Fetch function to delete data from your API
fetch(apiBaseUrl + '/calculation/' + id, {
method: 'DELETE',
headers: {
- 'Content-Type': 'application/json'
+ 'Content-Type': 'application/json',
+ 'Authorization': 'Bearer ' + authToken
},
body: JSON.stringify({id: id})
})
@@ -573,23 +646,21 @@ function initializeHistorySection() {
.then(data => {
console.log('Success:', data);
getCalculations();
- updateHistory();
+ //updateHistory();
})
.catch((error) => {
console.error('Error:', error);
});
- getCalculations();
- updateHistory();
+ // getCalculations();
+ // updateHistory();
}
//
getCalculations();
updateHistory();
-
}
// Initialize the simulator when the DOM is fully loaded
document.addEventListener('DOMContentLoaded', function () {
initializeInvestmentSimulator();
- initializeHistorySection();
});
\ No newline at end of file
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index b5efd74..406394c 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -3,12 +3,13 @@