Update some change password things..
This commit is contained in:
parent
a6346d7496
commit
58bd327377
3 changed files with 18 additions and 9 deletions
|
@ -1,8 +1,8 @@
|
|||
import React from "react";
|
||||
import "../App.css";
|
||||
import GeneratedPassword from "./GeneratedPassword"
|
||||
import GeneratedPassword from "./GeneratedPassword";
|
||||
|
||||
export default function BehaviorNormal() {
|
||||
export default function BehaviorNormal(props) {
|
||||
return (
|
||||
<>
|
||||
<p>
|
||||
|
@ -10,7 +10,8 @@ export default function BehaviorNormal() {
|
|||
Passwort eingeben. Verhalten Sie sich einfach so, als ob Sie sich
|
||||
normalerweise anmelden.
|
||||
</p>
|
||||
<GeneratedPassword />
|
||||
{console.log("props", props)}
|
||||
<GeneratedPassword genPassword={props.genPassword} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
import React from "react";
|
||||
import "../App.css";
|
||||
|
||||
export default function GeneratedPassword() {
|
||||
export default function GeneratedPassword(props) {
|
||||
|
||||
const genPassword = "PASSWORT_MANUELL"
|
||||
const handleOnCopyEvent = (e) => {
|
||||
|
@ -13,7 +13,8 @@ export default function GeneratedPassword() {
|
|||
<>
|
||||
<p onCopy={handleOnCopyEvent}>
|
||||
Das Passwort für diese Situation lautet:{" "}
|
||||
<span className="generated-password">{genPassword}</span>
|
||||
{console.log("component genpw, genpassword", props.genPassword)}
|
||||
<span className="generated-password">{props.genPassword}</span>
|
||||
</p>
|
||||
</>
|
||||
);
|
||||
|
|
|
@ -83,6 +83,12 @@ export default function Study() {
|
|||
};
|
||||
|
||||
const _genPassword = useRef(null);
|
||||
let genPassword = "";
|
||||
|
||||
const setGenPassword = (tmp) => {
|
||||
genPassword = tmp;
|
||||
console.log("setGenPassword", genPassword, tmp);
|
||||
};
|
||||
|
||||
const receiveRandomPassword = () => {
|
||||
fetch("/api/rcv_pw", {
|
||||
|
@ -90,7 +96,8 @@ export default function Study() {
|
|||
}).then((response) => {
|
||||
response.json().then((resp) => {
|
||||
_genPassword.current = resp.random_password;
|
||||
console.log(_genPassword.current)
|
||||
console.log(_genPassword.current);
|
||||
setGenPassword(_genPassword.current);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
@ -110,7 +117,7 @@ export default function Study() {
|
|||
if (checkIfPasswordIsCorrect() && checkIfUsernameIsCorrect) {
|
||||
return true;
|
||||
} else {
|
||||
alert("Passt nicht")
|
||||
alert("Passt nicht");
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
@ -123,7 +130,7 @@ export default function Study() {
|
|||
};
|
||||
|
||||
const handleClickAtStepNormal = () => {
|
||||
if (checkIfValuesAreCorrect()){
|
||||
if (checkIfValuesAreCorrect()) {
|
||||
receiveRandomPassword();
|
||||
setIsStepNormal(false);
|
||||
setIsStepPhone(true);
|
||||
|
@ -158,7 +165,7 @@ export default function Study() {
|
|||
|
||||
const study_normal = (
|
||||
<>
|
||||
<BehaviorNormal />
|
||||
<BehaviorNormal genPassword={_genPassword.current} />
|
||||
<form id="behaviorNormal">
|
||||
<InputField
|
||||
LabelName="Benutzername"
|
||||
|
|
Loading…
Reference in a new issue