From 6ee3d16f74c2d04fa3871fa1d369b8e3e3c4be35 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Fri, 16 Jul 2021 23:06:38 +0200
Subject: [PATCH] Logger works

---
 .../src/components/pages/BehaviorNormal.js    | 55 +++++++++++--------
 1 file changed, 33 insertions(+), 22 deletions(-)

diff --git a/frontend/src/components/pages/BehaviorNormal.js b/frontend/src/components/pages/BehaviorNormal.js
index 03fd105..422cff1 100644
--- a/frontend/src/components/pages/BehaviorNormal.js
+++ b/frontend/src/components/pages/BehaviorNormal.js
@@ -7,18 +7,46 @@ import SubmitField from "../SubmitField";
 import { Logger } from "@behametrics/logger-web";
 
 export default function BehaviorNormal() {
-  const [username, setUsername] = useState("");
-  const [password, setPassword] = useState("");
+  let username = "";
+  const setUsername = (tmp_username) => {
+    username = tmp_username;
+  };
+
+  let password = "";
+  const setPassword = (tmp_password) => {
+    password = tmp_password;
+  };
 
   const [isLoggedIn] = useAuth();
 
-  const handleUsernameChange = (e) => {
-    setUsername(e.target.value);
+  let logger = new Logger({
+    //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) => {
+    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");
@@ -42,7 +70,6 @@ export default function BehaviorNormal() {
       body: JSON.stringify(opts),
     }).then((response) => {
       console.log(response.status);
-      console.log(isLoggedIn);
       if (response.status === 401) {
         response.json().then((resp) => {
           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 (
     <>
       <div className="sitePage">
         <h1>Studie</h1>
+        <button onClick={handleOn}>LOGGER StaRTEN</button>
         <p>
           Nachfolgend werden Sie einige Schritte durchlaufen, um ihre
           Nutzerinteraktion messen zu können. Verwenden Sie hierbei jeweils