Refactored some things
This commit is contained in:
parent
a5b680d948
commit
008810151f
2 changed files with 21 additions and 11 deletions
|
@ -4,6 +4,7 @@ import Footer from "../../Footer";
|
||||||
import InputField from "../InputField";
|
import InputField from "../InputField";
|
||||||
import SubmitField from "../SubmitField";
|
import SubmitField from "../SubmitField";
|
||||||
import { Logger } from "@behametrics/logger-web";
|
import { Logger } from "@behametrics/logger-web";
|
||||||
|
import BehaviorStudyInfo from "./BehaviorStudyInfo";
|
||||||
|
|
||||||
export default function BehaviorNormal() {
|
export default function BehaviorNormal() {
|
||||||
let username = "";
|
let username = "";
|
||||||
|
@ -16,12 +17,12 @@ export default function BehaviorNormal() {
|
||||||
password = tmp_password;
|
password = tmp_password;
|
||||||
};
|
};
|
||||||
|
|
||||||
const [genPassword, setGenPassword] = useState("")
|
const [genPassword, setGenPassword] = useState("");
|
||||||
|
|
||||||
let logger = new Logger({
|
let logger = new Logger({
|
||||||
//inputs: ["cursor", "wheel", "keyboard", "touch"],
|
//inputs: ["cursor", "wheel", "keyboard", "touch"],
|
||||||
inputs: ["keyboard"],
|
inputs: ["keyboard"],
|
||||||
apiUrl: "http://localhost:5000",
|
// apiUrl: "http://localhost:5000",
|
||||||
logToConsole: true,
|
logToConsole: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -84,8 +85,8 @@ export default function BehaviorNormal() {
|
||||||
method: "get",
|
method: "get",
|
||||||
}).then((response) => {
|
}).then((response) => {
|
||||||
response.json().then((resp) => {
|
response.json().then((resp) => {
|
||||||
setGenPassword(resp.password)
|
setGenPassword(resp.password);
|
||||||
})
|
});
|
||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
@ -94,19 +95,15 @@ export default function BehaviorNormal() {
|
||||||
<div className="sitePage">
|
<div className="sitePage">
|
||||||
<h1>Studie</h1>
|
<h1>Studie</h1>
|
||||||
<button onClick={handleOn}>LOGGER StaRTEN</button>
|
<button onClick={handleOn}>LOGGER StaRTEN</button>
|
||||||
<p>
|
<BehaviorStudyInfo />
|
||||||
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.
|
|
||||||
</p>
|
|
||||||
<p>
|
<p>
|
||||||
Zu Beginn geht es darum, dass Sie ganz normal den Benutzernamen und
|
Zu Beginn geht es darum, dass Sie ganz normal den Benutzernamen und
|
||||||
das Passwort eingeben. Verhalten Sie sich einfach so, als ob Sie sich
|
das Passwort eingeben. Verhalten Sie sich einfach so, als ob Sie sich
|
||||||
normalerweise anmelden.
|
normalerweise anmelden.
|
||||||
</p>
|
</p>
|
||||||
<p onCopy={handleOnCopyEvent}>
|
<p onCopy={handleOnCopyEvent}>
|
||||||
Das Passwort für diese Situation lautet: <span className="generated-password">{genPassword}</span>
|
Das Passwort für diese Situation lautet:{" "}
|
||||||
|
<span className="generated-password">{genPassword}</span>
|
||||||
</p>
|
</p>
|
||||||
<form id="behaviorNormal" action="#">
|
<form id="behaviorNormal" action="#">
|
||||||
<InputField
|
<InputField
|
||||||
|
|
13
frontend/src/components/pages/BehaviorStudyInfo.js
Normal file
13
frontend/src/components/pages/BehaviorStudyInfo.js
Normal file
|
@ -0,0 +1,13 @@
|
||||||
|
import React from "react";
|
||||||
|
import "../../App.css";
|
||||||
|
|
||||||
|
export default function BehaviorStudyInfo() {
|
||||||
|
return (
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
);
|
||||||
|
}
|
Loading…
Reference in a new issue