From c67da25cc97108bafdc5a3bcfc4a39b456b3072d Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Sun, 18 Jul 2021 16:58:02 +0200
Subject: [PATCH] Add generated password to frontend

---
 backend/src/app.py                            |  8 ++++----
 frontend/src/App.css                          |  4 ++++
 .../src/components/pages/BehaviorNormal.js    | 20 +++++++++++++------
 3 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/backend/src/app.py b/backend/src/app.py
index 2f87bca..6d9b201 100644
--- a/backend/src/app.py
+++ b/backend/src/app.py
@@ -132,12 +132,14 @@ def protected():
     """
     return {'message': f'protected endpoint (allowed user {flask_praetorian.current_user().username})'}
 
+
 @app.route('/api/protected/rcv_pw', methods=['GET'])
 # @flask_praetorian.auth_required
 def get_password():
     pw = get_random_password()
-    print(pw)
-    return pw
+    ret = {'password': pw}
+    return ret, 200
+
 
 @app.route('/api/register', methods=['POST'])
 def register():
@@ -246,8 +248,6 @@ def survey():
         return ret, 400
 
 
-
-
 # Run the example
 if __name__ == '__main__':
     app.run(debug=debug, host=host, port=port)
diff --git a/frontend/src/App.css b/frontend/src/App.css
index a128aa2..c013d97 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -77,3 +77,7 @@ h1 {
 .bildnachweise {
   font-size: 1.3em;
 }
+
+.generated-password {
+  font-weight: bold;
+}
diff --git a/frontend/src/components/pages/BehaviorNormal.js b/frontend/src/components/pages/BehaviorNormal.js
index ca03d43..44fde4d 100644
--- a/frontend/src/components/pages/BehaviorNormal.js
+++ b/frontend/src/components/pages/BehaviorNormal.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import "../../App.css";
 import Footer from "../../Footer";
 import InputField from "../InputField";
@@ -16,6 +16,8 @@ export default function BehaviorNormal() {
     password = tmp_password;
   };
 
+  const [genPassword, setGenPassword] = useState("")
+
   let logger = new Logger({
     //inputs: ["cursor", "wheel", "keyboard", "touch"],
     inputs: ["keyboard"],
@@ -35,24 +37,20 @@ export default function BehaviorNormal() {
   };
 
   const handlePasswordChange = (e) => {
-    console.log("handlePasswordChange");
     setPassword(e.target.value);
   };
 
   const handleUsernameChange = (e) => {
-    console.log("handleUsernamechange");
     setUsername(e.target.value);
   };
 
   const handleOnCopyEvent = (e) => {
     e.preventDefault();
-    console.log("copy not allowed");
     return false;
   };
 
   const handleOnPasteEvent = (e) => {
     e.preventDefault();
-    console.log("paste not allowed");
     return false;
   };
 
@@ -80,6 +78,16 @@ export default function BehaviorNormal() {
     });
   };
 
+  useEffect(() => {
+    fetch("/api/protected/rcv_pw", {
+      method: "get",
+    }).then((response) => {
+      response.json().then((resp) => {
+        setGenPassword(resp.password)
+      })
+    });
+  }, []);
+
   return (
     <>
       <div className="sitePage">
@@ -97,7 +105,7 @@ export default function BehaviorNormal() {
           normalerweise anmelden.
         </p>
         <p onCopy={handleOnCopyEvent}>
-          Das Passwort für diese Situation lautet: abcdefgeh
+          Das Passwort für diese Situation lautet: <span className="generated-password">{genPassword}</span>
         </p>
         <form id="behaviorNormal" action="#">
           <InputField