Merge branch 'f/frontend-login' into 'develop'

Login function added

See merge request fia72-dev/eva_lernsituation!21

Docker/Dockerfile_FE_Host.dockerfile

@@ -11,4 +11,4 @@ RUN pwd && ls -la
 
 RUN npm install -g serve
 
-CMD ["serve", "-s", "build"]
+CMD ["serve", "-l", "tcp://0.0.0.0:5000", "-s", "build"]

Frontend/src/components/Login.js

@@ -28,6 +28,21 @@ class Login extends Component {
     this.setState({ [name]: event.target.value });
   };
 
+  // Test
+  // 123Abc!&
+
+  login() {
+    fetch("/login", { method: "POST", body: JSON.stringify(this.state) })
+      .then(function(response) {
+        if (response.status === 200) return response.json();
+        else return response.statusText;
+      })
+      .then(function(myJson) {
+        console.log(myJson);
+        //document.cookie = myJson;
+      });
+  }
+
   render() {
     const classes = this.props.classes;
 
@@ -67,7 +82,12 @@ class Login extends Component {
                 />
               </Grid>
             </Grid>
-            <Fab color="primary" aria-label="Send" className={classes.fab}>
+            <Fab
+              color="primary"
+              aria-label="Send"
+              className={classes.fab}
+              onClick={() => this.login()}
+            >
               <SendIcon />
             </Fab>
           </Grid>