frontend/src/App.css

@@ -95,5 +95,4 @@ h1 {
 
 .generated-password {
   font-weight: bold;
-  user-select: none;
 }

frontend/src/components/BehaviorNormal.jsx

@@ -10,6 +10,7 @@ export default function BehaviorNormal(props) {
         Passwort eingeben. Verhalten Sie sich einfach so, als ob Sie sich
         normalerweise anmelden.
       </p>
+      {console.log("props", props)}
       <GeneratedPassword genPassword={props.genPassword} />
     </>
   );

frontend/src/components/GeneratedPassword.jsx

@@ -9,8 +9,9 @@ export default function GeneratedPassword(props) {
 
   return (
     <>
-      <p>
+      <p onCopy={handleOnCopyEvent}>
         Das Passwort für diese Situation lautet:{" "}
+        {console.log("component genpw, genpassword", props.genPassword)}
         <span className="generated-password">{props.genPassword}</span>
       </p>
     </>

frontend/src/components/pages/Study.jsx

@@ -3,7 +3,6 @@ import "../../App.css";
 import Footer from "../../Footer";
 import InputField from "../InputField";
 import SubmitField from "../SubmitField";
-import ErrorMessage from "../ErrorMessage";
 import { Logger } from "@behametrics/logger-web";
 import { Button } from "../Button";
 import BehaviorStudyInfo from "../BehaviorStudyInfo";
@@ -25,10 +24,6 @@ export default function Study() {
     END: "end",
   };
   const [state, setState] = useState(STATES.START);
-  const [isInputCorrect, setIsInputCorrect] = useState(true);
-
-  const errorText =
-    "Das Passwort und der Benutzername stimmen nicht überein. Bitte prüfen Sie, dass Sie das Passwort richtig abgetippt und den Benutzernamen richtig eingegeben haben.";
 
   useEffect(() => {
     _logger.current = new Logger({
@@ -78,10 +73,7 @@ export default function Study() {
 
   const handleOnPasteEvent = (e) => {
     e.preventDefault();
-    return false;
+    console.log("paste not allowed");
-  };
-  const handleOnCopyEvent = (e) => {
-    e.preventDefault();
     return false;
   };
 
@@ -96,6 +88,7 @@ export default function Study() {
       response.json().then((resp) => {
         console.log(resp.random_password);
         setGenPassword(resp.random_password);
+        console.log("rcv pw; print genPassword", genPassword);
       });
     });
   };
@@ -105,6 +98,7 @@ export default function Study() {
   };
 
   const checkIfValuesAreCorrect = () => {
+    console.log(checkIfPasswordIsCorrect());
     return checkIfPasswordIsCorrect() && checkIfUsernameIsCorrect();
   };
 
@@ -114,44 +108,28 @@ export default function Study() {
     handleLoggerOn();
   };
 
-  const resetInputValues = () => {
-    let inputElements = document.querySelectorAll('div input:not([type="submit"])');
-    for (let i=0; i < inputElements.length; i++){
-      inputElements[i].value = ""
-
-    }
-  };
-
   const handleClickAtStepNormal = () => {
     if (checkIfValuesAreCorrect()) {
       receiveRandomPassword();
-      setIsInputCorrect(true);
       setState(STATES.PHONE);
-    } else {
-      setIsInputCorrect(false);
-      resetInputValues();
     }
   };
 
   const handleClickAtStepPhone = () => {
     if (checkIfValuesAreCorrect()) {
       receiveRandomPassword();
-      setIsInputCorrect(true);
       setState(STATES.STANDING);
     } else {
-      setIsInputCorrect(false);
+      console.log("Passwort und Benutzername stimmen nicht.");
-      resetInputValues();
     }
   };
 
   const handleClickAtStepStanding = () => {
     if (checkIfValuesAreCorrect()) {
-      setIsInputCorrect(true);
       setState(STATES.END);
       handleLoggerOff();
     } else {
-      setIsInputCorrect(false);
+      console.log("Passwort und Benutzername stimmen nicht.");
-      resetInputValues();
     }
   };
 
@@ -172,9 +150,8 @@ export default function Study() {
 
   const study_normal = (
     <>
-      <BehaviorNormal onCopy={handleOnCopyEvent} genPassword={genPassword} />
+      <BehaviorNormal genPassword={genPassword} />
-      {!isInputCorrect && <ErrorMessage message={errorText} />}
+      <form id="behaviorNormal">
-      <div>
         <InputField
           LabelName="Benutzername"
           onChange={handleUsernameChange}
@@ -188,7 +165,7 @@ export default function Study() {
           onChange={handlePasswordChange}
           InputType="password"
           InputName="Passwort"
-          InputPlaceHolder="Passwort"
+          InputPlaceHolder="Benutzername"
           onPaste={handleOnPasteEvent}
         />
         <SubmitField
@@ -197,15 +174,14 @@ export default function Study() {
           InputName="Weiter"
           onClick={handleClickAtStepNormal}
         />
-      </div>
+      </form>
     </>
   );
 
   const study_phone = (
     <>
       <BehaviorPhone genPassword={genPassword} />
-      {!isInputCorrect && <ErrorMessage message={errorText} />}
+      <form id="behaviorPhone">
-      <div>
         <InputField
           LabelName="Benutzername"
           onChange={handleUsernameChange}
@@ -219,7 +195,7 @@ export default function Study() {
           onChange={handlePasswordChange}
           InputType="password"
           InputName="Passwort"
-          InputPlaceHolder="Passwort"
+          InputPlaceHolder="Benutzername"
           onPaste={handleOnPasteEvent}
         />
         <SubmitField
@@ -228,15 +204,14 @@ export default function Study() {
           InputName="Weiter"
           onClick={handleClickAtStepPhone}
         />
-      </div>
+      </form>
     </>
   );
 
   const study_standing = (
     <>
       <BehaviorStanding genPassword={genPassword} />
-      {!isInputCorrect && <ErrorMessage message={errorText} />}
+      <form id="behaviorStanding">
-      <div>
         <InputField
           LabelName="Benutzername"
           onChange={handleUsernameChange}
@@ -259,7 +234,7 @@ export default function Study() {
           InputName="quit"
           onClick={handleClickAtStepStanding}
         />
-      </div>
+      </form>
     </>
   );