f

.woodpecker.yml

@@ -2,7 +2,7 @@ steps:
   build:
     image: plugins/kaniko
     settings:
-      repo: gitea.hottis.de/wn/oidc-python-example
+      repo: gitea.hottis.de/moerp/elo-rezept-rechner
       registry: 
         from_secret: container_registry
       tags: latest,${CI_COMMIT_SHA},${CI_COMMIT_TAG}
@@ -30,3 +30,4 @@ steps:
       - ./deployment/deploy.sh
     when:
       - event: tag
+

Dockerfile

@@ -7,7 +7,9 @@ COPY start.sh ${APP_DIR}/
 
 WORKDIR ${APP_DIR}
 
-RUN pip install -r requirements.txt
+RUN \
+  apk add --no-cache build-base libpq-dev && \
+  pip install -r requirements.txt
 
 EXPOSE 8080
 

deployment/deploy-yml.tmpl

@@ -1,25 +1,25 @@
 apiVersion: apps/v1
 kind: Deployment
 metadata:
-  name: oidc-python-example
+  name: nutri
   labels:
-    app: oidc-python-example
+    app: nutri
 spec:
   replicas: 1
   selector:
     matchLabels:
-      app: oidc-python-example
+      app: nutri
   template:
     metadata:
       labels:
-        app: oidc-python-example
+        app: nutri
     spec:
       containers:
-        - name: oidc-python-example
+        - name: nutri
           image: %IMAGE%
           envFrom:
             - secretRef: 
-                name: secrets
+                name: nutri-secrets
           ports:
             - containerPort: 8080
               protocol: TCP
@@ -27,11 +27,11 @@ spec:
 apiVersion: v1
 kind: Service
 metadata:
-  name: oidc-python-example
+  name: nutri
 spec:
   type: ClusterIP
   selector:
-    app: oidc-python-example
+    app: nutri
   ports:
     - name: http
       targetPort: 8080
@@ -40,23 +40,23 @@ spec:
 apiVersion: networking.k8s.io/v1
 kind: Ingress
 metadata:
-  name: oidc-python-example
+  name: nutri
   annotations:
     cert-manager.io/cluster-issuer: letsencrypt-production-http
 spec:
   tls:
     - hosts:
-        - oidc-python-example.hottis.de
+        - nutri.hottis.de
-      secretName: oidc-python-example-cert
+      secretName: nutri-cert
   rules:
-    - host: oidc-python-example.hottis.de
+    - host: nutri.hottis.de
       http:
         paths:
           - path: /
             pathType: Prefix
             backend:
               service:
-                name: oidc-python-example
+                name: nutri
                 port:
                   number: 80
 

deployment/deploy.sh

@@ -6,8 +6,8 @@ if [ "$IMAGE_TAG" == "" ]; then
 fi
 
 
-IMAGE_NAME=gitea.hottis.de/wn/oidc-python-example
+IMAGE_NAME=gitea.hottis.de/moerp/elo-rezept-rechner
-NAMESPACE=oidc-python-example
+NAMESPACE=moerp
 DEPLOYMENT_DIR=$PWD/deployment
 
 pushd $DEPLOYMENT_DIR > /dev/null
@@ -22,7 +22,7 @@ kubectl create namespace $NAMESPACE \
   -o yaml | \
   kubectl -f - apply
 
-kubectl create secret generic secrets \
+kubectl create secret generic nutri-secrets \
   --dry-run=client \
   -o yaml \
   --save-config \

deployment/oidc-config.json

