W

src/Run.py

@@ -38,7 +38,7 @@ def calculate_nutrition(food, weight):
                 # Runden und Berechnen der Nährwerte basierend auf dem Gewicht
                 kcal, ew, fett, kh, bst, ca = result
                 nutrition_values = [
-                    schulrunden(kcal * weight / 100),    # kcal gerundet auf ganze Zahl
+                    schulrunden(kcal * weight / 100, ist_kcal=True),    # kcal gerundet auf ganze Zahl
                     schulrunden(ew * weight / 100, 1),   # EW gerundet auf eine Dezimalstelle
                     schulrunden(fett * weight / 100, 1), # Fett gerundet auf eine Dezimalstelle
                     schulrunden(kh * weight / 100, 1),   # KH gerundet auf eine Dezimalstelle
@@ -55,7 +55,11 @@ def calculate_nutrition(food, weight):
 
 
 
-def schulrunden(zahl, stellen=0):
+def schulrunden(zahl, stellen=0, ist_kcal=False):
+    # Wenn es sich um kcal handelt und der Wert vor der Rundung zwischen 0 und 1 liegt
+    if ist_kcal and 0 < zahl < 1:
+        return 1
+
     faktor = 10 ** stellen
     zahl = zahl * faktor
     basis = floor(zahl)
@@ -215,6 +219,12 @@ def delete_nutrition():
             conn.close()
 
 
+@app.route('/random')
+def random_page():
+    # Diese Route gibt die HTML-Seite 'random.html' zurück
+    return render_template('random.html')
+
+
 exposed_app = ProxyFix(app, x_for=1, x_host=1)
 
 

src/static/style.css

@@ -241,3 +241,27 @@ button#cancel-button:not(:disabled):hover {
 .form-row {
     margin-bottom: 10px;
 }
+
+
+button#submit-button {
+    background-image: url('images/elisa.jpg'); /* Pfad zum Bild */
+    background-size: contain; /* Passt das Bild innerhalb des Buttons an, ohne es zu strecken */
+    background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
+    background-position: center; /* Zentriert das Bild im Button */
+    color: transparent; /* Macht den Text unsichtbar, damit nur das Bild sichtbar ist */
+    width: 62px; /* Setzt die Breite automatisch entsprechend des Inhalts */
+    height: 85px; /* Passt die Höhe an, um das Bild vollständig anzuzeigen */
+    padding: 10px 20px; /* Hinzufügen von etwas Platz um das Bild */
+}
+
+button#remove-button {
+    background-image: url('images/marie2.jpg'); /* Pfad zum Bild */
+    background-size: contain; /* Passt das Bild innerhalb des Buttons an, ohne es zu strecken */
+    background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
+    background-position: center; /* Zentriert das Bild im Button */
+    color: transparent; /* Macht den Text unsichtbar, damit nur das Bild sichtbar ist */
+    width: 78px; /* Setzt die Breite automatisch entsprechend des Inhalts */
+    height: 85px; /* Passt die Höhe an, um das Bild vollständig anzuzeigen */
+    padding: 10px 20px; /* Hinzufügen von etwas Platz um das Bild */
+}
+

src/templates/index.html

@@ -177,6 +177,17 @@ function updateRowWithNewData(row, weight, nutritionData) {
         }
 
 
+        function schulrunden(zahl) {
+            // Multipliziere die Zahl mit 10, um die relevante Dezimalstelle vor das Komma zu bekommen
+            zahl = zahl * 10;
+            // Wende Math.ceil an, um auf die nächste ganze Zahl aufzurunden,
+            // aber nur, wenn der Dezimalteil >= 0.5 ist. Andernfalls verwende Math.floor.
+            zahl = (zahl - Math.floor(zahl) >= 0.5) ? Math.ceil(zahl) : Math.floor(zahl);
+            // Teile durch 10, um die ursprüngliche Skalierung wiederherzustellen,
+            // aber mit der erforderlichen Rundung
+            return zahl / 10;
+        }
+
 
         function addProduct() {
             const foodInput = document.getElementById('my_combobox');
@@ -187,7 +198,7 @@ function updateRowWithNewData(row, weight, nutritionData) {
             const portions = portionsInput.value ? parseInt(portionsInput.value, 10) : 1;
 
             // Teilen des Gewichts durch die Anzahl der Portionen und Aufrunden
-            weight = Math.ceil(weight / portions);
+            weight = schulrunden(weight / portions);
         
 
             fetch(`/add_lm?food=${encodeURIComponent(food)}&weight=${encodeURIComponent(weight)}`)
@@ -270,7 +281,8 @@ function updateTotalNutrition() {
                 <datalist id="products">
                     <!-- Produkte werden hier dynamisch eingefügt -->
                 </datalist>
-                <input type="number" id="weight" name="weight" placeholder="Gramm" oninput="updateButtonState()">
+                <input type="number" id="weight" name="weight" placeholder="Gramm" step="0.1" min="0" oninput="updateButtonState()">
+
                 <button type="submit" id="submit-button" disabled>Hinzufügen</button>
             </div>
         </form>
@@ -289,7 +301,7 @@ function updateTotalNutrition() {
             </tr>
             <!-- Zeilen werden hier dynamisch hinzugefügt -->
         </table>
-        <button id="remove-button" onclick="removeSelectedRow()" disabled>Entfernen</button>
+        <button id="remove-button" onclick="removeSelectedRow()" disabled></button>
         <table id="total-nutrition-table">
             <tr>
                 <th>Lebensmittel</th>

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 ...
                     });
@@ -254,7 +172,9 @@
         }
     }
 
-
+    function openImagePage() {
+        window.open('random', '_blank'); // Öffnet die neue Seite in einem neuen Tab
+    }
     </script>
 </head>
 <body>
@@ -297,6 +217,10 @@
 
         <div class="search-container">
             <input type="text" id="search-input" placeholder="Lebensmittel suchen..." oninput="filterTable()">
+            <button onclick="openImagePage()" style="background-image: url('../static/images/marie.jpg'); border: none; cursor: pointer; background-size: cover; width: 62px; height: 85px; vertical-align: middle;">
+                <!-- Der Text wird durch den transparenten Text ersetzt, falls nötig -->
+                <span style="opacity: 0;">Öffnen</span>
+            </button>
         </div>
         
 
@@ -318,12 +242,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>
         

src/templates/random.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Bildansicht</title>
+</head>
+<body style="margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh;">
+    <img src="../static/images/elo.jpg" alt="Elo Bild" style="max-width: 100%; max-height: 100%;">
+</body>
+</html>