W

we
bett
2024-04-16 19:14:09 +02:00 · 2024-04-16 19:10:37 +02:00 · 2024-04-16 19:07:08 +02:00 · 2024-04-16 19:02:18 +02:00 · 2024-04-16 18:57:54 +02:00 · 2024-04-16 18:56:59 +02:00
9 changed files with 48 additions and 2 deletions
--- a/src/Run.py
+++ b/src/Run.py
@ -219,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)


--- a/src/static/images/elisa.jpg
+++ b/src/static/images/elisa.jpg
--- a/src/static/images/elo.jpg
+++ b/src/static/images/elo.jpg
--- a/src/static/images/marie.jpg
+++ b/src/static/images/marie.jpg
--- a/src/static/images/marie2.jpg
+++ b/src/static/images/marie2.jpg
--- a/src/static/style.css
+++ b/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 */
+}
+
--- a/src/templates/index.html
+++ b/src/templates/index.html
@ -301,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>
--- a/src/templates/nutrition.html
+++ b/src/templates/nutrition.html
@ -172,7 +172,9 @@
        }
    }

-
+    function openImagePage() {
+        window.open('random', '_blank'); // Öffnet die neue Seite in einem neuen Tab
+    }
    </script>
 </head>
 <body>
@ -215,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>
        

--- a/src/templates/random.html
+++ b/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>
Author	SHA1	Message	Date
moerp	86c8b76736	W All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details ci/woodpecker/tag/woodpecker Pipeline was successful Details	2024-04-16 19:14:09 +02:00
moerp	c85b68b072	we All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 19:10:37 +02:00
moerp	c8648788d0	bett All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 19:07:08 +02:00
moerp	fe5ad6ba8d	patzh All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 19:02:18 +02:00
moerp	512e89205c	button All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 18:57:54 +02:00
moerp	dbb99ba47a	elo All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 18:56:59 +02:00
moerp	9c42e0fc63	weig All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 18:50:08 +02:00
moerp	92508a23ae	bigger All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 18:34:36 +02:00
moerp	8c3155434a	bigger All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 18:30:59 +02:00
moerp	777ad92b22	bigger All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 18:26:02 +02:00
moerp	708ce6dd3d	elosa All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 17:46:45 +02:00
moerp	75b66806a2	elkisa All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 17:42:29 +02:00
moerp	6b5c3c36ca	elisa All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-16 17:38:38 +02:00
moerp	7f90ad4c05	back All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-11 16:45:20 +02:00
moerp	9dee350323	test All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-11 16:39:40 +02:00
moerp	c3c3b4f83d	test All checks were successful ci/woodpecker/push/woodpecker Pipeline was successful Details	2024-04-11 16:35:36 +02:00