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

Renaming and autoformatting #196

Merged
cami merged 1 commit from frontend/renaming-autoformat into main 2021-07-22 18:18:57 +00:00
Conversation 0 Commits 1 Files changed 32 +127 -129
32 changed files with 127 additions and 129 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/public/index.html
View file

@ -31,7 +31,10 @@
<title>BA - Marco Camenzind</title>
</head>
<body>
<noscript>Diese Anwendung funktioniert leider nur mit JavaScript. Bitte aktivieren JavaScript in den Einstellungen</noscript>
<noscript
>Diese Anwendung funktioniert leider nur mit JavaScript. Bitte aktivieren
JavaScript in den Einstellungen</noscript
>
<div id="root"></div>
<!--
This HTML file is a template.

1
frontend/src/App.css
View file

@ -81,7 +81,6 @@ h1 {
margin-bottom: 0.7em;
}
.errorMessage {
color: var(--error);
max-width: 60%;

0
frontend/src/App.js → frontend/src/App.jsx
View file

42
frontend/src/Footer.css
View file

@ -92,45 +92,6 @@
color: #b1b1b1;
}
/* Social Icons */
.social-icon-link {
color: var(--forth);
font-size: 24px;
}
.social-media {
max-width: 1000px;
width: 100%;
}
.social-media-wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: 99%;
max-width: 1000px;
margin: 40px auto 0 auto;
}
.social-icons {
display: flex;
justify-content: space-between;
align-items: center;
width: 240px;
}
.social-logo {
color: var(--forth);
justify-self: start;
margin-left: 20px;
cursor: pointer;
text-decoration: none;
font-size: 2rem;
display: flex;
align-self: center;
margin-bottom: 16px;
}
@media screen and (max-width: 820px) {
.footer-links {
padding-top: 2rem;
@ -148,7 +109,4 @@
flex-direction: column;
}
.social-media-wrap {
flex-direction: column;
}
}

0
frontend/src/Footer.js → frontend/src/Footer.jsx
View file

0
frontend/src/auth/PrivateRoute.js → frontend/src/auth/PrivateRoute.jsx
View file

7
frontend/src/components/Author.js
View file

@ -1,7 +0,0 @@
import React from "react";
function AuthorDate() {
return <div></div>;
}
export default AuthorDate;

0
frontend/src/components/BehaviorNormal.js → frontend/src/components/BehaviorNormal.jsx
View file

2
frontend/src/components/BehaviorPhone.js → frontend/src/components/BehaviorPhone.jsx
View file

@ -11,7 +11,7 @@ export default function BehaviorPhone(props) {
Sie sich vor, dass Sie gerade am Telefonieren sind. Verwenden Sie bitte
kein Headset oder Ähnliches.
</p>
<GeneratedPassword genPassword={props.genPassword}/>
<GeneratedPassword genPassword={props.genPassword} />
</>
);
}

14
frontend/src/components/BehaviorStanding.js
View file

@ -1,14 +0,0 @@
import React from "react";
import "../App.css";
import GeneratedPassword from "./GeneratedPassword"
export default function BehaviorStanding(props) {
return (
<>
<p>
In dieser Situation geht es darum, dass Sie das Passwort im Stehen eingeben. Stehen Sie also vor den Computer und geben Sie den Benutzernamen und das Passwort wie gewohnt ein.
</p>
<GeneratedPassword genPassword={props.genPassword}/>
</>
);
}

16
frontend/src/components/BehaviorStanding.jsx Normal file
View file

@ -0,0 +1,16 @@
import React from "react";
import "../App.css";
import GeneratedPassword from "./GeneratedPassword";
export default function BehaviorStanding(props) {
return (
<>
<p>
In dieser Situation geht es darum, dass Sie das Passwort im Stehen
eingeben. Stehen Sie also vor den Computer und geben Sie den
Benutzernamen und das Passwort wie gewohnt ein.
</p>
<GeneratedPassword genPassword={props.genPassword} />
</>
);
}

7
frontend/src/components/BehaviorStudyEnd.js → frontend/src/components/BehaviorStudyEnd.jsx
View file

