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

---
 src/templates/nutrition.html | 91 +++++++++++++++++++++++++-----------
 1 file changed, 63 insertions(+), 28 deletions(-)

diff --git a/src/templates/nutrition.html b/src/templates/nutrition.html
index d4bf293..b0920c0 100644
--- a/src/templates/nutrition.html
+++ b/src/templates/nutrition.html
@@ -7,6 +7,8 @@
     <link rel="shortcut icon" href="../static/images/favicon.ico">
     
     <script>
+        let isEditing = false;
+
         function updateSubmitButtonState() {
             const inputs = document.querySelectorAll('#nutrition-form input');
             const allFilled = Array.from(inputs).every(input => input.value.trim() !== '');
@@ -58,40 +60,71 @@
 
 
         function showPasswordPrompt(action) {
-            document.getElementById('delete-row-button').style.display = action === 'edit' ? 'none' : 'block';
-            document.getElementById('edit-row-button').style.display = action === 'delete' ? 'none' : 'block';
-            document.getElementById('password-prompt').style.display = 'block';
-            // Speichere die Aktion, um sie später zu verwenden
-            document.getElementById('password-prompt').setAttribute('data-action', action);
+        // Setze isEditing je nach Aktion
+        isEditing = (action === 'edit');
+        if (isEditing) {
+            // Deaktiviere Zeilenauswahl
+            document.getElementById('database-nutrition-table').removeEventListener('click', handleRowClick);
+        } else {
+            // Aktiviere Zeilenauswahl
+            document.getElementById('database-nutrition-table').addEventListener('click', handleRowClick);
         }
+        document.getElementById('delete-row-button').style.display = action === 'edit' ? 'none' : 'block';
+        document.getElementById('edit-row-button').style.display = action === 'delete' ? 'none' : 'block';
+        document.getElementById('password-prompt').style.display = 'block';
+        document.getElementById('password-prompt').setAttribute('data-action', action);
+        // Deselektiere alle Zeilen
+        deselectAllRows();
+    }
 
-        function hidePasswordPrompt() {
-            document.getElementById('delete-row-button').style.display = 'block';
-            document.getElementById('edit-row-button').style.display = 'block';
-            document.getElementById('password-prompt').style.display = 'none';
-            // Entferne die Auswahl von Zeilen
-            document.querySelectorAll('#database-nutrition-table .selected').forEach(row => {
-                row.classList.remove('selected');
-            });
-            updateDeleteButtonState();
-            updateEditButtonState(); // Diese Funktion muss noch implementiert werden
-        }
+    function deselectAllRows() {
+        document.querySelectorAll('#database-nutrition-table .selected').forEach(row => {
+            row.classList.remove('selected');
+        });
+        updateDeleteButtonState();
+        updateEditButtonState();
+    }
 
-        function performActionIfPasswordCorrect() {
-            const password = document.getElementById('password-input').value;
-            if (password === 'geheim') {
-                const action = document.getElementById('password-prompt').getAttribute('data-action');
-                if (action === 'delete') {
-                    deleteSelectedRows();
-                } else if (action === 'edit') {
-                    // Implementiere die Bearbeitungsfunktion hier
-                    alert('Bearbeitungsmodus aktiviert - Implementiere die Logik entsprechend');
-                }
+    function hidePasswordPrompt() {
+        document.getElementById('delete-row-button').style.display = 'block';
+        document.getElementById('edit-row-button').style.display = 'block';
+        document.getElementById('password-prompt').style.display = 'none';
+        // Setze isEditing zurück
+        isEditing = false;
+        // Deaktiviere Editierbarkeit aller Zellen und aktiviere Zeilenauswahl
+        setCellsEditable(false);
+        document.getElementById('database-nutrition-table').addEventListener('click', handleRowClick);
+    }
+
+    function performActionIfPasswordCorrect() {
+        const password = document.getElementById('password-input').value;
+        if (password === 'geheim') {
+            const action = document.getElementById('password-prompt').getAttribute('data-action');
+            if (action === 'delete') {
+                deleteSelectedRows();
+            } else if (action === 'edit') {
+                // Mache Zellen editierbar
+                setCellsEditable(true);
                 hidePasswordPrompt();
-            } else {
-                alert('Falsches Passwort!');
             }
+        } else {
+            alert('Falsches Passwort!');
         }
+    }
+
+    function setCellsEditable(editable) {
+        document.querySelectorAll('#database-nutrition-table td').forEach(cell => {
+            cell.contentEditable = editable;
+        });
+    }
+
+    function handleRowClick(event) {
+        if (event.target.tagName === 'TD' && !isEditing) {
+            event.target.parentNode.classList.toggle('selected');
+            updateDeleteButtonState(); 
+            updateEditButtonState();
+        }
+    }
 
         function updateEditButtonState() {
             // Diese Funktion soll ähnlich wie updateDeleteButtonState() implementiert werden,
@@ -101,8 +134,10 @@
             editButton.disabled = selectedRows === 0;
         }
 
+
         // Ergänze Event-Listener, um den Zustand des Bearbeiten-Buttons zu aktualisieren
         document.addEventListener('DOMContentLoaded', function() {
+            document.getElementById('database-nutrition-table').addEventListener('click', handleRowClick);
             const table = document.getElementById('database-nutrition-table');
             table.addEventListener('click', function(e) {
                 if (e.target.tagName === 'TD') {