From 9aaf4960c64e9d3b76ce3e3386f4e660070d926f Mon Sep 17 00:00:00 2001
From: derlole <122916573+derlole@users.noreply.github.com>
Date: Wed, 16 Apr 2025 16:47:25 +0000
Subject: [PATCH] wird scho

---
 server.py                    | 32 -------------
 templates/dev/index.html     | 84 ---------------------------------
 templates/dev/indextest.html | 29 ++++++++++++
 templates/index.html         | 91 +++++++++++++++++++++++++++++-------
 4 files changed, 102 insertions(+), 134 deletions(-)
 delete mode 100644 templates/dev/index.html
 create mode 100644 templates/dev/indextest.html
diff --git a/server.py b/server.py
index ff57f53..e247111 100644
--- a/server.py
+++ b/server.py
@@ -1,36 +1,4 @@
 
-# from flask import Flask
-# from flask_socketio import SocketIO, emit
-# import threading
-# import time
-
-
-# app = Flask(__name__, static_url_path='/unsecure/static')
-# # socketio = SocketIO(app, cors_allowed_origins="*")
-
-# # data = {
-# #     "test": 1,
-# #     "status": "online",
-# #     "counter": 0
-# # }
-
-# # def monitor_changes():
-# #     while True:
-# #         time.sleep(5)  # alle 5 Sekunden neue Daten senden
-# #         data["test"] += 1
-# #         data["counter"] += 5
-# #         data["status"] = "busy" if data["counter"] % 2 == 0 else "idle"
-
-# #         print("Neue Daten gesendet:", data)
-# #         socketio.emit('update_data', data)
-
-
-# # Blueprint registrieren
-# app.register_blueprint(unsecure)
-
-# if __name__ == '__main__':
-#     # threading.Thread(target=monitor_changes).start()
-#     app.run(host='0.0.0.0', port=3060)
 
 import eventlet
 eventlet.monkey_patch()  # Das sollte ganz oben sein, um sicherzustellen, dass eventlet alles patcht
diff --git a/templates/dev/index.html b/templates/dev/index.html
deleted file mode 100644
index 99cd22d..0000000
--- a/templates/dev/index.html
+++ /dev/null
@@ -1,84 +0,0 @@
-
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>gimmiCoffee</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
-</head>
-<body>
-    <header>
-        <div class="site-title">gimmiCoffee</div>
-        <div class="user-actions">
-            <span class="username">Max Mustermann</span>
-            <a href="/logout" class="logout">Logout</a>
-        </div>
-    </header>
-
-    <main class="main-container">
-
-        <section class="left">
-            <div class="info">ESP-Conn Infos</div>
-            <div class="action-button"> MAKE ME A COFFEE...</div>
-            <div class="button-grid">
-                <div class="grid-button">
-                    <div class="top-left-text">Maschiene</div>
-                    <div class="center-number">AUS</div>
-                </div>
-                <div class="grid-button">
-                    <div class="top-left-text">Maschiene</div>
-                    <div class="center-number">Nicht Bereit</div>
-                </div>
-                <div class="grid-button">
-                    <div class="top-left-text">irgendwas kommt hier nocht</div>
-                    <div class="center-number">XXX</div>
-                </div>
-                <div class="grid-button">
-                    <div class="top-left-text">Fehler</div>
-                    <div class="center-number">Wasser leer?</div>
-                </div>
-                <div class="grid-button">
-                    <div class="top-left-text">Wasser</div>
-                    <div class="center-number">Aufgefüllt</div>
-                </div>
-                <div class="grid-button">
-                    <div class="top-left-text">Bohnen</div>
-                    <div class="center-number">Nachgefüllt</div>
-                </div>
-            </div>
-        </section>
-
-        <section class="right stats-box">
-            <h2 class="stats-title">Statistiken</h2>
-            <div class="clickable">
-                <div class="top-left-text">Coffee made</div>
-                <div class="center-number">XXX</div>
-            </div>
-            <div class="clickable">
-                <div class="top-left-text">Bohnen Füllstand</div>
-                <div class="center-number">XX%</div>
-            </div>
-            <div class="clickable">
-                <div class="top-left-text">Wasser Füllstand</div>
-                <div class="center-number">XX%</div>
-            </div>
-            <div class="clickable">
-                <div class="top-left-text">Bohnen nachgefüllt</div>
-                <div class="center-number">XX</div>
-            </div>
-            <div class="clickable">
-                <div class="top-left-text">Wasser nachgefüllt</div>
-                <div class="center-number">XX</div>
-            </div>
-        </section>
-        
-    </main>
-</body>
-</html>
-
-
-
-
-
-   <!--<script src="{{ url_for('static', filename='script.js') }}"></script>--> 
diff --git a/templates/dev/indextest.html b/templates/dev/indextest.html
new file mode 100644
index 0000000..3fec6e4
--- /dev/null
+++ b/templates/dev/indextest.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>ESP Kontrolle</title>
+</head>
+<body>
+    <h1>ESP Live-Daten</h1>
+    <div id="status">Warte auf Daten...</div>
+    <br>
+    <input id="befehl" type="text" placeholder="z.B. LED ON" />
+    <button onclick="senden()">Senden</button>
+
+    <script src="https://cdn.socket.io/4.6.1/socket.io.min.js"></script>
+    <script>
+        const socket = io();
+
+        socket.on("esp_update", (data) => {
+            document.getElementById("status").innerText =
+                `${data.topic}: ${data.payload}`;
+        });
+
+        function senden() {
+            const val = document.getElementById("befehl").value;
+            socket.emit("send_to_esp", val);
+        }
+    </script>
+</body>
+</html>
diff --git a/templates/index.html b/templates/index.html
index 3fec6e4..99cd22d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,29 +1,84 @@
+
 <!DOCTYPE html>
 <html lang="de">
 <head>
     <meta charset="UTF-8">
