moerp/elo-rezept-rechner
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

removed xss
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
moerp 2024-02-06 15:51:14 +01:00
parent 54c67cf5c2
commit 9a4160e4e1
2 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/templates/index.html
View File

@ -124,14 +124,14 @@
const table = document.getElementById('nutrition-table'); const table = document.getElementById('nutrition-table');
const row = table.insertRow(); const row = table.insertRow();
// Fügt die einzelnen Nährwerte zur neuen Zeile hinzu // Fügt die einzelnen Nährwerte zur neuen Zeile hinzu
row.insertCell(0).innerHTML = food; row.insertCell(0).innerText = food;
row.insertCell(1).innerHTML = weight; row.insertCell(1).innerText = weight;
row.insertCell(2).innerHTML = data.kcal; row.insertCell(2).innerText = data.kcal;
row.insertCell(3).innerHTML = data.ew; row.insertCell(3).innerText = data.ew;
row.insertCell(4).innerHTML = data.fett; row.insertCell(4).innerText = data.fett;
row.insertCell(5).innerHTML = data.kh; row.insertCell(5).innerText = data.kh;
row.insertCell(6).innerHTML = data.bst; row.insertCell(6).innerText = data.bst;
row.insertCell(7).innerHTML = data.ca; row.insertCell(7).innerText = data.ca;
foodInput.value = ''; // Zurücksetzen des Lebensmittel-Eingabefeldes foodInput.value = ''; // Zurücksetzen des Lebensmittel-Eingabefeldes
weightInput.value = ''; // Zurücksetzen des Gewicht-Eingabefeldes weightInput.value = ''; // Zurücksetzen des Gewicht-Eingabefeldes

36
src/templates/nutrition.html
View File

@ -130,24 +130,26 @@
function loadDatabaseEntries() { function loadDatabaseEntries() {
fetch('/get_database_entries') // Pfad zur entsprechenden Flask-Route fetch('/get_database_entries') // Pfad zur entsprechenden Flask-Route
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
const tableBody = document.getElementById('database-nutrition-table').getElementsByTagName('tbody')[0]; const tableBody = document.getElementById('database-nutrition-table').getElementsByTagName('tbody')[0];
tableBody.innerHTML = ''; // Das Löschen ist hier in Ordnung, da wir nur den Inhalt entfernen tableBody.innerHTML = '';
data.forEach(entry => { data.forEach(entry => {
const row = tableBody.insertRow(); const row = tableBody.insertRow();
Object.keys(entry).forEach((key, index) => { row.insertCell(0).innerText = entry.food;
const cell = row.insertCell(index); row.insertCell(1).innerText = entry.kcal;
cell.innerText = entry[key]; // Verwendung von innerText statt innerHTML row.insertCell(2).innerText = entry.ew;
}); row.insertCell(3).innerText = entry.fett;
row.insertCell(4).innerText = entry.kh;
// Kein Bedarf, die Kommentare zu wiederholen – die Methode ist selbsterklärend row.insertCell(5).innerText = entry.bst;
}); row.insertCell(6).innerText = entry.ca;
})
.catch(error => console.error('Fehler:', error));
}
// ... Fügen Sie weitere Zellen für die anderen Werte hinzu ...
});
})
.catch(error => console.error('Fehler:', error));
}
document.addEventListener('DOMContentLoaded', loadDatabaseEntries); document.addEventListener('DOMContentLoaded', loadDatabaseEntries);