From 514de0e4aea5552344ae46291486f095ba4e23ef Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Mon, 21 Jun 2021 03:51:15 +0200
Subject: [PATCH 1/4] First working frontend for the login

---
 frontend/src/App.css                   |  9 ++++++++
 frontend/src/App.js                    |  2 ++
 frontend/src/components/InputField.js  | 12 +++++++++++
 frontend/src/components/SubmitField.js | 12 +++++++++++
 frontend/src/components/pages/Login.js | 29 ++++++++++++++++++++++++++
 5 files changed, 64 insertions(+)
 create mode 100644 frontend/src/components/InputField.js
 create mode 100644 frontend/src/components/SubmitField.js
 create mode 100644 frontend/src/components/pages/Login.js

diff --git a/frontend/src/App.css b/frontend/src/App.css
index f478d26..52855cf 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -45,3 +45,12 @@
   color: #fff;
   font-size: 100px;
 }
+
+.sitePage {
+  height: 90vh;
+  display: flex;
+  justify-content: center;
+}
+.sitePage h1 {
+  font-size: 80px;
+}
diff --git a/frontend/src/App.js b/frontend/src/App.js
index 50b3cb5..2c25cab 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -7,6 +7,7 @@ import SignUp from "./components/pages/SignUp";
 import Ueber from "./components/pages/Ueber";
 import Lizenzen from "./components/pages/lizenzen";
 import Privacy from "./components/pages/Privacy";
