jetzt

src/templates/nutrition.html

@@ -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() !== '');
@@ -60,13 +63,14 @@
         document.addEventListener('DOMContentLoaded', function() {
     const table = document.getElementById('database-nutrition-table');
     table.addEventListener('click', function(e) {
-                if (e.target.tagName === 'TD') {
+        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') {