From b74f136f81c1c4efbf7e19bebec735d08e7168e9 Mon Sep 17 00:00:00 2001
From: moerp <matthias.hottgenroth@icloud.com>
Date: Sun, 7 Apr 2024 19:16:12 +0200
Subject: [PATCH] jetzt

---
 src/templates/nutrition.html | 37 +++++++++++++++---------------------
 1 file changed, 15 insertions(+), 22 deletions(-)

diff --git a/src/templates/nutrition.html b/src/templates/nutrition.html
index 3f702ab..10e113d 100644
--- a/src/templates/nutrition.html
+++ b/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() !== '');
@@ -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') {