-    <title>ESP Kontrolle</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>gimmiCoffee</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 </head>
 <body>
-    <h1>ESP Live-Daten</h1>
-    <div id="status">Warte auf Daten...</div>
-    <br>
-    <input id="befehl" type="text" placeholder="z.B. LED ON" />
-    <button onclick="senden()">Senden</button>
+    <header>
+        <div class="site-title">gimmiCoffee</div>
+        <div class="user-actions">
+            <span class="username">Max Mustermann</span>
+            <a href="/logout" class="logout">Logout</a>
+        </div>
+    </header>
 
-    <script src="https://cdn.socket.io/4.6.1/socket.io.min.js"></script>
-    <script>
-        const socket = io();
+    <main class="main-container">
 
-        socket.on("esp_update", (data) => {
-            document.getElementById("status").innerText =
-                `${data.topic}: ${data.payload}`;
-        });
+        <section class="left">
+            <div class="info">ESP-Conn Infos</div>
+            <div class="action-button"> MAKE ME A COFFEE...</div>
+            <div class="button-grid">
+                <div class="grid-button">
+                    <div class="top-left-text">Maschiene</div>
+                    <div class="center-number">AUS</div>
+                </div>
+                <div class="grid-button">
+                    <div class="top-left-text">Maschiene</div>
+                    <div class="center-number">Nicht Bereit</div>
+                </div>
+                <div class="grid-button">
+                    <div class="top-left-text">irgendwas kommt hier nocht</div>
+                    <div class="center-number">XXX</div>
+                </div>
+                <div class="grid-button">
+                    <div class="top-left-text">Fehler</div>
+                    <div class="center-number">Wasser leer?</div>
+                </div>
+                <div class="grid-button">
+                    <div class="top-left-text">Wasser</div>
+                    <div class="center-number">Aufgefüllt</div>
+                </div>
+                <div class="grid-button">
+                    <div class="top-left-text">Bohnen</div>
+                    <div class="center-number">Nachgefüllt</div>
+                </div>
+            </div>
+        </section>
 
-        function senden() {
-            const val = document.getElementById("befehl").value;
-            socket.emit("send_to_esp", val);
-        }
-    </script>
+        <section class="right stats-box">
+            <h2 class="stats-title">Statistiken</h2>
+            <div class="clickable">
+                <div class="top-left-text">Coffee made</div>
+                <div class="center-number">XXX</div>
+            </div>
+            <div class="clickable">
+                <div class="top-left-text">Bohnen Füllstand</div>
+                <div class="center-number">XX%</div>
+            </div>
+            <div class="clickable">
+                <div class="top-left-text">Wasser Füllstand</div>
+                <div class="center-number">XX%</div>
+            </div>
+            <div class="clickable">
+                <div class="top-left-text">Bohnen nachgefüllt</div>
+                <div class="center-number">XX</div>
+            </div>
+            <div class="clickable">
+                <div class="top-left-text">Wasser nachgefüllt</div>
+                <div class="center-number">XX</div>
+            </div>
+        </section>
+        
+    </main>
 </body>
 </html>
+
+
+
+
+
+   <!--<script src="{{ url_for('static', filename='script.js') }}"></script>--> 