@@ -2,10 +2,10 @@
     "web": {
         "issuer": "https://auth2.hottis.de/realms/hottis",
         "auth_uri": "https://auth2.hottis.de/ealms/hottis/protocol/openid-connect/auth",
-        "client_id": "oidc-python-example",
+        "client_id": "nutri",
         "client_secret": "%CLIENT_SECRET%",
         "redirect_uris": [
-            "https://oidc-python-example.hottis.de/*"
+            "https://nutri.hottis.de/*"
         ],
         "userinfo_uri": "https://auth2.hottis.de/realms/hottis/protocol/openid-connect/userinfo", 
         "token_uri": "https://auth2.hottis.de/realms/hottis/protocol/openid-connect/token"

deployment/secrets.enc

@@ -0,0 +1,5 @@
+U2FsdGVkX1/th2tFCYckNPvrVu7gmXIYlGBvSx8EWLNPbWTH61+dTDg6x6f7SFi5
+n17zGVWBkfY2xr6uyHrvN8udF2dN6MTPccZITuEu9z66wtEHoiRQl1drA9og39yg
+KTtwsbWeO7WSjA1DXoldNZgl0KKKHopw5d9ebZh7t1TRTd1sV4+tNOqqC+Z76vGQ
+zV+KU8GUd4EpUY0CdxaWttGe59Igpj6fJXEWHJ9jMM5DcSx5wJHx6g8MnBLyahD1
+pD/ru5bysLlQUEjlSIIr+A==

src/Run.py

@@ -1,107 +1,81 @@
-from flask import Flask, request, render_template, jsonify, redirect, url_for
+from flask import Flask, request, render_template, jsonify, redirect, url_for, g
 import sqlite3
+from flask_oidc import OpenIDConnect
+from werkzeug.middleware.proxy_fix import ProxyFix
+import os
+import json
+import psycopg2
 
 app = Flask(__name__)
 app.config.update({
-    'SECRET_KEY': "fdsgffdgretfsdgfsf"
+    'SECRET_KEY': os.environ['SECRET'],
+    'DEBUG': False,
+    'OIDC_CLIENT_SECRETS': json.loads(os.environ['CLIENT_SECRETS']),
+    'OIDC_ID_TOKEN_COOKIE_SECURE': False,
+    'OIDC_USER_INFO_ENABLED': True,
+    'OIDC_OPENID_REALM': 'hottis',
+    'OIDC_SCOPES': ['openid', 'email', 'profile']
 })
 
-# Datenbankverbindung konfigurieren
+oidc = OpenIDConnect(app)
-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()
+    try:
-    cursor = conn.cursor()
+        conn = psycopg2.connect()
 
-    # Abfrage der Nährwertdaten aus der Datenbank
+        with conn.cursor() as cursor:
-    cursor.execute('SELECT kcal, EW, Fett, KH, BST, CA FROM nutrition_table WHERE name = ?', (food,))
+            # Abfrage der Nährwertdaten aus der Datenbank
+            cursor.execute('SELECT kcal, EW, Fett, KH, BST, CA FROM nutrition_table WHERE name = %s', (food,))
 
-    result = cursor.fetchone()
+            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
+    finally:
+        if conn:
+            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('/')
+@oidc.require_login
 def index():
     return render_template('index.html')
 
 # ...
 
 @app.route('/get_products')
+@oidc.require_login
 def get_products():
-    conn = get_db_connection()
+    try:
-    cursor = conn.cursor()
+        conn = psycopg2.connect()
-    cursor.execute('SELECT name FROM nutrition_table')
+        with conn.cursor() as cursor:
-    products = cursor.fetchall()
+            cursor.execute('SELECT name FROM nutrition_table')
-    conn.close()
+            products = cursor.fetchall()
-    print("ter")
+            return {'products': [product[0] for product in products]}
-    return {'products': [product[0] for product in products]}
+    finally:
-
+        if conn:
-# ...
+            conn.close()
-
-
 
 
 # Route zum Hinzufügen und Berechnen von Lebensmitteln
 @app.route('/add_lm', methods=['GET'])
+@oidc.require_login
 def add_lm():
     food = request.args.get('food')
     weight = float(request.args.get('weight'))
@@ -123,38 +97,53 @@ def add_lm():
         return "Lebensmittel nicht gefunden.", 404
     
 
+def convert_decimal(value):
+    try:
+        return float(value.replace(',', '.'))
+    except (ValueError, TypeError):
+        return 0.0  # Rückgabe eines Standardwertes im Fehlerfall
+
 
 @app.route('/add_nutrition', methods=['POST'])
+@oidc.accept_token(True)
 def add_nutrition():
     food = request.form.get('food')
-    kcal = float(request.form.get('kcal'))
+    kcal = convert_decimal(request.form.get('kcal'))
-    ew = float(request.form.get('ew'))
+    ew = convert_decimal(request.form.get('ew'))
-    fett = float(request.form.get('fett'))
+    fett = convert_decimal(request.form.get('fett'))
-    kh = float(request.form.get('kh'))
+    kh = convert_decimal(request.form.get('kh'))
-    bst = float(request.form.get('bst'))
+    bst = convert_decimal(request.form.get('bst'))
-    ca = float(request.form.get('ca'))
+    ca = convert_decimal(request.form.get('ca'))
 
-    print("test")
     # Verbindung zur Datenbank herstellen und Daten einfügen
-    conn = get_db_connection()
+    try:
-    cursor = conn.cursor()
+        conn = psycopg2.connect()
-    cursor.execute("INSERT INTO nutrition_table (name, kcal, ew, fett, kh, bst, ca) VALUES (?, ?, ?, ?, ?, ?, ?)",
+        with conn.cursor() as cursor:
-                   (food, kcal, ew, fett, kh, bst, ca))
+            cursor.execute("INSERT INTO nutrition_table (name, kcal, ew, fett, kh, bst, ca) VALUES (%s, %s, %s, %s, %s, %s, %s)",
-    conn.commit()
+                        (food, kcal, ew, fett, kh, bst, ca))
-    conn.close()
 
-    return redirect(url_for('nutrition'))
+    
+        return redirect(url_for('nutrition'))
+    finally:
+        if conn:
+            conn.close()
 
 
 @app.route('/nutrition')
+@oidc.require_login
 def nutrition():
     return render_template('nutrition.html')
 
+@app.route('/get_token')
+@oidc.require_login
+def get_token():
+    return jsonify(token=oidc.get_access_token())
 
 
 
-if __name__ == '__main__':
+
-    #init_db() 
+app = ProxyFix(app, x_for=1, x_host=1)
-    app.run(debug=True)
+
+
 
 

src/db.py

@@ -1,14 +1,13 @@
 import csv
-import sqlite3
+import psycopg2
 
 # 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)
+conn = psycopg2.connect()
 cursor = conn.cursor()
 
 # Erstellen der Tabelle (falls noch nicht vorhanden)
@@ -29,8 +28,9 @@ 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)
+        cursor.execute('INSERT INTO nutrition_table (name, kcal, EW, Fett, KH, BST, Ca) VALUES (%s, %s, %s, %s, %s, %s, %s)', row)
 
 # Änderungen speichern und Verbindung schließen
 conn.commit()
 conn.close()