@ -5,10 +5,13 @@ export default function BehaviorStudyEnd() {
return (
<>
<p>
Vielen Dank, dass Sie an der Studie teilgenommen haben. Sie helfen mir mit Ihrer Teilnahme enorm für die Bachelorthesis weiter.
Vielen Dank, dass Sie an der Studie teilgenommen haben. Sie helfen mir
mit Ihrer Teilnahme enorm für die Bachelorthesis weiter.
</p>
<p>
Damit ich möglichst aussagekräftige Ergebnisse erhalte, ist es für mich wichtig, dass Sie mehrmals an der Studie teilnehmen. Daher bitte ich Sie, dass Sie zu einem anderen Zeitpunkt die Studie wiederholen.
Damit ich möglichst aussagekräftige Ergebnisse erhalte, ist es für mich
wichtig, dass Sie mehrmals an der Studie teilnehmen. Daher bitte ich
Sie, dass Sie zu einem anderen Zeitpunkt die Studie wiederholen.
</p>
</>
);

1
frontend/src/components/BehaviorStudyInfo.js → frontend/src/components/BehaviorStudyInfo.jsx
View file

@ -14,7 +14,6 @@ export default function BehaviorStudyInfo() {
Bitte klicken Sie auf weiter, um mit der Studie zu beginnen. Bitte lesen
Sie die jeweilige Aufgabe jeweils genau.
</p>
</>
);
}

3
frontend/src/components/Button.css
View file

