From 814c5b17e3991edc8ba7cda973ee97756853227e Mon Sep 17 00:00:00 2001
From: moerp <matthias.hottgenroth@icloud.com>
Date: Mon, 8 Apr 2024 23:09:45 +0200
Subject: [PATCH] old nutri

---
 src/templates/nutrition.html | 119 ++++++-----------------------------
 1 file changed, 18 insertions(+), 101 deletions(-)

diff --git a/src/templates/nutrition.html b/src/templates/nutrition.html
index b0920c0..8b2c1f6 100644
--- a/src/templates/nutrition.html
+++ b/src/templates/nutrition.html
@@ -7,8 +7,6 @@
     <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() !== '');
@@ -59,95 +57,15 @@
         }
 
 
-        function showPasswordPrompt(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 deselectAllRows() {
-        document.querySelectorAll('#database-nutrition-table .selected').forEach(row => {
-            row.classList.remove('selected');
-        });
-        updateDeleteButtonState();
-        updateEditButtonState();
-    }
-
-    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!');
-        }
-    }
-
-    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,
-            // 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() {
-            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') {
                     e.target.parentNode.classList.toggle('selected');
                     updateDeleteButtonState(); 
-                    updateEditButtonState();
                 }
             });
             updateDeleteButtonState(); 
-            updateEditButtonState(); 
         });
 
         function deleteSelectedRows() {
@@ -180,15 +98,15 @@
         }
 
 
-        // function showPasswordPrompt() {
-        //     document.getElementById('delete-row-button').style.display = 'none';
-        //     document.getElementById('password-prompt').style.display = 'block';
-        // }
+        function showPasswordPrompt() {
+            document.getElementById('delete-row-button').style.display = 'none';
+            document.getElementById('password-prompt').style.display = 'block';
+        }
 
-        // function hidePasswordPrompt() {
-        //     document.getElementById('delete-row-button').style.display = 'block';
-        //     document.getElementById('password-prompt').style.display = 'none';
-        // }
+        function hidePasswordPrompt() {
+            document.getElementById('delete-row-button').style.display = 'block';
+            document.getElementById('password-prompt').style.display = 'none';
+        }
 
         function deleteRowsIfPasswordCorrect() {
             const password = document.getElementById('password-input').value;
@@ -219,13 +137,13 @@
                     tableBody.innerHTML = '';
                     data.forEach(entry => {
                         const row = tableBody.insertRow();
-                        row.insertCell(0).innerText = entry.food;
-                        row.insertCell(1).innerText = entry.kcal;
-                        row.insertCell(2).innerText = entry.ew;
-                        row.insertCell(3).innerText = entry.fett;
-                        row.insertCell(4).innerText = entry.kh;
-                        row.insertCell(5).innerText = entry.bst;
-                        row.insertCell(6).innerText = entry.ca;
+                        row.insertCell(0).innerHTML = entry.food;
+                        row.insertCell(1).innerHTML = entry.kcal;
+                        row.insertCell(2).innerHTML = entry.ew;
+                        row.insertCell(3).innerHTML = entry.fett;
+                        row.insertCell(4).innerHTML = entry.kh;
+                        row.insertCell(5).innerHTML = entry.bst;
+                        row.insertCell(6).innerHTML = entry.ca;
 
                         // ... Fügen Sie weitere Zellen für die anderen Werte hinzu ...
                     });
@@ -318,12 +236,11 @@
                 </tbody>
             </table>
         </div>
-        <button id="delete-row-button" onclick="showPasswordPrompt('delete')">Zeilen löschen</button>
-        <button id="edit-row-button" onclick="showPasswordPrompt('edit')">Bearbeiten</button>
-    
+        <button id="delete-row-button" onclick="showPasswordPrompt()">Zeilen löschen</button>
+
         <div id="password-prompt" style="display: none;">
             <input type="password" id="password-input" placeholder="Passwort">
-            <button id="ok-button" onclick="performActionIfPasswordCorrect()">OK</button>
+            <button id="ok-button" onclick="deleteRowsIfPasswordCorrect()">OK</button>
             <button id="cancel-button" onclick="hidePasswordPrompt()">Abbrechen</button>
         </div>