diff --git a/backend/src/app.py b/backend/src/app.py index 7f66284..6d9b201 100644 --- a/backend/src/app.py +++ b/backend/src/app.py @@ -119,14 +119,6 @@ def refresh(): return ret, 200 -@app.route('/api/username', methods=['GET']) -@flask_praetorian.auth_required -def get_username(): - username = flask_praetorian.current_user().username - ret = {'username': username} - return ret, 200 - - @app.route('/api/protected') @flask_praetorian.auth_required def protected(): @@ -141,10 +133,11 @@ def protected(): return {'message': f'protected endpoint (allowed user {flask_praetorian.current_user().username})'} -@app.route('/api/rcv_pw', methods=['GET']) +@app.route('/api/protected/rcv_pw', methods=['GET']) +# @flask_praetorian.auth_required def get_password(): pw = get_random_password() - ret = {'random_password': pw} + ret = {'password': pw} return ret, 200 diff --git a/frontend/src/components/BehaviorNormal.js b/frontend/src/components/BehaviorNormal.js index c427a02..9f64ef9 100644 --- a/frontend/src/components/BehaviorNormal.js +++ b/frontend/src/components/BehaviorNormal.js @@ -1,8 +1,8 @@ import React from "react"; import "../App.css"; -import GeneratedPassword from "./GeneratedPassword"; +import GeneratedPassword from "./GeneratedPassword" -export default function BehaviorNormal(props) { +export default function BehaviorNormal() { return ( <>
@@ -10,8 +10,7 @@ export default function BehaviorNormal(props) { Passwort eingeben. Verhalten Sie sich einfach so, als ob Sie sich normalerweise anmelden.
- {console.log("props", props)} -@@ -11,7 +11,7 @@ export default function BehaviorPhone(props) { Sie sich vor, dass Sie gerade am Telefonieren sind. Verwenden Sie bitte kein Headset oder Ähnliches.
-In dieser Situation geht es darum, dass Sie das Passwort im Stehen eingeben. Stehen Sie also vor den Computer und geben Sie den Benutzernamen und das Passwort wie gewohnt ein.
-- Vielen Dank, dass Sie an der Studie teilgenommen haben. Sie helfen mir mit Ihrer Teilnahme enorm für die Bachelorthesis weiter. -
-- Damit ich möglichst aussagekräftige Ergebnisse erhalte, ist es für mich wichtig, dass Sie mehrmals an der Studie teilnehmen. Daher bitte ich Sie, dass Sie zu einem anderen Zeitpunkt die Studie wiederholen. -
- > - ); -} diff --git a/frontend/src/components/GeneratedPassword.js b/frontend/src/components/GeneratedPassword.js index 722fc2a..c963b5c 100644 --- a/frontend/src/components/GeneratedPassword.js +++ b/frontend/src/components/GeneratedPassword.js @@ -1,20 +1,28 @@ -import React from "react"; +import React, { useEffect, useState } from "react"; import "../App.css"; -export default function GeneratedPassword(props) { +export default function GeneratedPassword() { + const [genPassword, setGenPassword] = useState(""); - const genPassword = "PASSWORT_MANUELL" const handleOnCopyEvent = (e) => { e.preventDefault(); return false; }; + useEffect(() => { + fetch("/api/protected/rcv_pw", { + method: "get", + }).then((response) => { + response.json().then((resp) => { + setGenPassword(resp.password); + }); + }); + }, []); return ( <>Das Passwort für diese Situation lautet:{" "} - {console.log("component genpw, genpassword", props.genPassword)} - {props.genPassword} + {genPassword}
> ); diff --git a/frontend/src/components/pages/Manual.js b/frontend/src/components/pages/Manual.js index fb9557e..3cb29b0 100644 --- a/frontend/src/components/pages/Manual.js +++ b/frontend/src/components/pages/Manual.js @@ -28,30 +28,21 @@ export default function Manual() { zurückzusetzen. Nach der Registrierung landen Sie auf einer Umfrageseite. Füllen Sie die Fragen wahrheitsgemäss aus und klicken Sie danach auf "Umfrage abschicken". Nachdem die Umfrage durchgeführt - wurde, können Sie an der Studie teilnehmen, indem Sie auf den Button - "Studie starten" klicken. Folgen Sie danach den Anweisungen gemäss der - Studie. + wurde, können Sie an der Studie teilnehmen, indem Sie auf den Button "Studie starten" klicken. Folgen Sie danach den Anweisungen gemäss der Studie.- Wenn Sie schon einmal hier waren, gibt es zwei mögliche Zustände: -
- Sofern Sie noch nicht eingeloggt sind, können Sie sich anmelden mit - ihrem gewählten Benutzernamen und dem Passwort. Sie landen dann direkt - auf der Seite, welche ich für meine Studie benötige. Führen Sie dort - die Studie die Studie wie gewohnt durch und beenden Sie diese am - Schluss der Studie mit dem Button "Studie beenden". + Sofern Sie noch nicht eingeloggt sind, können Sie sich anmelden mit ihrem gewählten Benutzernamen und dem Passwort. Sie landen dann direkt auf der Seite, welche ich für meine Studie benötige. Führen Sie dort die Studie die Studie wie gewohnt durch und beenden Sie diese am Schluss der Studie mit dem Button "Studie beenden".
- Wenn Sie bereits eingeloggt sind, dann landen Sie auf der Startseite. - Sie finden in der Mitte einen Button mit der Überschrift "Zur Studie". - Klicken Sie bitte auf diesen Button und führen Sie dann die Studie - durch. + Wenn Sie bereits eingeloggt sind, dann landen Sie auf der Startseite. Sie finden in der Mitte einen Button mit der Überschrift "Zur Studie". Klicken Sie bitte auf diesen Button und führen Sie dann die Studie durch.
diff --git a/frontend/src/components/pages/Study.js b/frontend/src/components/pages/Study.js index 5df4c0d..37362b0 100644 --- a/frontend/src/components/pages/Study.js +++ b/frontend/src/components/pages/Study.js @@ -4,17 +4,14 @@ import Footer from "../../Footer"; import InputField from "../InputField"; import SubmitField from "../SubmitField"; import { Logger } from "@behametrics/logger-web"; -import { Button } from "../Button"; import BehaviorStudyInfo from "../BehaviorStudyInfo"; import BehaviorNormal from "../BehaviorNormal"; +import { Button } from "../Button"; import BehaviorPhone from "../BehaviorPhone"; import BehaviorStanding from "../BehaviorStanding"; -import BehaviorStudyEnd from "../BehaviorStudyEnd"; -import { authFetch } from "../../auth/AuthProvider"; export default function Study() { const _logger = useRef(0); - const [serverUsername, setServerUsername] = useState(""); useEffect(() => { _logger.current = new Logger({ @@ -25,13 +22,6 @@ export default function Study() { logToConsole: true, }); _logger.current.init(); - authFetch("/api/username", { - method: "get", - }).then((response) => { - response.json().then((resp) => { - setServerUsername(resp.username); - }); - }); }, []); let username = ""; @@ -70,85 +60,54 @@ export default function Study() { const handleOnPasteEvent = (e) => { e.preventDefault(); - console.log("paste not allowed"); return false; }; - const checkIfUsernameIsCorrect = () => { - if (serverUsername === username) { - return true; - } else { - return false; - } - }; - - const [genPassword, setGenPassword] = useState(""); - - const receiveRandomPassword = () => { - fetch("/api/rcv_pw", { - method: "get", - }).then((response) => { - response.json().then((resp) => { - console.log(resp.random_password); - setGenPassword(resp.random_password); - console.log("rcv pw; print genPassword", genPassword); - }); - }); - }; - - const checkIfPasswordIsCorrect = () => { - if (genPassword === password) { - return true; - } else { - return false; - } - }; - - const checkIfValuesAreCorrect = () => { - console.log(checkIfPasswordIsCorrect()); - if (checkIfPasswordIsCorrect() && checkIfUsernameIsCorrect()) { - return true; - } else { - alert("Passt nicht"); - return false; - } - }; - const handleClickAtStepStart = () => { - receiveRandomPassword(); setIsStepStart(false); setIsStepNormal(true); handleLoggerOn(); + // forceUpdate(); }; const handleClickAtStepNormal = () => { - if (checkIfValuesAreCorrect()) { - receiveRandomPassword(); - setIsStepNormal(false); - setIsStepPhone(true); - } + setIsStepNormal(false); + setIsStepPhone(true); }; const handleClickAtStepPhone = () => { - if (checkIfValuesAreCorrect()){ - receiveRandomPassword(); setIsStepPhone(false); setIsStepStanding(true); - } - else { - console.log("Passwort und Benutzername stimmen nicht.") - } }; const handleClickAtStepStanding = () => { - if (checkIfValuesAreCorrect()){ setIsStepStanding(false); setIsStepEnd(true); handleLoggerOff(); - } - else { - console.log("Passwort und Benutzername stimmen nicht.") - } + }; + + const onSubmitClick = (e) => { + e.preventDefault(); + let opts = { + username: username, + password: password, + }; + fetch("/api/protected/behavior", { + method: "post", + body: JSON.stringify(opts), + }).then((response) => { + console.log(response.status); + if (response.status === 401) { + response.json().then((resp) => { + console.log("nicht so wirklich gut"); + // setErrorMessage(resp.message); + }); + } else { + response.json().then((token) => { + console.log("Alles gut :-)"); + }); + } + }); }; const study_start = ( @@ -168,7 +127,7 @@ export default function Study() { const study_normal = ( <> -