Habemus frontend

2021-11-27 13:05:12 +01:00
parent 603e6dba2b
commit 7a8ae86a1c
3 changed files with 32 additions and 5 deletions
--- a/main.py
+++ b/main.py
@@ -3,7 +3,7 @@ import re

 import flask

-text2bool = {"absència": True, "presència": False, "absent": True, "present": False}
+text2bool = {"absència": True, "absencia": True, "presencia": False, "presència": False, "absent": True, "present": False}
 bool2text = {True: "absent", False: "present"}

 app = flask.Flask(__name__)
@@ -43,6 +43,11 @@ def calcula():
    return calcula_presencia(frase)


+@app.route("/static/<path:path>")
+def static_files(path):
+    return flask.send_from_directory('static', path)
+
+
 def xor(a, b):
    return (a and not b) or (b and not a)

--- a/static/index.js
+++ b/static/index.js
@@ -0,0 +1,19 @@
+const r = (callback) => window.addEventListener('DOMContentLoaded', callback);
+const g = (name) => document.getElementById(name);
+
+r(() => {
+    g('submit').addEventListener('click', async () => {
+        const frase = g('frase').value;
+        const response = await fetch('/calcula', {
+            method: 'POST',
+            headers: {
+            'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+            'frase': frase
+            })
+        })
+        const resultat = await response.text();
+        g('response').innerHTML = resultat;
+    });
+})
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,11 +1,14 @@
 <html>
  <head>
    <title>Absencia de Presencia</title>
+    <script src="/static/index.js"></script>
  </head>
  <body>
-    <form>
-      <input type="text"/>
-      <input type="submit"/>
-    </form>
+    <div>
+      <input type="text" id="frase"/>
+      <input type="button" id="submit"/>
+    </div>
+
+    <p id="response"></p>
  </body>
 </html>