From 213dcc91975798582f329952a4b9e8e80ccf2657 Mon Sep 17 00:00:00 2001 From: cami Date: Wed, 21 Jul 2021 02:22:40 +0200 Subject: [PATCH] Renaming some files. --- frontend/src/components/BehaviorNormal.js | 16 ++ frontend/src/components/BehaviorStudyInfo.js | 20 +++ frontend/src/components/GeneratedPassword.js | 29 ++++ .../src/components/pages/BehaviorNormal.js | 140 ------------------ .../src/components/pages/BehaviorStudyInfo.js | 13 -- 5 files changed, 65 insertions(+), 153 deletions(-) create mode 100644 frontend/src/components/BehaviorNormal.js create mode 100644 frontend/src/components/BehaviorStudyInfo.js create mode 100644 frontend/src/components/GeneratedPassword.js delete mode 100644 frontend/src/components/pages/BehaviorNormal.js delete mode 100644 frontend/src/components/pages/BehaviorStudyInfo.js diff --git a/frontend/src/components/BehaviorNormal.js b/frontend/src/components/BehaviorNormal.js new file mode 100644 index 0000000..9f64ef9 --- /dev/null +++ b/frontend/src/components/BehaviorNormal.js @@ -0,0 +1,16 @@ +import React from "react"; +import "../App.css"; +import GeneratedPassword from "./GeneratedPassword" + +export default function BehaviorNormal() { + return ( + <> +

+ Zu Beginn geht es darum, dass Sie ganz normal den Benutzernamen und das + Passwort eingeben. Verhalten Sie sich einfach so, als ob Sie sich + normalerweise anmelden. +

+ + + ); +} diff --git a/frontend/src/components/BehaviorStudyInfo.js b/frontend/src/components/BehaviorStudyInfo.js new file mode 100644 index 0000000..eaea777 --- /dev/null +++ b/frontend/src/components/BehaviorStudyInfo.js @@ -0,0 +1,20 @@ +import React from "react"; +import "../App.css"; + +export default function BehaviorStudyInfo() { + return ( + <> +

+ Nachfolgend werden Sie einige Schritte durchlaufen, um ihre + Nutzerinteraktion messen zu können. Verwenden Sie hierbei jeweils ihren + Benutzernamen, welchen Sie bereits zuvor genutzt haben. Das Passwort + wird jeweils generiert. +

+

+ Bitte klicken Sie auf weiter, um mit der Studie zu beginnen. Bitte lesen + Sie die jeweilige Aufgabe jeweils genau. +

+ + + ); +} diff --git a/frontend/src/components/GeneratedPassword.js b/frontend/src/components/GeneratedPassword.js new file mode 100644 index 0000000..c963b5c --- /dev/null +++ b/frontend/src/components/GeneratedPassword.js @@ -0,0 +1,29 @@ +import React, { useEffect, useState } from "react"; +import "../App.css"; + +export default function GeneratedPassword() { + const [genPassword, setGenPassword] = useState(""); + + 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:{" "} + {genPassword} +

+ + ); +} diff --git a/frontend/src/components/pages/BehaviorNormal.js b/frontend/src/components/pages/BehaviorNormal.js deleted file mode 100644 index 0bb4d67..0000000 --- a/frontend/src/components/pages/BehaviorNormal.js +++ /dev/null @@ -1,140 +0,0 @@ -import React, { useEffect, useState } from "react"; -import "../../App.css"; -import Footer from "../../Footer"; -import InputField from "../InputField"; -import SubmitField from "../SubmitField"; -import { Logger } from "@behametrics/logger-web"; -import BehaviorStudyInfo from "./BehaviorStudyInfo"; - -export default function BehaviorNormal() { - let username = ""; - const setUsername = (tmp_username) => { - username = tmp_username; - }; - - let password = ""; - const setPassword = (tmp_password) => { - password = tmp_password; - }; - - const [genPassword, setGenPassword] = useState(""); - - let logger = new Logger({ - //inputs: ["cursor", "wheel", "keyboard", "touch"], - inputs: ["keyboard"], - apiUrl: "https://behavior.marcocamenzind.ch", - logToConsole: true, - }); - - logger.init(); - - const handleOff = () => { - logger.stop(); - console.log("Logger ausgeschaltet"); - }; - - const handleOn = () => { - logger.start(); - console.log("start logging "); - }; - - const handlePasswordChange = (e) => { - setPassword(e.target.value); - }; - - const handleUsernameChange = (e) => { - setUsername(e.target.value); - }; - - const handleOnCopyEvent = (e) => { - e.preventDefault(); - return false; - }; - - const handleOnPasteEvent = (e) => { - e.preventDefault(); - return false; - }; - - 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 :-)"); - }); - } - }); - }; - - useEffect(() => { - fetch("/api/protected/rcv_pw", { - method: "get", - }).then((response) => { - response.json().then((resp) => { - setGenPassword(resp.password); - }); - }); - }, []); - - return ( - <> -
-

Studie

- - -

- Zu Beginn geht es darum, dass Sie ganz normal den Benutzernamen und - das Passwort eingeben. Verhalten Sie sich einfach so, als ob Sie sich - normalerweise anmelden. -

-

- Das Passwort für diese Situation lautet:{" "} - {genPassword} -

-
- - - - - -
-