containerized
This commit is contained in:
158
Run.py
158
Run.py
@ -1,158 +0,0 @@
|
|||||||
from flask import Flask, request, render_template, jsonify, redirect, url_for
|
|
||||||
import psycopg2
|
|
||||||
import sqlite3
|
|
||||||
|
|
||||||
app = Flask(__name__)
|
|
||||||
|
|
||||||
# Datenbankverbindung konfigurieren
|
|
||||||
def get_db_connection():
|
|
||||||
conn = sqlite3.connect('nutrition.db') # 'nutrition.db' ist der Name der Datenbankdatei
|
|
||||||
conn.row_factory = sqlite3.Row # Ermöglicht den Zugriff auf Daten durch Spaltennamen
|
|
||||||
return conn
|
|
||||||
|
|
||||||
|
|
||||||
def init_db():
|
|
||||||
conn = get_db_connection()
|
|
||||||
cursor = conn.cursor()
|
|
||||||
|
|
||||||
# Erstellen der Tabelle
|
|
||||||
cursor.execute('''
|
|
||||||
CREATE TABLE IF NOT EXISTS nutrition_table (
|
|
||||||
id INTEGER PRIMARY KEY,
|
|
||||||
name TEXT NOT NULL,
|
|
||||||
kcal REAL,
|
|
||||||
EW REAL,
|
|
||||||
Fett REAL,
|
|
||||||
KH REAL,
|
|
||||||
BST REAL,
|
|
||||||
CA REAL
|
|
||||||
)
|
|
||||||
''')
|
|
||||||
|
|
||||||
# Testdaten einfügen
|
|
||||||
test_data = [
|
|
||||||
('Apfel', 52, 0.3, 0.2, 14, 0.2, 6),
|
|
||||||
('Banane', 89, 1.1, 0.3, 23, 0.3, 5),
|
|
||||||
('Karotte', 41, 0.9, 0.2, 10, 0.2, 3),
|
|
||||||
('Tomate', 18, 0.9, 0.2, 3.9, 0.2, 4),
|
|
||||||
('Brokkoli', 34, 2.8, 0.4, 6.6, 0.4, 2),
|
|
||||||
('Spinat', 23, 2.9, 0.4, 3.6, 0.4, 99),
|
|
||||||
('Kartoffel', 77, 2, 0.1, 17, 0.1, 12),
|
|
||||||
('Huhn', 239, 27, 14, 0, 0, 2),
|
|
||||||
('Lachs', 208, 20, 13, 0, 0, 1),
|
|
||||||
('Ei', 155, 13, 11, 1.1, 1, 1)
|
|
||||||
]
|
|
||||||
|
|
||||||
cursor.executemany('INSERT INTO nutrition_table (name, kcal, EW, Fett, KH, BST, CA) VALUES (?, ?, ?, ?, ?, ?, ?)', test_data)
|
|
||||||
|
|
||||||
conn.commit()
|
|
||||||
conn.close()
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
def calculate_nutrition(food, weight):
|
|
||||||
conn = get_db_connection()
|
|
||||||
cursor = conn.cursor()
|
|
||||||
|
|
||||||
# Abfrage der Nährwertdaten aus der Datenbank
|
|
||||||
cursor.execute('SELECT kcal, EW, Fett, KH, BST, CA FROM nutrition_table WHERE name = ?', (food,))
|
|
||||||
|
|
||||||
result = cursor.fetchone()
|
|
||||||
conn.close()
|
|
||||||
|
|
||||||
if result:
|
|
||||||
# Runden und Berechnen der Nährwerte basierend auf dem Gewicht
|
|
||||||
kcal, ew, fett, kh, bst, ca = result
|
|
||||||
nutrition_values = [
|
|
||||||
round(kcal * weight / 100), # kcal gerundet auf ganze Zahl
|
|
||||||
round(ew * weight / 100, 1), # EW gerundet auf eine Dezimalstelle
|
|
||||||
round(fett * weight / 100, 1), # Fett gerundet auf eine Dezimalstelle
|
|
||||||
round(kh * weight / 100, 1), # KH gerundet auf eine Dezimalstelle
|
|
||||||
round(bst * weight / 100, 1), # BST gerundet auf eine Dezimalstelle
|
|
||||||
round(ca * weight / 100) # CA gerundet auf ganze Zahl
|
|
||||||
]
|
|
||||||
return nutrition_values
|
|
||||||
else:
|
|
||||||
return None
|
|
||||||
|
|
||||||
|
|
||||||
# Index-Route
|
|
||||||
@app.route('/')
|
|
||||||
def index():
|
|
||||||
return render_template('index.html')
|
|
||||||
|
|
||||||
# ...
|
|
||||||
|
|
||||||
@app.route('/get_products')
|
|
||||||
def get_products():
|
|
||||||
conn = get_db_connection()
|
|
||||||
cursor = conn.cursor()
|
|
||||||
cursor.execute('SELECT name FROM nutrition_table')
|
|
||||||
products = cursor.fetchall()
|
|
||||||
conn.close()
|
|
||||||
print("ter")
|
|
||||||
return {'products': [product[0] for product in products]}
|
|
||||||
|
|
||||||
# ...
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# Route zum Hinzufügen und Berechnen von Lebensmitteln
|
|
||||||
@app.route('/add_lm', methods=['GET'])
|
|
||||||
def add_lm():
|
|
||||||
food = request.args.get('food')
|
|
||||||
weight = float(request.args.get('weight'))
|
|
||||||
|
|
||||||
nutrition = calculate_nutrition(food, weight)
|
|
||||||
if nutrition:
|
|
||||||
# Extrahieren der einzelnen Nährwerte
|
|
||||||
kcal, ew, fett, kh, bst, ca = nutrition
|
|
||||||
return jsonify({
|
|
||||||
"food": food,
|
|
||||||
"kcal": kcal,
|
|
||||||
"ew": ew,
|
|
||||||
"fett": fett,
|
|
||||||
"kh": kh,
|
|
||||||
"bst": bst,
|
|
||||||
"ca": ca
|
|
||||||
})
|
|
||||||
else:
|
|
||||||
return "Lebensmittel nicht gefunden.", 404
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@app.route('/add_nutrition', methods=['POST'])
|
|
||||||
def add_nutrition():
|
|
||||||
food = request.form.get('food')
|
|
||||||
kcal = float(request.form.get('kcal'))
|
|
||||||
ew = float(request.form.get('ew'))
|
|
||||||
fett = float(request.form.get('fett'))
|
|
||||||
kh = float(request.form.get('kh'))
|
|
||||||
bst = float(request.form.get('bst'))
|
|
||||||
ca = float(request.form.get('ca'))
|
|
||||||
|
|
||||||
print("test")
|
|
||||||
# Verbindung zur Datenbank herstellen und Daten einfügen
|
|
||||||
conn = get_db_connection()
|
|
||||||
cursor = conn.cursor()
|
|
||||||
cursor.execute("INSERT INTO nutrition_table (name, kcal, ew, fett, kh, bst, ca) VALUES (?, ?, ?, ?, ?, ?, ?)",
|
|
||||||
(food, kcal, ew, fett, kh, bst, ca))
|
|
||||||
conn.commit()
|
|
||||||
conn.close()
|
|
||||||
|
|
||||||
return redirect(url_for('nutrition'))
|
|
||||||
|
|
||||||
|
|
||||||
@app.route('/nutrition')
|
|
||||||
def nutrition():
|
|
||||||
return render_template('nutrition.html')
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
if __name__ == '__main__':
|
|
||||||
#init_db()
|
|
||||||
app.run(debug=True)
|
|
||||||
|
|
||||||
|
|
||||||
36
db.py
36
db.py
@ -1,36 +0,0 @@
|
|||||||
import csv
|
|
||||||
import sqlite3
|
|
||||||
|
|
||||||
# Pfad zur Ihrer CSV-Datei
|
|
||||||
csv_file_path = 'nu.csv'
|
|
||||||
|
|
||||||
# Pfad zur Ihrer SQLite-Datenbank
|
|
||||||
sqlite_db_path = 'nutrition.db'
|
|
||||||
|
|
||||||
# Verbindung zur SQLite-Datenbank herstellen
|
|
||||||
conn = sqlite3.connect(sqlite_db_path)
|
|
||||||
cursor = conn.cursor()
|
|
||||||
|
|
||||||
# Erstellen der Tabelle (falls noch nicht vorhanden)
|
|
||||||
cursor.execute('''
|
|
||||||
CREATE TABLE IF NOT EXISTS nutrition_table (
|
|
||||||
name TEXT,
|
|
||||||
kcal REAL,
|
|
||||||
EW REAL,
|
|
||||||
Fett REAL,
|
|
||||||
KH REAL,
|
|
||||||
BST REAL,
|
|
||||||
Ca REAL
|
|
||||||
)
|
|
||||||
''')
|
|
||||||
|
|
||||||
# Öffnen der CSV-Datei und Einfügen der Daten in die Datenbank
|
|
||||||
with open(csv_file_path, newline='', encoding='utf-8') as csvfile:
|
|
||||||
reader = csv.reader(csvfile)
|
|
||||||
next(reader, None) # Überspringen der Kopfzeile
|
|
||||||
for row in reader:
|
|
||||||
cursor.execute('INSERT INTO nutrition_table (name, kcal, EW, Fett, KH, BST, Ca) VALUES (?, ?, ?, ?, ?, ?, ?)', row)
|
|
||||||
|
|
||||||
# Änderungen speichern und Verbindung schließen
|
|
||||||
conn.commit()
|
|
||||||
conn.close()
|
|
||||||
86
nu.csv
86
nu.csv
@ -1,86 +0,0 @@
|
|||||||
name,kcal,EW,Fett,KH,BST,Ca
|
|
||||||
Zitronensaft,38,0.4,0.5,3.8,0.1,11
|
|
||||||
Zucker,405,0.0,0.0,100.0,0.0,2
|
|
||||||
Trinkmilch3.5,65,3.4,3.6,4.7,0.0,120
|
|
||||||
Hühnerei50,137,11.9,9.3,1.5,0.0,51
|
|
||||||
Pflanzenmargarine,722,0.2,80.0,0.4,0.0,8
|
|
||||||
Sahne30,309,2.4,31.7,3.4,0.0,80
|
|
||||||
Maisstärke,353,0.4,0.1,85.9,1.0,0
|
|
||||||
Paniermehl,368,10.1,2.1,73.5,5.3,50
|
|
||||||
Weizengrieß,335,9.6,0.8,69.0,7.1,17
|
|
||||||
Mehl405,343,9.8,1.0,71.8,4.0,15
|
|
||||||
Rapsöl,884,0,100.0,0,0,0
|
|
||||||
Kartoffeln,76,1.9,0.1,15.6,1.2,6
|
|
||||||
Butter,754,0.7,83.2,0.7,0,13
|
|
||||||
Zwiebeln,30,1.2,0.3,4.9,1.4,31
|
|
||||||
Kartoffelstärke,341,0.6,0.1,83.1,0.1,35
|
|
||||||
Olivenöl,884,0,99.8,0.2,0,0
|
|
||||||
Möhre,39,0.8,0.2,6.8,3.6,21
|
|
||||||
Rote linsen,350,23.9,2.2,52.3,10.8,48
|
|
||||||
Gemüsebruhe verz,7,1.6,0,1,0,12
|
|
||||||
Rindfleisch keule,148,20.0,7.6,0,0,6
|
|
||||||
Rinderbouillon,4,0.2,0,1,0,5
|
|
||||||
Meerettich iD,78,2.8,0.3,11.7,7.5,105
|
|
||||||
Saure sahne10,117,3.1,10.0,3.7,0,110
|
|
||||||
Joghurt3.5, 64,3.3,3.5,4.4,0,120
|
|
||||||
Dill,65,3.7,0.8,8.0,5.3,230
|
|
||||||
Schnittlauch,40,3.6,0.7,1.6,6.0,129
|
|
||||||
Gartenkresse,41,4.2,0.7,2.5,3.5,214
|
|
||||||
Petersilie,60,4.4,0.4,7.4,4.3,179
|
|
||||||
Mandelstifte,610,18.7,54.1,5.4,13.5,252
|
|
||||||
Porree,29,2.2,0.3,3.3,2.3,63
|
|
||||||
Champignons,20,2.7,0.3,0.6,2.0,10
|
|
||||||
Sellerie,27,1.6,0.3,2.3,4.2,50
|
|
||||||
Apfelsine,47,1.0,0.2,8.3,2.2,42
|
|
||||||
Birne,58,0.5,0.3,12.4,2.8,9
|
|
||||||
Apfel,57,0.3,0.6,11.4,2.0,7
|
|
||||||
Kiwi grün,55,0.9,0.6,9.1,3.0,28
|
|
||||||
Banane,93,1.2,0.2,20.0,1.8,8
|
|
||||||
Schweinefleisch bug,217,17.0,16.5,0.0,0.0,9
|
|
||||||
Gouda48,370,22.7,29.9,0,0,811
|
|
||||||
Blumenkohl,28,2.5,0.3,2.3,2.9,22
|
|
||||||
Knoblauch,145,6.1,0.1,28.4,1.8,38
|
|
||||||
Senf,88,6.0,4.0,6.0,1.0,124
|
|
||||||
Blattspinat roh,21,2.7,0.3,0.6,2.6,117
|
|
||||||
Buttermilch,37,3.5,0.5,4.0,0.0,109
|
|
||||||
Himbeere,37,1.3,0.3,4.8,4.7,40
|
|
||||||
Salz dill gurken,9,0.4,0.1,1.3,0.5,18
|
|
||||||
Schmand20,205,2.8,20.0,3.6,0.0,100
|
|
||||||
Aspikpulver,338,84.2,0.1,0.0,0.0,11
|
|
||||||
Lachs atlantischer,210,20.4,13.4,0.3,0.0,4
|
|
||||||
Pinienkerne,589,24.0,50.7,7.3,7.2,26
|
|
||||||
Zwieback,385,9.9,4.3,73.1,5.2,42
|
|
||||||
Speisequark,72,13.5,0.3,3.2,0.0,92
|
|
||||||
Basilikum,47,3.1,0.8,5.1,3.1,369
|
|
||||||
Mayonaise50,490,0.5,52.0,5.0,0.0,10
|
|
||||||
Weizenbrötchen,292,10.2,1.8,55.9,3.6,49
|
|
||||||
Seelachs köhler,81,18.3,0.9,0,0,14
|
|
||||||
Bohnen grün,21,1.7,0.1,2.0,2.3,34
|
|
||||||
Aprikosen dose,70,0.5,0.1,15.1,1.4,11
|
|
||||||
Orangenfilets,47,1.0,0.2,8.3,2.2,42
|
|
||||||
Mirabellen dose,66,0.7,0.2,15.0,0.9,12
|
|
||||||
Pfirsich dose,67,0.4,0.1,15.5,1.1,4
|
|
||||||
Vanillezucker,405,0.0,0.0,100.0,0,2
|
|
||||||
Vanille pp,346,0.5,0.0,86.0,1,15
|
|
||||||
Brokkoli,34,3.8,0.2,2.7,3.0,58
|
|
||||||
Cornichons,15,1,0.1,2.0,0.8,0
|
|
||||||
Kopfsalat,14,1.2,0.2,1.1,1.4,20
|
|
||||||
Rosenkohl,43,4.5,0.3,3.3,4.4,31
|
|
||||||
Rotkohl,27,1.5,0.2,3.5,2.5,35
|
|
||||||
Spinat,19,2.3,0.3,0.5,2.3,120
|
|
||||||
Tomate,18,1.0,0.2,2.6,1.0,9
|
|
||||||
Tomatenmark,177,9.7,2.0,25.1,1.6,106
|
|
||||||
Wirsing,30,3.0,0.4,2.9,2.5,64
|
|
||||||
Zucchini,23,2.0,0.3,2.3,1.1,25
|
|
||||||
Mais Dose,81,3.2,1.2,12.6,2.8,8
|
|
||||||
Pfefferminze,50,3.8,0.7,5.3,3.0,179
|
|
||||||
Erdbeere,36,0.8,0.4,5.5,2.0,24
|
|
||||||
Himbeere,37,1.3,0.3,4.8,4.7,40
|
|
||||||
Orange/apfelsine,47,1.0,0.2,8.3,2.2,42
|
|
||||||
Orangensaft frisch,44,0.7,0.1,8.7,0.4,11
|
|
||||||
Weintraube,69,0.7,0.3,15.2,1.5,12
|
|
||||||
Naturreis,349,7.2,2.2,74.1,2.2,16
|
|
||||||
Mehl405,343,9.8,1.0,71.8,4.0,15
|
|
||||||
Mehl550,346,9.8,1.1,72.0,4.3,17
|
|
||||||
Milchreis,316,6.4,0.8,80.2,1.1,6
|
|
||||||
Kartoffelstärke,341,0.6,0.1,83.1,0.1,35
|
|
||||||
|
BIN
nutrition.db
BIN
nutrition.db
Binary file not shown.
123
static/style.css
123
static/style.css
@ -1,123 +0,0 @@
|
|||||||
body {
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
background-color: #f4f4f4;
|
|
||||||
margin: 0;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input, button {
|
|
||||||
padding: 10px;
|
|
||||||
margin: 5px;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
cursor: pointer;
|
|
||||||
background-color: #008C50; /* Helles Blau */
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:disabled {
|
|
||||||
background-color: #cccccc;
|
|
||||||
color: #666666;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:not(:disabled):hover {
|
|
||||||
background-color: #007344; /* Dunkleres Blau */
|
|
||||||
}
|
|
||||||
|
|
||||||
button#remove-button {
|
|
||||||
background-color: #f443366f; /* Helles Rot */
|
|
||||||
}
|
|
||||||
|
|
||||||
button#remove-button:not(:disabled):hover {
|
|
||||||
background-color: #d32f2f3d; /* Dunkleres Rot */
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
|
|
||||||
table, th, td {
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
th, td {
|
|
||||||
text-align: left;
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
background-color: #4CAF50; /* Grün */
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr:nth-child(even) {
|
|
||||||
background-color: #f2f2f2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.selected, tr.selected {
|
|
||||||
background-color: #ffdd99; /* Hervorhebung der Auswahl */
|
|
||||||
}
|
|
||||||
|
|
||||||
tr:hover:not(.selected) {
|
|
||||||
background-color: #ddd; /* Hover-Effekt für nicht ausgewählte Zeilen */
|
|
||||||
}
|
|
||||||
|
|
||||||
#navbar {
|
|
||||||
background-color: #01351d; /* Sehr dunkles Grün */
|
|
||||||
color: white;
|
|
||||||
padding: 10px 20px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navbar h1 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navbar ul {
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navbar ul li {
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navbar a {
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
padding: 8px 15px;
|
|
||||||
border-radius: 4px;
|
|
||||||
transition: background-color 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navbar a:hover {
|
|
||||||
background-color: #007344; /* Etwas helleres Grün */
|
|
||||||
}
|
|
||||||
|
|
||||||
#navbar a.active {
|
|
||||||
background-color: #008C50; /* Mittleres Grün */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.content {
|
|
||||||
background-color: #ebf2eb; /* Helles Grau */
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 20px;
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
@ -1,182 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Nährwertberechnungs-App</title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
// JavaScript-Funktion, um die Produkte beim Laden der Seite zu holen
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
fetch('/get_products')
|
|
||||||
.then(response => response.json())
|
|
||||||
.then(data => {
|
|
||||||
const productList = document.getElementById('products');
|
|
||||||
data.products.forEach(product => {
|
|
||||||
const option = document.createElement('option');
|
|
||||||
option.value = product;
|
|
||||||
productList.appendChild(option);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
const table = document.getElementById('nutrition-table');
|
|
||||||
table.addEventListener('click', function(e) {
|
|
||||||
if (e.target.tagName === 'TD') {
|
|
||||||
// Toggle der Auswahlklasse
|
|
||||||
e.target.parentNode.classList.toggle('selected');
|
|
||||||
updateRemoveButtonState();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
function updateRemoveButtonState() {
|
|
||||||
const selectedRows = document.querySelectorAll('#nutrition-table .selected').length;
|
|
||||||
document.getElementById('remove-button').disabled = selectedRows === 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
function removeSelectedRow() {
|
|
||||||
const table = document.getElementById('nutrition-table');
|
|
||||||
Array.from(table.rows).forEach(row => {
|
|
||||||
if (row.classList.contains('selected')) {
|
|
||||||
table.deleteRow(row.rowIndex);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
updateRemoveButtonState();
|
|
||||||
updateTotalNutrition();
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateRemoveButtonState() {
|
|
||||||
const selectedRows = document.querySelectorAll('#nutrition-table .selected').length;
|
|
||||||
document.getElementById('remove-button').disabled = selectedRows === 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// JavaScript-Funktionen
|
|
||||||
function updateButtonState() {
|
|
||||||
const food = document.getElementById('my_combobox').value;
|
|
||||||
const weight = document.getElementById('weight').value;
|
|
||||||
document.getElementById('submit-button').disabled = !(food && weight);
|
|
||||||
}
|
|
||||||
|
|
||||||
function addProduct() {
|
|
||||||
const foodInput = document.getElementById('my_combobox');
|
|
||||||
const weightInput = document.getElementById('weight');
|
|
||||||
const food = foodInput.value;
|
|
||||||
const weight = weightInput.value;
|
|
||||||
|
|
||||||
|
|
||||||
fetch(`/add_lm?food=${encodeURIComponent(food)}&weight=${encodeURIComponent(weight)}`)
|
|
||||||
.then(response => response.json())
|
|
||||||
.then(data => {
|
|
||||||
const table = document.getElementById('nutrition-table');
|
|
||||||
const row = table.insertRow();
|
|
||||||
// Fügt die einzelnen Nährwerte zur neuen Zeile hinzu
|
|
||||||
row.insertCell(0).innerHTML = food;
|
|
||||||
row.insertCell(1).innerHTML = weight;
|
|
||||||
row.insertCell(2).innerHTML = data.kcal;
|
|
||||||
row.insertCell(3).innerHTML = data.ew;
|
|
||||||
row.insertCell(4).innerHTML = data.fett;
|
|
||||||
row.insertCell(5).innerHTML = data.kh;
|
|
||||||
row.insertCell(6).innerHTML = data.bst;
|
|
||||||
row.insertCell(7).innerHTML = data.ca;
|
|
||||||
|
|
||||||
foodInput.value = ''; // Zurücksetzen des Lebensmittel-Eingabefeldes
|
|
||||||
weightInput.value = ''; // Zurücksetzen des Gewicht-Eingabefeldes
|
|
||||||
document.getElementById('submit-button').disabled = true; // Deaktivieren des Hinzufügen-Buttons
|
|
||||||
|
|
||||||
updateTotalNutrition();
|
|
||||||
})
|
|
||||||
.catch(error => console.error('Fehler:', error));
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateTotalNutrition() {
|
|
||||||
let totalWeight = 0, totalKcal = 0, totalEw = 0, totalFett = 0, totalKh = 0, totalBst = 0, totalCa = 0;
|
|
||||||
|
|
||||||
// Durchlaufen aller Zeilen in der Haupttabelle und Addition der Werte
|
|
||||||
Array.from(document.getElementById('nutrition-table').rows).slice(1).forEach(row => {
|
|
||||||
totalKcal += parseFloat(row.cells[2].innerText);
|
|
||||||
totalEw += parseFloat(row.cells[3].innerText);
|
|
||||||
totalFett += parseFloat(row.cells[4].innerText);
|
|
||||||
totalKh += parseFloat(row.cells[5].innerText);
|
|
||||||
totalBst += parseFloat(row.cells[6].innerText);
|
|
||||||
totalCa += parseFloat(row.cells[7].innerText);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Rundung und Aktualisierung der Gesamtwerte
|
|
||||||
document.getElementById('total-kcal').innerText = Math.round(totalKcal);
|
|
||||||
document.getElementById('total-ew').innerText = totalEw.toFixed(1);
|
|
||||||
document.getElementById('total-fett').innerText = totalFett.toFixed(1);
|
|
||||||
document.getElementById('total-kh').innerText = totalKh.toFixed(1);
|
|
||||||
document.getElementById('total-bst').innerText = totalBst.toFixed(1);
|
|
||||||
document.getElementById('total-ca').innerText = Math.round(totalCa);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Rufen Sie diese Funktion auf, wenn sich die Haupttabelle ändert
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Diese Funktion sollte aufgerufen werden, wenn ein Produkt hinzugefügt oder entfernt wird
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<nav id="navbar">
|
|
||||||
<h1>Elos Rezept Rechner</h1>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/" class="active">Rechner</a></li>
|
|
||||||
<li><a href="/nutrition">Neue Lebensmittel</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
<form onsubmit="event.preventDefault(); addProduct();" id="product-form">
|
|
||||||
<label for="my_combobox">Wählen Sie ein Lebensmittel</label>
|
|
||||||
<input list="products" name="my_combobox" id="my_combobox" oninput="updateButtonState()" autocomplete="off">
|
|
||||||
<datalist id="products">
|
|
||||||
<!-- Produkte werden hier dynamisch eingefügt -->
|
|
||||||
</datalist>
|
|
||||||
<input type="number" id="weight" name="weight" placeholder="Gramm" oninput="updateButtonState()">
|
|
||||||
<button type="submit" id="submit-button" disabled>Hinzufügen</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<table id="nutrition-table">
|
|
||||||
<tr>
|
|
||||||
<th>Lebensmittel</th>
|
|
||||||
<th>Gewicht (g)</th>
|
|
||||||
<th>kcal</th>
|
|
||||||
<th>EW</th>
|
|
||||||
<th>Fett</th>
|
|
||||||
<th>KH</th>
|
|
||||||
<th>BST</th>
|
|
||||||
<th>CA</th>
|
|
||||||
</tr>
|
|
||||||
<!-- Zeilen werden hier dynamisch hinzugefügt -->
|
|
||||||
</table>
|
|
||||||
<button id="remove-button" onclick="removeSelectedRow()" disabled>Entfernen</button>
|
|
||||||
<table id="total-nutrition-table">
|
|
||||||
<tr>
|
|
||||||
<th>kcal</th>
|
|
||||||
<th>EW</th>
|
|
||||||
<th>Fett</th>
|
|
||||||
<th>KH</th>
|
|
||||||
<th>BST</th>
|
|
||||||
<th>CA</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td id="total-kcal">0</td>
|
|
||||||
<td id="total-ew">0</td>
|
|
||||||
<td id="total-fett">0</td>
|
|
||||||
<td id="total-kh">0</td>
|
|
||||||
<td id="total-bst">0</td>
|
|
||||||
<td id="total-ca">0</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,78 +0,0 @@
|
|||||||
<!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>
|
|
||||||
Reference in New Issue
Block a user