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

jetzt
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
moerp
2024-04-07 19:16:12 +02:00
parent b52dbaec57
commit b74f136f81
1 changed files with 15 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/templates/nutrition.html
View File

@ -7,6 +7,9 @@
<link rel="shortcut icon" href="../static/images/favicon.ico">
<script>
let isTableEditable = false; // Neuer Zustand, der überwacht, ob die Tabelle editierbar ist
function updateSubmitButtonState() {
const inputs = document.querySelectorAll('#nutrition-form input');
const allFilled = Array.from(inputs).every(input => input.value.trim() !== '');
@ -58,15 +61,16 @@
document.addEventListener('DOMContentLoaded', function() {
const table = document.getElementById('database-nutrition-table');
table.addEventListener('click', function(e) {
if (e.target.tagName === 'TD') {
e.target.parentNode.classList.toggle('selected');
updateDeleteButtonState();
}
});
const table = document.getElementById('database-nutrition-table');
table.addEventListener('click', function(e) {
if (!isTableEditable && e.target.tagName === 'TD') {
e.target.parentNode.classList.toggle('selected');
updateDeleteButtonState();
});
}
});
updateDeleteButtonState();
});
function deleteSelectedRows() {
const table = document.getElementById('database-nutrition-table');
@ -174,30 +178,19 @@ function updateNutritionData() {
document.getElementById('edit-row-button').style.display = 'block';
}
function toggleTableEditable(isEditable) {
function toggleTableEditable(isEditable) {
isTableEditable = isEditable; // Aktualisiere den globalen Zustand
const table = document.getElementById('database-nutrition-table');
const rows = table.getElementsByTagName('tr');
for (let i = 1; i < rows.length; i++) {
const cells = rows[i].getElementsByTagName('td');
for (let j = 0; j < cells.length; j++) {
cells[j].contentEditable = isEditable ? "true" : "false";
if(!isEditable) {
// Wieder Zellen auswählbar machen, wenn Bearbeitung beendet wird
cells[j].addEventListener('click', function(e) {
e.target.parentNode.classList.toggle('selected');
updateDeleteButtonState();
});
} else {
// Event-Listener entfernen, um Zellenauswahl während der Bearbeitung zu verhindern
cells[j].removeEventListener('click', function(e) {
e.target.parentNode.classList.toggle('selected');
updateDeleteButtonState();
});
}
}
}
}
function performActionIfPasswordCorrect() {
const password = document.getElementById('password-input').value;
if (password === 'geheim') {