delete button

src/templates/nutrition.html

@@ -75,6 +75,27 @@
             });
         }
 
+        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 deleteRowsIfPasswordCorrect() {
+            const password = document.getElementById('password-input').value;
+            if (password === 'wowmuchsecurity') {
+                deleteSelectedRows();  // Funktion, die die ausgewählten Zeilen löscht
+                hidePasswordPrompt();
+            } else {
+                alert('Falsches Passwort!');
+            }
+        }
+
+
         function loadDatabaseEntries() {
             fetch('/get_database_entries') // Pfad zur entsprechenden Flask-Route
                 .then(response => response.json())
@@ -84,6 +105,12 @@
                         const row = tableBody.insertRow();
                         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 ...
                     });
                 })
@@ -147,7 +174,14 @@ document.addEventListener('DOMContentLoaded', loadDatabaseEntries);
                 </tbody>
             </table>
         </div>
-        <button id="delete-row-button" onclick="deleteSelectedRows()">Ausgewählte Zeilen löschen</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 onclick="deleteRowsIfPasswordCorrect()">OK</button>
+            <button onclick="hidePasswordPrompt()">Abbrechen</button>
+        </div>
+        
         
     </div>
 </body>