+

src/nu.csv

@@ -1,10 +1,10 @@
 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
+Trinkmilch 3.5%,65,3.4,3.6,4.7,0.0,120
-Hühnerei50,137,11.9,9.3,1.5,0.0,51
+Hühnerei,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
+Sahne 30%,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
@@ -18,11 +18,11 @@ 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
+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
+Saure sahne 10%,117,3.1,10.0,3.7,0,110
-Joghurt3.5, 64,3.3,3.5,4.4,0,120
+Joghurt 3.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
@@ -37,7 +37,7 @@ 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
+Gouda 48%,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
@@ -45,21 +45,21 @@ 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
+Schmand 20%,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
+Mayonaise 50%,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
+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
+Mirabellen Dose,66,0.7,0.2,15.0,0.9,12
-Pfirsich dose,67,0.4,0.1,15.5,1.1,4
+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
@@ -76,11 +76,54 @@ 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
+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
+Mehl Type 405,343,9.8,1.0,71.8,4.0,15
-Mehl550,346,9.8,1.1,72.0,4.3,17
+Mehl Type 550,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
+Hmilch fettarm 1.5%,47,3.4,1.5,4.9,0.0,123
+Edamer 30%,254,26.4,16.2,0,0.0,800
+Gouda alt 48%,414,24.6,33.7,0.1,0.0,871
+Hackfleisch,207,20.5,14.0,0.0,0.0,6
+Bockwurst,277,12.3,25.3,0.0,0.1,12
+Geflügelwurst mager,108,16.2,4.8,0.0,0.0,23
+Butterschmalz,897,0.3,99.5,0.0,0.0,6
+Diätmargerine,722,0.2,80.0,0.2,0.0,10
+Kürbiskerne,590,35.5,46.6,2.7,8.7,10
+Sonnenblumenkerne geschält,593,22.5,49.0,12.3,6.3,98
+Butterkeks,441,8.2,11.0,74.7,3.3,47
+Zwieback,385,9.9,4.3,73.1,5.2,42
+Schokolade 75% Kakaomasse,598,7.8,42.6,35.0,10.9,73
+Paniermehl,368,10.1,0.1,73.5,5.3,50
+Senf,88,6.0,4.0,6.0,1.0,124
+Schinken geräuchert,152,20.7,7.7,0.0,0.0,2
+Rinderkeule,148,20.0,7.6,0.0,0.0,6
+Kirsche süß,62,0.9,0.3,13.3,1.3,17
+Kirschen sauer,50,0.9,0.5,9.9,1.0,8
+Eisbergsalat,16,1.0,0.2,2.0,1.1,19
+Endivie,18,1.8,0.2,1.2,1.9,54
+Feldsalat,18,1.8,0.4,0.8,1.5,32
+Gurke,14,0.6,0.2,1.8,0.9,15
+Kopfsalat,14,1.2,0.2,1.1,1.4,20
+Schalotte,25,1.5,0.2,3.3,1.5,37
+Gemüsebrühe verz,7,1.6,0,0,0,12
+Fleischbrühe,4,0.2,0,1,0,5
+Hühnerbrühe verz,10,0.4,0,1,0,10
+Bohnenkaffee,2,0.0,0,0,0,10
+Sojasauce,70,9.0,0,8,0,20
+Rote Bete,46,1.5,0.2,8.4,2.5,29
+Rote Bete Saft,37,1.0,0,8.0,0.3,20
+Paprika gelb,37,1.2,0.3,5.3,3.6,8
+Paprika grün,23,1.2,0.2,2.9,2.0,10
+Paprika rot,43,1.3,0.5,6.4,3.6,10
+Knollensellerie,27,1.6,0.3,2.3,4.2,50
+Erdbeeren tiefgefroren,38,0.9,0.4,5.8,2.1,24
+Himbeeren tiefgefroren,45,1.4,0.3,5.0,4.8,42
+Dill,65,3.7,0.8,8.0,5.3,230
+Kerbel,58,4.1,0.6,6.2,5.3,400
+Majoran,52,2.1,1.1,6.9,2.9,322
+Oregano,72,2.2,2.0,9.7,2.5,310
+Thymian,52,1.5,1.2,7.4,3.0,307

