diff --git a/src/static/style.css b/src/static/style.css index 312724c..a7d6ff7 100644 --- a/src/static/style.css +++ b/src/static/style.css @@ -37,10 +37,17 @@ button#remove-button { background-color: #f443366f; /* Helles Rot */ } +button#remove-button:disabled { + background-color: #cccccc; + color: #666666; +} + button#remove-button:not(:disabled):hover { background-color: #d32f2f3d; /* Dunkleres Rot */ } + + table { width: 100%; border-collapse: collapse; diff --git a/src/templates/nutrition.html b/src/templates/nutrition.html index f7b28ad..8079730 100644 --- a/src/templates/nutrition.html +++ b/src/templates/nutrition.html @@ -16,29 +16,29 @@ function addNutritionEntry() { const form = document.getElementById('nutrition-form'); - const formData = new FormData(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 + 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 - }); + // 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; -} + // Deaktiviere den "Hinzufügen"-Button wieder + document.getElementById('submit-button').disabled = true; + }