containerized

2024-01-30 11:54:51 +01:00
parent e72dbad617
commit 8fa433f543
18 changed files with 932 additions and 0 deletions
--- a/src/templates/nutrition.html
+++ b/src/templates/nutrition.html
@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Neue Lebensmittel hinzufügen</title>
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
+    <script>
+        function updateSubmitButtonState() {
+            const inputs = document.querySelectorAll('#nutrition-form input');
+            const allFilled = Array.from(inputs).every(input => input.value.trim() !== '');
+            document.getElementById('submit-button').disabled = !allFilled;
+        }
+
+        function addNutritionEntry() {
+
+            const form = document.getElementById('nutrition-form');
+    const formData = new FormData(form);
+
+    fetch('/add_nutrition', {
+        method: 'POST',
+        body: formData
+    }).then(response => {
+        // Behandlung der Serverantwort
+        // Beispielsweise das Formular zurücksetzen
+        form.reset();
+        updateSubmitButtonState();
+    }).catch(error => {
+        console.error('Fehler:', error);
+    });
+    // ... Code, um den Eintrag zur Datenbank hinzuzufügen
+
+    // Nach dem Hinzufügen, setze alle Eingabefelder zurück
+    document.querySelectorAll('#nutrition-form input').forEach(input => {
+        input.value = ''; // Setzt den Wert jedes Eingabefeldes zurück
+    });
+
+    // Deaktiviere den "Hinzufügen"-Button wieder
+    document.getElementById('submit-button').disabled = true;
+}
+
+    </script>
+</head>
+<body>
+    <nav id="navbar">
+        <h1>Elos Rezept Rechner</h1>
+        <ul>
+            <li><a href="/">Rechner</a></li>
+            <li><a href="/nutrition" class="active">Neue Lebensmittel</a></li>
+        </ul>
+    </nav>
+    
+    <div class="content">
+        <form onsubmit="event.preventDefault(); addNutritionEntry();" method="POST" id="nutrition-form">
+            <table id="nutrition-input-table">
+                <tr>
+                    <th>Lebensmittel</th>
+                    <th>kcal</th>
+                    <th>EW</th>
+                    <th>Fett</th>
+                    <th>KH</th>
+                    <th>BST</th>
+                    <th>CA</th>
+                </tr>
+                <tr>
+                    <td><input type="text" name="food" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="kcal" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="ew" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="fett" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="kh" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="bst" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="ca" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                </tr>
+            </table>
+            <button type="submit" id="submit-button" disabled>Hinzufügen</button>
+        </form>
+    </div>
+</body>
+</html>