Megamichi/Flask-Notizen
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

init

Browse source
This commit is contained in:
Michael S. 2024-08-25 21:25:23 +02:00
commit 5cc0525481
8 changed files with 116 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
__pycache__/app.cpython-311.pyc Normal file
View file

Binary file not shown.

BIN
__pycache__/app.cpython-312.pyc Normal file
View file

Binary file not shown.

17
app.py Normal file
View file

@ -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

0
static/Script.js Normal file
View file

BIN
static/blume.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
static/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.6 KiB

37
static/style.css Normal file
View file

@ -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;
}

62
templates/index.html Normal file
View file

@ -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>