Merge pull request 'Logger works' (#160) from feature/logger-web into main
All checks were successful
continuous-integration/drone/push Build is passing

Reviewed-on: #160
This commit is contained in:
cami 2021-07-16 21:39:21 +00:00
commit 8d7b5daa48

View file

@ -7,18 +7,46 @@ import SubmitField from "../SubmitField";
import { Logger } from "@behametrics/logger-web"; import { Logger } from "@behametrics/logger-web";
export default function BehaviorNormal() { export default function BehaviorNormal() {
const [username, setUsername] = useState(""); let username = "";
const [password, setPassword] = useState(""); const setUsername = (tmp_username) => {
username = tmp_username;
};
let password = "";
const setPassword = (tmp_password) => {
password = tmp_password;
};
const [isLoggedIn] = useAuth(); const [isLoggedIn] = useAuth();
const handleUsernameChange = (e) => { let logger = new Logger({
setUsername(e.target.value); //inputs: ["cursor", "wheel", "keyboard", "touch"],
inputs: ["keyboard"],
logToConsole: true,
});
logger.init();
const handleOff = () => {
logger.stop();
console.log("Logger ausgeschaltet");
}; };
const handleOn = () => {
logger.start();
console.log("start logging ");
};
const handlePasswordChange = (e) => { const handlePasswordChange = (e) => {
console.log("handlePasswordChange");
setPassword(e.target.value); setPassword(e.target.value);
}; };
const handleUsernameChange = (e) => {
console.log("handleUsernamechange");
setUsername(e.target.value);
};
const handleOnCopyEvent = (e) => { const handleOnCopyEvent = (e) => {
e.preventDefault(); e.preventDefault();
console.log("copy not allowed"); console.log("copy not allowed");
@ -42,7 +70,6 @@ export default function BehaviorNormal() {
body: JSON.stringify(opts), body: JSON.stringify(opts),
}).then((response) => { }).then((response) => {
console.log(response.status); console.log(response.status);
console.log(isLoggedIn);
if (response.status === 401) { if (response.status === 401) {
response.json().then((resp) => { response.json().then((resp) => {
console.log("nicht so wirklich gut"); console.log("nicht so wirklich gut");
@ -56,27 +83,11 @@ export default function BehaviorNormal() {
}); });
}; };
let logger = new Logger({
//inputs: ["cursor", "wheel", "keyboard", "touch"],
inputs: ["keyboard"],
logToConsole: true,
});
const handleOff = () => {
logger.stop();
logout();
console.log("Logger ausgeschaltet");
};
useEffect(() => {
logger.init().then(() => logger.start());
console.log("start logging");
}, []);
return ( return (
<> <>
<div className="sitePage"> <div className="sitePage">
<h1>Studie</h1> <h1>Studie</h1>
<button onClick={handleOn}>LOGGER StaRTEN</button>
<p> <p>
Nachfolgend werden Sie einige Schritte durchlaufen, um ihre Nachfolgend werden Sie einige Schritte durchlaufen, um ihre
Nutzerinteraktion messen zu können. Verwenden Sie hierbei jeweils Nutzerinteraktion messen zu können. Verwenden Sie hierbei jeweils