@ -31,7 +31,7 @@
font-size: 1.3em;
}
.btn--full{
.btn--full {
padding: 12px 26px;
margin: 0 auto;
font-size: 1.5em;
@ -44,4 +44,3 @@
color: var(--secondary);
transition: 250ms;
}

0
frontend/src/components/Button.js → frontend/src/components/Button.jsx
View file

0
frontend/src/components/ErrorMessage.js → frontend/src/components/ErrorMessage.jsx
View file

2
frontend/src/components/GeneratedPassword.js → frontend/src/components/GeneratedPassword.jsx
View file

@ -2,8 +2,6 @@ import React from "react";
import "../App.css";
export default function GeneratedPassword(props) {
const genPassword = "PASSWORT_MANUELL"
const handleOnCopyEvent = (e) => {
e.preventDefault();
return false;

0
frontend/src/components/HeroSection.js → frontend/src/components/HeroSection.jsx
View file

0
frontend/src/components/InputField.js → frontend/src/components/InputField.jsx
View file

0
frontend/src/components/Navbar.js → frontend/src/components/Navbar.jsx
View file

0
frontend/src/components/SubmitField.js → frontend/src/components/SubmitField.jsx
View file

0
frontend/src/components/pages/Home.js → frontend/src/components/pages/Home.jsx
View file

49
frontend/src/components/pages/Lizenzen.js
View file

@ -1,49 +0,0 @@
import React from "react";
import "../../App.css";
import Footer from "../../Footer";
export default function Lizenzen() {
return (
<>
<div className="sitePage license">
<h1>Lizenzen und Bildnachweise</h1>
<p>
Nachfolgend sollen die verwendeten Bibliotheken inklusive der Lizenz
aufgeführt werden. Neben den Bibliotheken sollen vorallem auch
Bildnachweise notiert werden.
</p>
<h2>Verwendete Bibliotheken</h2>
<h3>Frontend</h3>
<ul>
<li>
ReactJS (MIT-Lizenz):{" "}
<a href="https://github.com/facebook/react">
https://github.com/facebook/react
</a>{" "}
</li>
<li>Behametrics Web-Logger (MIT-Lizenz): <a href="https://gitlab.com/behametrics/logger-web">https://gitlab.com/behametrics/logger-web</a></li>
<li>Fortawesome Icons (CC-BY-4.0): <a href="https://github.com/FortAwesome/Font-Awesome">https://github.com/FortAwesome/Font-Awesome</a></li>
<li>React-Token-Auth (ISC-Lizenz): <a href="https://github.com/obabichev/react-token-auth">https://github.com/obabichev/react-token-auth</a></li>
<li>react-router-dom (MIT-Lizenz)<a href="https://github.com/ReactTraining/react-router">https://github.com/ReactTraining/react-router</a></li>
</ul>
<h3>Backend</h3>
<ul>
<li>Flask (BSD-3-Lizenz): <a href="https://github.com/pallets/flask/">https://github.com/pallets/flask/</a></li>
<li>flask-sqlalchemy (BSD-3-Lizenz): <a href="https://github.com/pallets/flask-sqlalchemy">https://github.com/pallets/flask-sqlalchemy</a></li>
<li>flask-praetorian (MIT-Lizenz): <a href="https://github.com/dusktreader/flask-praetorian">https://github.com/dusktreader/flask-praetorian</a></li>
<li>Flask-CORS (MIT-Lizenz): <a href="https://github.com/corydolphin/flask-cors">https://github.com/corydolphin/flask-cors</a></li>
<li>Behametrics Serverimplementierung (MIT-Lizenz)<a href="https://gitlab.com/behametrics/server">https://gitlab.com/behametrics/server</a></li>
</ul>
<h2>Bildnachweise</h2>
<ul className="bildnachweise">
<li>
Originalbild für die Startseite: <a href="https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/">
https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/
</a>
</li>
</ul>
</div>
<Footer />
</>
);
}

95
frontend/src/components/pages/Lizenzen.jsx Normal file
View file

@ -0,0 +1,95 @@
import React from "react";
import "../../App.css";
import Footer from "../../Footer";
export default function Lizenzen() {
return (
<>
<div className="sitePage license">
<h1>Lizenzen und Bildnachweise</h1>
<p>
Nachfolgend sollen die verwendeten Bibliotheken inklusive der Lizenz
aufgeführt werden. Neben den Bibliotheken sollen vorallem auch
Bildnachweise notiert werden.
</p>
<h2>Verwendete Bibliotheken</h2>
<h3>Frontend</h3>
<ul>
<li>
ReactJS (MIT-Lizenz):{" "}
<a href="https://github.com/facebook/react">
https://github.com/facebook/react
</a>{" "}
</li>
<li>
Behametrics Web-Logger (MIT-Lizenz):{" "}
<a href="https://gitlab.com/behametrics/logger-web">
https://gitlab.com/behametrics/logger-web
</a>
</li>
<li>
Fortawesome Icons (CC-BY-4.0):{" "}
<a href="https://github.com/FortAwesome/Font-Awesome">
https://github.com/FortAwesome/Font-Awesome
</a>
</li>
<li>
React-Token-Auth (ISC-Lizenz):{" "}
<a href="https://github.com/obabichev/react-token-auth">
https://github.com/obabichev/react-token-auth
</a>
</li>
<li>
react-router-dom (MIT-Lizenz)
<a href="https://github.com/ReactTraining/react-router">
https://github.com/ReactTraining/react-router
</a>
</li>
</ul>
<h3>Backend</h3>
<ul>
<li>
Flask (BSD-3-Lizenz):{" "}
<a href="https://github.com/pallets/flask/">
https://github.com/pallets/flask/
</a>
</li>
<li>
flask-sqlalchemy (BSD-3-Lizenz):{" "}
<a href="https://github.com/pallets/flask-sqlalchemy">
https://github.com/pallets/flask-sqlalchemy
</a>
</li>
<li>
flask-praetorian (MIT-Lizenz):{" "}
<a href="https://github.com/dusktreader/flask-praetorian">
https://github.com/dusktreader/flask-praetorian
</a>
</li>
<li>
Flask-CORS (MIT-Lizenz):{" "}
<a href="https://github.com/corydolphin/flask-cors">
https://github.com/corydolphin/flask-cors
</a>
</li>
<li>
Behametrics Serverimplementierung (MIT-Lizenz)
<a href="https://gitlab.com/behametrics/server">
https://gitlab.com/behametrics/server
</a>
</li>
</ul>
<h2>Bildnachweise</h2>
<ul className="bildnachweise">
<li>
Originalbild für die Startseite:{" "}
<a href="https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/">
https://pixabay.com/illustrations/virtual-identity-digital-identity-69996/
</a>
</li>
</ul>
</div>
<Footer />
</>
);
}

0
frontend/src/components/pages/Login.js → frontend/src/components/pages/Login.jsx
View file

4
frontend/src/components/pages/Manual.js → frontend/src/components/pages/Manual.jsx
View file

@ -33,9 +33,7 @@ export default function Manual() {
Studie.
</p>
<h2>War schon einmal hier</h2>
<p>
Wenn Sie schon einmal hier waren, gibt es zwei mögliche Zustände:
</p>
<p>Wenn Sie schon einmal hier waren, gibt es zwei mögliche Zustände:</p>
<ul>
<li>Sie sind noch eingeloggt</li>
<li>Sie sind nicht mehr eingeloggt</li>

0
frontend/src/components/pages/Privacy.js → frontend/src/components/pages/Privacy.jsx
View file

0
frontend/src/components/pages/Register.js → frontend/src/components/pages/Register.jsx
View file

0
frontend/src/components/pages/Secret.js → frontend/src/components/pages/Secret.jsx
View file

0
frontend/src/components/pages/Study.js → frontend/src/components/pages/Study.jsx
View file

0
frontend/src/components/pages/Ueber.js → frontend/src/components/pages/Ueber.jsx
View file

0
frontend/src/components/pages/Umfrage.js → frontend/src/components/pages/Umfrage.jsx
View file