init

2024-08-25 21:25:23 +02:00 · 2024-08-25 21:25:23 +02:00 · 5cc0525481
commit 5cc0525481
8 changed files with 116 additions and 0 deletions
--- a/pycache/app.cpython-311.pyc
+++ b/pycache/app.cpython-311.pyc
--- a/pycache/app.cpython-312.pyc
+++ b/pycache/app.cpython-312.pyc
--- a/app.py
+++ b/app.py
@ -0,0 +1,17 @@
+from flask import *
+
+app = Flask("Witze")
+notes = []
+
+@app.route("/")
+def root():
+    return render_template("index.html")
+
+@app.route("/note" ,methods=["POST","GET"])
+def note():
+    if request.method == "POST":
+        notes.append(str(request.data)[3:-2])
+        print(f"Notiz hinzugefügt: {request.data}")
+        return ["juhuuuu"]
+    elif request.method == "GET":
+        return notes
--- a/static/Script.js
+++ b/static/Script.js
--- a/static/blume.png
+++ b/static/blume.png
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/style.css
+++ b/static/style.css
@ -0,0 +1,37 @@
+a {
+    color: rgb(107, 214, 0);
+}
+
+#body {
+    background-color: black;
+    color: chartreuse;
+}
+
+.button {
+    color: black;
+    background-color: chartreuse;
+    border-color: chartreuse;
+    padding: 10px;
+    border-radius: 20px;
+}
+
+.input {
+    color: chartreuse;
+    background-color: rgb(0, 0, 0);
+    border-color: chartreuse;
+    padding: 10px;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 20px;
+}
+
+.note {
+    color: chartreuse;
+    background-color: black;
+    border-color: chartreuse;
+    padding: 10px;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 20px;
+    margin-bottom: 10px;
+}
--- a/templates/index.html
+++ b/templates/index.html
@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <script>
+        let notesdiv;
+
+        function buttonclick() {
+            fetch("/note",{
+                method:"POST",
+                body: JSON.stringify(notizinput.value),
+                headers: {"Content-type":"application/json; charset=UTF-8"}
+            });
+            notizinput.value = "";
+            getnotes()
+        };
+
+        function getnotes() {
+            notesdiv.innerHTML = "";
+            fetch("/note", { method: "GET" })
+                .then(response => response.json())
+                .then(notesarray => {
+                    console.log(notesarray);
+                    for (let note of notesarray) {
+                        console.log(note);
+                        notesdiv.innerHTML += `
+                        <div class="note">
+                            <p>${note}</p>
+                        </div>`;
+                    }
+                });
+        }
+
+        function initstuff() {
+            notesdiv = document.getElementById("notes");
+            getnotes();
+            //setInterval(getnotes,10000)
+        }
+
+        function handleKeyPress(event) {
+            if (event.key === "Enter") {  // Überprüfen, ob die Enter-Taste gedrückt wurde
+                buttonclick();
+            }
+        }
+
+
+        window.onload = initstuff;
+    </script>
+    <link rel="stylesheet" href="/static/style.css">
+    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Api Test</title>
+</head>
+<body id="body">
+    <h1>Notizen</h1>
+    <div onsubmit="" style="padding-bottom: 10px;" id="notizform">
+        <input onkeydown="handleKeyPress(event)" type="text" class="input" id="notizinput">
+        <button onclick="buttonclick()" class="button">hinzufügen</button>
+    </div>
+    <div id="notes"></div>
+</body>
+</html>