+import Login from "./components/pages/Login";
 
 function App() {
   return (
@@ -19,6 +20,7 @@ function App() {
           <Route path="/sign-up" component={SignUp} />
           <Route path="/lizenzen" component={Lizenzen} />
           <Route path="/privacy" component={Privacy} />
+          <Route path="/login" component={Login} />
         </Switch>
       </Router>
     </>
diff --git a/frontend/src/components/InputField.js b/frontend/src/components/InputField.js
new file mode 100644
index 0000000..c6cda35
--- /dev/null
+++ b/frontend/src/components/InputField.js
@@ -0,0 +1,12 @@
+import React from "react";
+
+function InputField(props) {
+  return (
+    <label>
+      <p>{props.LabelName}</p>
+      <input name={props.InputName} type={props.InputType} />
+    </label>
+  );
+}
+
+export default InputField;
diff --git a/frontend/src/components/SubmitField.js b/frontend/src/components/SubmitField.js
new file mode 100644
index 0000000..4114b28
--- /dev/null
+++ b/frontend/src/components/SubmitField.js
@@ -0,0 +1,12 @@
+import React from "react";
+
+function SubmitField(props) {
+  const InputValue = props.LabelName;
+  return (
+    <label>
+      <input type="submit" value={InputValue} />
+    </label>
+  );
+}
+
+export default SubmitField;
diff --git a/frontend/src/components/pages/Login.js b/frontend/src/components/pages/Login.js
new file mode 100644
index 0000000..0e29c40
--- /dev/null
+++ b/frontend/src/components/pages/Login.js
@@ -0,0 +1,29 @@
+import React from "react";
+import "../../App.css";
+import Footer from "../../Footer";
+import InputField from "../InputField";
+import SubmitField from "../SubmitField";
+
+export default function Login() {
+  return (
+    <>
+      <div className="sitePage">
+        <h1>Login</h1>
+        <form>
+          <InputField
+            LabelName="Benutzername / Kennung"
+            InputType=""
+            InputName="username"
+          />
+          <InputField
+            LabelName="Passwort"
+            InputType="password"
+            InputName="password"
+          />
+          <SubmitField LabelName="Einloggen" />
+        </form>
+      </div>
+      <Footer />
+    </>
+  );
+}

From 9621a12f0c7e453e89af8702c39fe8c8734de972 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Mon, 21 Jun 2021 04:55:31 +0200
Subject: [PATCH 2/4] Register field in frontend. still needs some design
 things

---
 frontend/src/App.css                   | 21 ++++++++-------------
 frontend/src/components/Input.css      |  6 ++++++
 frontend/src/components/InputField.js  |  3 ++-
 frontend/src/components/Navbar.css     |  2 +-
 frontend/src/components/pages/Login.js |  1 +
 5 files changed, 18 insertions(+), 15 deletions(-)
 create mode 100644 frontend/src/components/Input.css

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 52855cf..4f1d6f3 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -7,7 +7,7 @@
 
 :root {
   --primary: rgb(41, 63, 87);
-  --secondary: #fff;
+  --secondary: rgb(218,218,218);
   --third: rgb(171, 183, 183);
 }
 
@@ -28,29 +28,24 @@
   font-size: 100px;
 }
 
-.products {
-  background-image: url('images/img-9.jpg');
-  background-position: center;
-  background-size: fill;
-  background-repeat: no-repeat;
-  color: var(--primary);
-  font-size: 100px;
-}
-
 .sign-up {
-  background-image: url('images/img-9.jpg');
+  background-image: url("images/img-9.jpg");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
-  color: #fff;
+  color: var(--primary);
   font-size: 100px;
 }
 
 .sitePage {
   height: 90vh;
   display: flex;
-  justify-content: center;
+  flex-direction: column;
+  align-content: center;
+  align-items: center;
+  background-color: var(--secondary);
 }
 .sitePage h1 {
   font-size: 80px;
+  margin: 0.7em auto;
 }
diff --git a/frontend/src/components/Input.css b/frontend/src/components/Input.css
new file mode 100644
index 0000000..2e52c93
--- /dev/null
+++ b/frontend/src/components/Input.css
@@ -0,0 +1,6 @@
+.input-field {
+    width: auto;
+}
+.input-field input {
+    border-color: var(--primary);
+}
\ No newline at end of file
diff --git a/frontend/src/components/InputField.js b/frontend/src/components/InputField.js
index c6cda35..f71a029 100644
--- a/frontend/src/components/InputField.js
+++ b/frontend/src/components/InputField.js
@@ -1,8 +1,9 @@
 import React from "react";
+import "./Input.css";
 
 function InputField(props) {
   return (
-    <label>
+    <label className="input-field">
       <p>{props.LabelName}</p>
       <input name={props.InputName} type={props.InputType} />
     </label>
diff --git a/frontend/src/components/Navbar.css b/frontend/src/components/Navbar.css
index da8f609..23680d3 100644
--- a/frontend/src/components/Navbar.css
+++ b/frontend/src/components/Navbar.css
@@ -146,7 +146,7 @@
     background-color: transparent;
     color: var(--primary);
     padding: 14px 20px;
-    border: 1px solid #fff;
+    border: 1px solid var(--primary);
     transition: all 0.3s ease-out;
   }
 
diff --git a/frontend/src/components/pages/Login.js b/frontend/src/components/pages/Login.js
index 0e29c40..b3fe806 100644
--- a/frontend/src/components/pages/Login.js
+++ b/frontend/src/components/pages/Login.js
@@ -20,6 +20,7 @@ export default function Login() {
             InputType="password"
             InputName="password"
           />
+          <br />
           <SubmitField LabelName="Einloggen" />
         </form>
       </div>

From 60415ad83ff0217be98aeaced87de8421f3abf56 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Mon, 21 Jun 2021 05:48:01 +0200
Subject: [PATCH 3/4] Added some more things for login :tada:

---
 frontend/src/App.js                    | 4 ++++
 frontend/src/Footer.js                 | 2 +-
 frontend/src/components/Input.css      | 5 +++++
 frontend/src/components/SubmitField.js | 4 +++-
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.js b/frontend/src/App.js
index 2c25cab..0c92cb2 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -8,6 +8,8 @@ import Ueber from "./components/pages/Ueber";
 import Lizenzen from "./components/pages/lizenzen";
 import Privacy from "./components/pages/Privacy";
 import Login from "./components/pages/Login";
+import Register from "./components/pages/Register"
+import Manual from "./components/pages/Manual";
 
 function App() {
   return (
@@ -21,6 +23,8 @@ function App() {
           <Route path="/lizenzen" component={Lizenzen} />
           <Route path="/privacy" component={Privacy} />
           <Route path="/login" component={Login} />
+          <Route path="/register" component={Register} />
+          <Route path="/manual" component={Manual} />
         </Switch>
       </Router>
     </>
diff --git a/frontend/src/Footer.js b/frontend/src/Footer.js
index 8c4c1c3..8ec20ac 100644
--- a/frontend/src/Footer.js
+++ b/frontend/src/Footer.js
@@ -11,7 +11,7 @@ function Footer() {
           <div className="footer-link-items">
             <h2>Informationen</h2>
             <Link to="/">Hintergrund</Link>
-            <Link to="/">Ziel dieser Webseite</Link>
+            <Link to="/manual">Wie funktioniert das?</Link>
           </div>
           <div className="footer-link-items">
             <h2>Kontakt</h2>
diff --git a/frontend/src/components/Input.css b/frontend/src/components/Input.css
index 2e52c93..3b23b35 100644
--- a/frontend/src/components/Input.css
+++ b/frontend/src/components/Input.css
@@ -1,6 +1,11 @@
 .input-field {
     width: auto;
 }
+
+.input-field p{
+    font-size: 36px;
+}
 .input-field input {
+    width: 100%;
     border-color: var(--primary);
 }
\ No newline at end of file
diff --git a/frontend/src/components/SubmitField.js b/frontend/src/components/SubmitField.js
index 4114b28..ec5e168 100644
--- a/frontend/src/components/SubmitField.js
+++ b/frontend/src/components/SubmitField.js
@@ -1,9 +1,11 @@
 import React from "react";
+import "./Input.css"
+import "./Button.css"
 
 function SubmitField(props) {
   const InputValue = props.LabelName;
   return (
-    <label>
+    <label className="input-field" className="btn btn--primary btn--medium">
       <input type="submit" value={InputValue} />
     </label>
   );

From 921544b76fcc8dd2adedb62866a5293970a03314 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Tue, 22 Jun 2021 00:58:08 +0200
Subject: [PATCH 4/4] Added a working backend container

---
 backend/Dockerfile                        | 20 +++++----------
 backend/Dockerfile.bak                    | 19 ++++++++++++++
 backend/Dockerfile.prod                   | 12 +++++++++
 backend/requirements.txt                  |  4 +++
 backend/src/app.py                        | 26 +++++++++++++++++++
 docker-compose.yml                        |  3 ++-
 frontend/issues.sh                        | 30 ++++++++++++++++++++++
 frontend/package.json                     |  2 +-
 frontend/src/components/pages/Manual.js   | 12 +++++++++
 frontend/src/components/pages/Register.js | 31 +++++++++++++++++++++++
 10 files changed, 143 insertions(+), 16 deletions(-)
 create mode 100644 backend/Dockerfile.bak
 create mode 100644 backend/Dockerfile.prod
 create mode 100644 frontend/issues.sh
 create mode 100644 frontend/src/components/pages/Manual.js
 create mode 100644 frontend/src/components/pages/Register.js

diff --git a/backend/Dockerfile b/backend/Dockerfile
index 6dfe114..10162a5 100644
--- a/backend/Dockerfile
+++ b/backend/Dockerfile
@@ -1,19 +1,11 @@
-# For more information, please refer to https://aka.ms/vscode-docker-python
-FROM python:3.9
+FROM python
 
-EXPOSE 5000
+WORKDIR /opt/
 
-# Keeps Python from generating .pyc files in the container
-ENV PYTHONDONTWRITEBYTECODE 1
+COPY requirements.txt .
 
-# Turns off buffering for easier container logging
-ENV PYTHONUNBUFFERED 1
+RUN pip install -r requirements.txt
 
-# Install pip requirements
-ADD requirements.txt .
-RUN python -m pip install -r requirements.txt
-                                                                                   
-WORKDIR /app
-ADD . /app
+COPY /src .
 
-CMD ["flask", "run"]
+CMD [ "python", "app.py" ]
diff --git a/backend/Dockerfile.bak b/backend/Dockerfile.bak
new file mode 100644
index 0000000..7fa027a
--- /dev/null
+++ b/backend/Dockerfile.bak
@@ -0,0 +1,19 @@
+# For more information, please refer to https://aka.ms/vscode-docker-python
+FROM python:3.9
+
+#EXPOSE 5000
+
+# Keeps Python from generating .pyc files in the container
+#ENV PYTHONDONTWRITEBYTECODE 1
+
+# Turns off buffering for easier container logging
+# ENV PYTHONUNBUFFERED 1
+
+# Install pip requirements
+ADD requirements.txt .
+RUN python -m pip install -r requirements.txt
+                                                                                   
+WORKDIR /app
+ADD . /app
+
+CMD ["flask", "run"]
diff --git a/backend/Dockerfile.prod b/backend/Dockerfile.prod
new file mode 100644
index 0000000..3eba885
--- /dev/null
+++ b/backend/Dockerfile.prod
@@ -0,0 +1,12 @@
+FROM python
+
+WORKDIR /opt/demo/
+
+COPY requirements.txt .
+
+RUN apt-get -y update && apt-get -y upgrade
+RUN pip install -r requirements.txt
+
+COPY /src .
+
+CMD [ "python", "main.py" ]
diff --git a/backend/requirements.txt b/backend/requirements.txt
index 11b010b..336fcb4 100644
--- a/backend/requirements.txt
+++ b/backend/requirements.txt
@@ -1,7 +1,11 @@
 click==7.1.2
 Flask==1.1.2
+Flask-Login==0.5.0
+Flask-SQLAlchemy==2.5.1
+greenlet==1.1.0
 itsdangerous==1.1.0
 Jinja2==2.11.3
 MarkupSafe==1.1.1
 python-dotenv==0.17.1
+SQLAlchemy==1.4.15
 Werkzeug==1.0.1
diff --git a/backend/src/app.py b/backend/src/app.py
index 07fc55a..66747a3 100644
--- a/backend/src/app.py
+++ b/backend/src/app.py
@@ -1,8 +1,34 @@
 import time 
 from flask import Flask
 
+import os
+
 app = Flask(__name__)
 
+# Read environment variables
+if "DEBUG" in os.environ and os.environ["DEBUG"] == 'yes':
+    debug = True
+else:
+    debug = False
+if "HOST" in os.environ:
+    host = os.environ["HOST"]
+else:
+    host = '0.0.0.0'
+if "PORT" in os.environ:
+    port = int(os.environ["PORT"])
+else:
+    port = 5000
+
+
+
+@app.route('/')
+def home():
+    return "Hello World"
+
 @app.route('/time')
 def get_current_time():
     return {'time': time.time()}
+
+
+if __name__ == '__main__':
+    app.run(debug=debug, host=host, port=port)
diff --git a/docker-compose.yml b/docker-compose.yml
index 2e20a3f..2d3f675 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -24,5 +24,6 @@ services:
     ports:
       - 5000:5000
     environment:
+      DEBUG: "yes"
       PORT: 5000
-      FLASK_DEBUG: 1
+      HOST: "0.0.0.0"
diff --git a/frontend/issues.sh b/frontend/issues.sh
new file mode 100644
index 0000000..86fb9c1
--- /dev/null
+++ b/frontend/issues.sh
@@ -0,0 +1,30 @@
+# Labels: backend, bug, content, design, duplicate, enhancement, frontend, help wanted, invalid, question, wontfix, 
+ISSUE_TITLE="Buttons gleichmässig darstellen"
+DESC="Die Buttons sollen alle die gleiche Breite haben"
+LABELS="design,frontend,enhancement"
+DEADLINE="2021-06-23"
+tea issue create --title "${ISSUE_TITLE}" --description "${DESC}" --labels "${LABELS}" --deadline "${DEADLINE}"
+
+ISSUE_TITLE="login backend implementieren"
+DESC=""
+LABELS="backend,enhancement"
+DEADLINE="2021-06-25"
+tea issue create --title "${ISSUE_TITLE}" --description "${DESC}" --labels "${LABELS}" --deadline "${DEADLINE}"
+
+ISSUE_TITLE="registrieren implementieren backend"
+DESC=""
+LABELS="backend,enhancement"
+DEADLINE="2021-06-25"
+tea issue create --title "${ISSUE_TITLE}" --description "${DESC}" --labels "${LABELS}" --deadline "${DEADLINE}"
+
+ISSUE_TITLE="Umfrage erstellen (für neue Teilnehmer)"
+DESC=""
+LABELS="frontend,enhancement,backend"
+DEADLINE="2021-06-25"
+tea issue create --title "${ISSUE_TITLE}" --description "${DESC}" --labels "${LABELS}" --deadline "${DEADLINE}"
+
+ISSUE_TITLE="Datenerhebung der Maus und Tastatur"
+DESC=""
+LABELS="frontend,backend,enhancement"
+DEADLINE="2021-06-27"
+tea issue create --title "${ISSUE_TITLE}" --description "${DESC}" --labels "${LABELS}" --deadline "${DEADLINE}"
diff --git a/frontend/package.json b/frontend/package.json
index 6bbf714..b2f204f 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -39,5 +39,5 @@
       "last 1 safari version"
     ]
   },
-  "proxy": "http://127.0.0.1:5000"
+  "proxy": "http://localhost:5000"
 }
diff --git a/frontend/src/components/pages/Manual.js b/frontend/src/components/pages/Manual.js
new file mode 100644
index 0000000..f35e5fd
--- /dev/null
+++ b/frontend/src/components/pages/Manual.js
@@ -0,0 +1,12 @@
+import React from "react";
+import "../../App.css";
+import Footer from "../../Footer";
+
+export default function Manual() {
+  return (
+    <>
+      <h2 className="about">Anleitung / Bedienungshinweise</h2>
+      <Footer />
+    </>
+  );
+}
diff --git a/frontend/src/components/pages/Register.js b/frontend/src/components/pages/Register.js
new file mode 100644
index 0000000..fde05ef
--- /dev/null
+++ b/frontend/src/components/pages/Register.js
@@ -0,0 +1,31 @@
+import React from "react";
+import "../../App.css";
+import Footer from "../../Footer";
+import InputField from "../InputField";
+import SubmitField from "../SubmitField";
+
+export default function Login() {
+  return (
+    <>
+      <div className="sitePage">
+        <h1>Registrierung</h1>
+        <p>Herzlich willkommen bei meiner Bachelorarbeit. Du kannst dich hier einfach registrieren, sodass du mir ein positives Feedback hinterlassen kannst. Bei der ersten Registrierung geht es darum, dass ich ein paar Sachen über dich kennenlerne. Ich werde diese Fragen strikt trennen mit der eigentlichen Fragestellung. Diese Fragen dienen mir dazu, dass ich einschätzen kann, welche Leute ich befragt habe.</p>
+        <form>
+          <InputField
+            LabelName="Benutzername / Kennung"
+            InputType=""
+            InputName="username"
+          />
+          <InputField
+            LabelName="Passwort"
+            InputType="password"
+            InputName="password"
+          />
+          <br />
+          <SubmitField LabelName="Einloggen" />
+        </form>
+      </div>
+      <Footer />
+    </>
+  );
+}