src/requirements.txt

@@ -13,6 +13,8 @@ itsdangerous==2.1.2
 Jinja2==3.1.3
 MarkupSafe==2.1.4
 packaging==23.2
+psycopg==3.1.17
+psycopg2==2.9.9
 pycparser==2.21
 requests==2.31.0
 typing_extensions==4.9.0

src/static/style.css

@@ -34,13 +34,20 @@ button:not(:disabled):hover {
 }
 
 button#remove-button {
-    background-color: #f443366f; /* Helles Rot */
+    background-color: #640000; /* Helles Rot */
+}
+
+button#remove-button:disabled {
+    background-color: #cccccc;
+    color: #666666;
 }
 
 button#remove-button:not(:disabled):hover {
-    background-color: #d32f2f3d; /* Dunkleres Rot */
+    background-color: #490000; /* Dunkleres Rot */
 }
 
+
+
 table {
     width: 100%;
     border-collapse: collapse;
@@ -65,7 +72,7 @@ tr:nth-child(even) {
 }
 
 .selected, tr.selected {
-    background-color: #ffdd99; /* Hervorhebung der Auswahl */
+    background-color: #e5b5b5; /* Hervorhebung der Auswahl */
 }
 
 tr:hover:not(.selected) {
@@ -121,3 +128,27 @@ tr:hover:not(.selected) {
     padding: 20px;
     margin: 20px 0;
 }
+
+
+#nutrition-input-table {
+    width: 100%; /* Tabelle nimmt die volle Breite ein */
+    border-collapse: collapse; /* Entfernt doppelte Ränder */
+}
+
+#nutrition-input-table th, #nutrition-input-table td {
+    border: 1px solid #ddd; /* Fügt Ränder hinzu */
+    padding: 8px; /* Fügt Innenabstand hinzu */
+    text-align: left; /* Ausrichtung des Textes */
+}
+
+#nutrition-input-table input {
+    width: 100%; /* Eingabefelder nehmen die volle Breite der Zelle ein */
+    box-sizing: border-box; /* Box-Modell für die Breitenberechnung */
+}
+
+@media screen and (max-width: 600px) {
+    #nutrition-input-table {
+        display: block;
+        overflow-x: auto; /* Ermöglicht horizontales Scrollen auf kleinen Bildschirmen */
+    }
+}

