token stuff

src/Run.py

@@ -105,7 +105,7 @@ def convert_decimal(value):
 
 
 @app.route('/add_nutrition', methods=['POST'])
-@oidc.accept_token(True)
+@oidc.accept_token(require_token=True, scopes_required=['openid'])
 def add_nutrition():
     food = request.form.get('food')
     kcal = convert_decimal(request.form.get('kcal'))

src/static/style.css

@@ -174,3 +174,43 @@ tr:hover:not(.selected) {
 #database-nutrition-table tr.selected {
     background-color: #f0e68c;
 }
+
+
+#password-prompt {
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#password-prompt input[type="password"] {
+    padding: 8px;
+    margin-right: 10px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+}
+
+#password-prompt button {
+    padding: 8px 15px;
+    margin-right: 10px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    color: white;
+}
+
+#password-prompt button[type="submit"] {
+    background-color: #008C50; /* Helles Grün */
+}
+
+#password-prompt button[type="submit"]:hover {
+    background-color: #007344; /* Dunkleres Grün */
+}
+
+#password-prompt button[type="button"] {
+    background-color: #640000; /* Helles Rot */
+}
+
+#password-prompt button[type="button"]:hover {
+    background-color: #490000; /* Dunkleres Rot */
+}

src/templates/nutrition.html

@@ -61,8 +61,10 @@
             table.addEventListener('click', function(e) {
                 if (e.target.tagName === 'TD') {
                     e.target.parentNode.classList.toggle('selected');
+                    updateDeleteButtonState(); 
                 }
             });
+            updateDeleteButtonState(); 
         });
 
         function deleteSelectedRows() {
@@ -75,6 +77,36 @@
             });
         }
 
+        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 updateDeleteButtonState() {
+            const selectedRows = document.querySelectorAll('#nutrition-table .selected').length;
+            const deleteButton = document.getElementById('delete-row-button');
+            deleteButton.disabled = selectedRows === 0;
+            if (selectedRows === 0) {
+                hidePasswordPrompt(); // Versteckt die Passwort-Eingabe, falls keine Zeile ausgewählt ist
+            }
+        }
+
+
         function loadDatabaseEntries() {
             fetch('/get_database_entries') // Pfad zur entsprechenden Flask-Route
                 .then(response => response.json())
@@ -84,6 +116,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 +185,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>