cami/Bachelorthesis_Code
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Wiki Activity

Merge branch 'main' into feature/logging

Browse source
This commit is contained in:
cami 2021-07-06 00:29:08 +00:00
commit 13748b6ce5
4 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
backend/src/app.py
View file

@ -103,7 +103,7 @@ def login():
ret = {'access_token': guard.encode_jwt_token(user)} ret = {'access_token': guard.encode_jwt_token(user)}
return ret, 200 return ret, 200
except flask_praetorian.exceptions.AuthenticationError: except flask_praetorian.exceptions.AuthenticationError:
ret = {'message': "Benutzername und Passwort stimmen nicht überein"} ret = {'message': "Benutzername und Passwort stimmen nicht überein oder das Konto existiert noch nicht."}
return ret, 401 return ret, 401

2
frontend/src/components/pages/Login.js
View file

@ -66,7 +66,7 @@ export default function Login() {
InputPlaceHolder="Passwort" InputPlaceHolder="Passwort"
/> />
<br /> <br />
<ErrorMessage message={errorMessage}/> <ErrorMessage message={errorMessage} />
<SubmitField onClick={onSubmitClick} LabelName="Einloggen" /> <SubmitField onClick={onSubmitClick} LabelName="Einloggen" />
</form> </form>
) : ( ) : (

14
frontend/src/components/pages/Register.js
View file

@ -6,6 +6,8 @@ import InputField from "../InputField";
import SubmitField from "../SubmitField"; import SubmitField from "../SubmitField";
import "../Input.css"; import "../Input.css";
import ErrorMessage from "../ErrorMessage"; import ErrorMessage from "../ErrorMessage";
import { login, useAuth } from "../../auth/AuthProvider";
import { Redirect } from "react-router-dom";
export default function Login() { export default function Login() {
const [username, setUsername] = useState(""); const [username, setUsername] = useState("");
@ -16,6 +18,8 @@ export default function Login() {
const [isStatusOk, setIsStatusOk] = useState(""); const [isStatusOk, setIsStatusOk] = useState("");
const [isLoggedIn] = useAuth();
const onSubmitClick = (e) => { const onSubmitClick = (e) => {
e.preventDefault(); e.preventDefault();
let opts = { let opts = {
@ -37,6 +41,14 @@ export default function Login() {
} else if (response.status === 200) { } else if (response.status === 200) {
response.json().then((resp) => { response.json().then((resp) => {
setMessage(resp.message); setMessage(resp.message);
fetch("/api/login", {
method: "post",
body: JSON.stringify(opts),
}).then((response) => {
response.json().then((token) => {
login(token);
});
});
}); });
setIsStatusOk(true); setIsStatusOk(true);
} }
@ -73,7 +85,7 @@ export default function Login() {
<SubmitField onClick={onSubmitClick} LabelName="Registrieren" /> <SubmitField onClick={onSubmitClick} LabelName="Registrieren" />
</form> </form>
{isStatusOk && <p>{message}</p>} {isLoggedIn && <Redirect to="/umfrage" />}
</div> </div>
<Footer /> <Footer />
</> </>

4
frontend/src/components/pages/Umfrage.js
View file

@ -7,6 +7,7 @@ import InputField from "../InputField";
import SubmitField from "../SubmitField"; import SubmitField from "../SubmitField";
import { authFetch } from "../../auth/AuthProvider"; import { authFetch } from "../../auth/AuthProvider";
import ErrorMessage from "../ErrorMessage"; import ErrorMessage from "../ErrorMessage";
import { Link } from "react-router-dom";
export default function Umfrage() { export default function Umfrage() {
/* values from survey */ /* values from survey */
@ -116,6 +117,9 @@ export default function Umfrage() {
<> <>
<div className="sitePage"> <div className="sitePage">
<h1> Umfrage</h1> <h1> Umfrage</h1>
<p>
Super, die Registrierung hat funktioniert! Du bist nun eingeloggt und ich erfasse deine Tastaturanschläge und die Mausbewegungen. Wenn du dich wieder abmelden möchtest, kannst du das <Link to="/logout">hier</Link> machen.
</p>
<p> <p>
Damit ich etwas über die Studienteilnehmenden erfahre, möchte ich hier Damit ich etwas über die Studienteilnehmenden erfahre, möchte ich hier
eine kurze Erhebung einiger wichtiger Daten machen. Die Daten werden eine kurze Erhebung einiger wichtiger Daten machen. Die Daten werden