src/templates/index.html

@@ -4,10 +4,9 @@
     <meta charset="UTF-8">
     <title>Nährwertberechnungs-App</title>
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
+    <link rel="shortcut icon" href="../static/images/favicon.ico">
 
     <script>
-
-        // JavaScript-Funktion, um die Produkte beim Laden der Seite zu holen
         document.addEventListener('DOMContentLoaded', function() {
             cleanUpLocalStorage();
             restoreTableFromLocalStorage();
@@ -155,12 +154,12 @@ function updateTotalNutrition() {
 
     // 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);
+        totalKcal += parseFloat(row.cells[4].innerText);
-        totalEw += parseFloat(row.cells[3].innerText);
+        totalEw += parseFloat(row.cells[4].innerText);
-        totalFett += parseFloat(row.cells[4].innerText);
+        totalFett += parseFloat(row.cells[5].innerText);
-        totalKh += parseFloat(row.cells[5].innerText);
+        totalKh += parseFloat(row.cells[6].innerText);
-        totalBst += parseFloat(row.cells[6].innerText);
+        totalBst += parseFloat(row.cells[7].innerText);
-        totalCa += parseFloat(row.cells[7].innerText);
+        totalCa += parseFloat(row.cells[8].innerText);
     });
 
     // Rundung und Aktualisierung der Gesamtwerte
@@ -172,20 +171,11 @@ function updateTotalNutrition() {
     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>
+        <h1>Elo's Rezept Rechner</h1>
         <ul>
             <li><a href="/" class="active">Rechner</a></li>
             <li><a href="/nutrition">Neue Lebensmittel</a></li>
@@ -196,7 +186,7 @@ function updateTotalNutrition() {
     <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">
+            <input list="products" name="my_combobox" id="my_combobox" placeholder="Lebensmittel" oninput="updateButtonState()" autocomplete="off">
             <datalist id="products">
                 <!-- Produkte werden hier dynamisch eingefügt -->
             </datalist>
@@ -220,6 +210,8 @@ function updateTotalNutrition() {
         <button id="remove-button" onclick="removeSelectedRow()" disabled>Entfernen</button>
         <table id="total-nutrition-table">
             <tr>
+                <th>Lebensmittel</th>
+                <th>Gewicht (g)</th>
                 <th>kcal</th>
                 <th>EW</th>
                 <th>Fett</th>
@@ -228,6 +220,8 @@ function updateTotalNutrition() {
                 <th>CA</th>
             </tr>
             <tr>
+                <t>Gesamtwerte</td>
+                <td></td>-</td>
                 <td id="total-kcal">0</td>
                 <td id="total-ew">0</td>
                 <td id="total-fett">0</td>

src/templates/nutrition.html

@@ -4,6 +4,8 @@
     <meta charset="UTF-8">
     <title>Neue Lebensmittel hinzufügen</title>
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
+    <link rel="shortcut icon" href="../static/images/favicon.ico">
+    
     <script>
         function updateSubmitButtonState() {
             const inputs = document.querySelectorAll('#nutrition-form input');
@@ -11,38 +13,52 @@
             document.getElementById('submit-button').disabled = !allFilled;
         }
 
+        function getBearerToken(callback) {
+            fetch('/get_token')
+                .then(response => response.json())
+                .then(data => {
+                    callback(data.token);
+                })
+                .catch(error => {
+                    console.error('Fehler beim Abrufen des Tokens:', error);
+                });
+        }
+
         function addNutritionEntry() {
 
             const form = document.getElementById('nutrition-form');
-    const formData = new FormData(form);
+            const formData = new FormData(form);
 
-    fetch('/add_nutrition', {
+            fetch('/add_nutrition', {
-        method: 'POST',
+                method: 'POST',
-        body: formData
+                headers: {
-    }).then(response => {
+                    'Authorization': 'Bearer ' + token
-        // Behandlung der Serverantwort
+                },
-        // Beispielsweise das Formular zurücksetzen
+                body: formData
-        form.reset();
+            }).then(response => {
-        updateSubmitButtonState();
+                // Behandlung der Serverantwort
-    }).catch(error => {
+                // Beispielsweise das Formular zurücksetzen
-        console.error('Fehler:', error);
+                form.reset();
-    });
+                updateSubmitButtonState();
-    // ... Code, um den Eintrag zur Datenbank hinzuzufügen
+            }).catch(error => {
+                console.error('Fehler:', error);
+            });
+            // ... Code, um den Eintrag zur Datenbank hinzuzufügen
 
-    // Nach dem Hinzufügen, setze alle Eingabefelder zurück
+            // Nach dem Hinzufügen, setze alle Eingabefelder zurück
-    document.querySelectorAll('#nutrition-form input').forEach(input => {
+            document.querySelectorAll('#nutrition-form input').forEach(input => {
-        input.value = ''; // Setzt den Wert jedes Eingabefeldes zurück
+                input.value = ''; // Setzt den Wert jedes Eingabefeldes zurück
-    });
+            });
 
-    // Deaktiviere den "Hinzufügen"-Button wieder
+            // Deaktiviere den "Hinzufügen"-Button wieder
-    document.getElementById('submit-button').disabled = true;
+            document.getElementById('submit-button').disabled = true;
-}
+        }
 
     </script>
 </head>
 <body>
     <nav id="navbar">
-        <h1>Elos Rezept Rechner</h1>
+        <h1>Elo's Rezept Rechner</h1>
         <ul>
             <li><a href="/">Rechner</a></li>
             <li><a href="/nutrition" class="active">Neue Lebensmittel</a></li>
@@ -62,13 +78,13 @@
                     <th>CA</th>
                 </tr>
                 <tr>
-                    <td><input type="text" name="food" oninput="updateSubmitButtonState()"></td>
+                    <td><input type="text" name="food" placeholder="Lebensmittel" oninput="updateSubmitButtonState()"></td>
-                    <td><input <input type="text" name="kcal" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="kcal" pattern="\d+([.,]\d{1,2})?" placeholder="g" oninput="updateSubmitButtonState()"></td>
-                    <td><input <input type="text" name="ew" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="ew" pattern="\d+([.,]\d{1,2})?" placeholder="g" oninput="updateSubmitButtonState()"></td>
-                    <td><input <input type="text" name="fett" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="fett" pattern="\d+([.,]\d{1,2})?" placeholder="g" oninput="updateSubmitButtonState()"></td>
-                    <td><input <input type="text" name="kh" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="kh" pattern="\d+([.,]\d{1,2})?" placeholder="g" oninput="updateSubmitButtonState()"></td>
-                    <td><input <input type="text" name="bst" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="bst" pattern="\d+([.,]\d{1,2})?" placeholder="g" oninput="updateSubmitButtonState()"></td>
-                    <td><input <input type="text" name="ca" pattern="\d+(\.\d{1,2})?" oninput="updateSubmitButtonState()"></td>
+                    <td><input <input type="text" name="ca" pattern="\d+([.,]\d{1,2})?" placeholder="mg" oninput="updateSubmitButtonState()"></td>
                 </tr>
             </table>
             <button type="submit" id="submit-button" disabled>Hinzufügen</button>

start.sh

@@ -2,3 +2,5 @@
 
 gunicorn 'Run:app' --bind 0.0.0.0:8080 --log-level=info --workers=4
 
+
+