From 19552bf77430285f86b3f193872b3412608f38f4 Mon Sep 17 00:00:00 2001
From: moerp <matthias.hottgenroth@icloud.com>
Date: Sun, 7 Apr 2024 19:23:15 +0200
Subject: [PATCH] =?UTF-8?q?h=C3=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/templates/nutrition.html | 179 +++++++++++------------------------
 1 file changed, 56 insertions(+), 123 deletions(-)

diff --git a/src/templates/nutrition.html b/src/templates/nutrition.html
index 10e113d..d4bf293 100644
--- a/src/templates/nutrition.html
+++ b/src/templates/nutrition.html
@@ -7,9 +7,6 @@
     <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,17 +57,63 @@ let isTableEditable = false; // Neuer Zustand, der überwacht, ob die Tabelle ed
         }
 
 
-        document.addEventListener('DOMContentLoaded', function() {
-    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(); 
+        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);
         }
-    });
-    updateDeleteButtonState(); 
-});
 
+        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 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');
+                }
+                hidePasswordPrompt();
+            } else {
+                alert('Falsches Passwort!');
+            }
+        }
+
+        function updateEditButtonState() {
+            // Diese Funktion soll ähnlich wie updateDeleteButtonState() implementiert werden,
+            // um den "Bearbeiten"-Button zu aktivieren/deaktivieren
+            const selectedRows = document.querySelectorAll('#database-nutrition-table .selected').length;
+            const editButton = document.getElementById('edit-row-button');
+            editButton.disabled = selectedRows === 0;
+        }
+
+        // Ergänze Event-Listener, um den Zustand des Bearbeiten-Buttons zu aktualisieren
+        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(); 
+                    updateEditButtonState();
+                }
+            });
+            updateDeleteButtonState(); 
+            updateEditButtonState(); 
+        });
 
         function deleteSelectedRows() {
             const table = document.getElementById('database-nutrition-table');
@@ -102,116 +145,6 @@ let isTableEditable = false; // Neuer Zustand, der überwacht, ob die Tabelle ed
         }
 
 
-        function makeTableEditable() {
-    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 = "true";
-        }
-    }
-}
-
-function collectTableData() {
-    const table = document.getElementById('database-nutrition-table');
-    const rows = table.getElementsByTagName('tr');
-    let data = [];
-    for (let i = 1; i < rows.length; i++) {
-        const cells = rows[i].getElementsByTagName('td');
-        data.push({
-            food: cells[0].innerText,
-            kcal: cells[1].innerText,
-            ew: cells[2].innerText,
-            fett: cells[3].innerText,
-            kh: cells[4].innerText,
-            bst: cells[5].innerText,
-            ca: cells[6].innerText
-        });
-    }
-    return data;
-}
-
-function updateNutritionData() {
-    const updatedData = collectTableData();
-    getBearerToken(token => {
-        fetch('/update_nutrition', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'Authorization': 'Bearer ' + token
-            },
-            body: JSON.stringify(updatedData)
-        }).then(response => {
-            if (response.ok) {
-                alert('Daten erfolgreich aktualisiert');
-            } else {
-                console.error('Fehler beim Aktualisieren der Daten');
-            }
-        }).catch(error => console.error('Fehler:', error));
-    });
-}
-
-
-
-        let currentAction = '';
-
-        function showPasswordPrompt(action) {
-            console.log("hier")
-            console.log(action)
-            currentAction = action; // 'delete' oder 'edit'
-            document.getElementById('password-prompt').style.display = 'block';
-            document.getElementById('delete-row-button').style.display = action === 'edit' ? 'none' : 'block';
-            document.getElementById('edit-row-button').style.display = action === 'delete' ? 'none' : 'block';
-            if(action === 'edit') {
-                // Auswahl aufheben, falls der Bearbeiten-Button gedrückt wurde
-                document.querySelectorAll('#database-nutrition-table .selected').forEach(row => {
-                    row.classList.remove('selected');
-                });
-                updateDeleteButtonState(); // Aktualisiert den Zustand des Löschen-Buttons basierend auf der aktuellen Auswahl
-            }
-        }
-
-        function hidePasswordPrompt() {
-            document.getElementById('password-prompt').style.display = 'none';
-            document.getElementById('delete-row-button').style.display = 'block';
-            document.getElementById('edit-row-button').style.display = 'block';
-        }
-
-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";
-        }
-    }
-}
-
-
-function performActionIfPasswordCorrect() {
-    const password = document.getElementById('password-input').value;
-    if (password === 'geheim') {
-        hidePasswordPrompt();
-        if(currentAction === 'edit') {
-            toggleTableEditable(true); // Tabelle editierbar machen
-        } else if(currentAction === 'delete') {
-            deleteSelectedRows();
-        }
-    } else {
-        alert('Falsches Passwort!');
-    }
-}
-
-// Funktion zum Beenden der Bearbeitung und Wiederherstellen des ursprünglichen Zustands
-function endEdit() {
-    toggleTableEditable(false); // Beendet den Bearbeitungsmodus
-    // Weitere Logik zum Speichern der Änderungen oder zum Verwerfen könnte hier hinzugefügt werden
-}
-
-
         // function showPasswordPrompt() {
         //     document.getElementById('delete-row-button').style.display = 'none';
         //     document.getElementById('password-prompt').style.display = 'block';
@@ -352,7 +285,7 @@ function endEdit() {
         </div>
         <button id="delete-row-button" onclick="showPasswordPrompt('delete')">Zeilen löschen</button>
         <button id="edit-row-button" onclick="showPasswordPrompt('edit')">Bearbeiten</button>
-
+    
         <div id="password-prompt" style="display: none;">
             <input type="password" id="password-input" placeholder="Passwort">
             <button id="ok-button" onclick="performActionIfPasswordCorrect()">OK</button>