Meilenstein 1 done

my-app/src/actions/AuthenticationActions.js

@@ -75,9 +75,6 @@ function login(userID, password) {
         headers: { 'Authorization': 'Basic ' + btoa(userID + ":" + password) }
     };
 
-    console.log(userID)
-    console.log(password)
-
     return fetch('https://localhost/api/authenticate', requestOptions)
         .then(handleResponse)
         .then(userSession => {
@@ -114,5 +111,5 @@ function handleResponse(response) {
 }
 
 function logout() {
-    console.error('Should irgendas')
+    console.error('Should logout')
 }
\ No newline at end of file

my-app/src/components/PrivatePage.js

@@ -3,8 +3,11 @@ import React, { Component } from "react";
 class PrivatePage extends Component {
     render() {
         return (
-            <div>
-                <h1>PSSSST thats private!</h1>
+            <div className="page-content" id="StartPage" style={{ height: '50vw', display: 'flex', justifyContent: 'center', backgroundColor: '#2f2f44' }}>
+                <div style={{ width: '50rem', height: '25rem', padding: '10rem', margin: '5rem', backgroundColor: 'rgba(0, 0, 0, 0.8)'  }}>
+                    <h3 style={{ color: 'white' }}>You successfully logged into your private page</h3>
+                    <p style={{ color: 'white' }}> This is going to be your personal page.</p>
+                </div>
             </div>
         )
     }

my-app/src/components/PublicPage.js

@@ -4,8 +4,12 @@ import LoginButton from "./loginButton";
 class PublicPage extends Component {
     render() {
         return (
-            <div>
-                <LoginButton />
+            <div className="page-content" id="LandingPage" style={{ backgroundImage: 'url("https://www.ffn.de/fileadmin/ffn.de/programm/ausbildungsboerse/studium.jpg")', height: '50vw', backgroundSize: 'contain', backgroundRepeat: 'no-repeat', backgroundColor: '#2b3648', padding: '10rem', display: 'flex', justifyContent: 'center' }}>
+                <div style={{ width: '50rem', height: '25rem', padding: '10rem', backgroundColor: 'rgba(0, 0, 0, 0.8)' }}>
+                    <h3 style={{ color: 'white' }}>Berliner Hochschule für Technik</h3>
+                    <p style={{ color: 'white' }}>Herzlich Willkommen auf der unserer Homepage!</p>
+                    <LoginButton />
+                </div>
             </div>
         )
     }

my-app/src/components/TopMenu.js

@@ -3,32 +3,35 @@ import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 import NavDropdown from 'react-bootstrap/NavDropdown';
 import UserSessionWidget from "./userSessionWidget";
+import Container from 'react-bootstrap/Container';
 
 class TopMenu extends Component {
     render() {
         return (
             <div>
                 <Navbar bg="light" expand="lg">
-                    <Navbar.Brand href="#home">BHT</Navbar.Brand>
-                    <Navbar.Toggle aria-controls="basic-navbar-nav" />
-                    <Navbar.Collapse id="basic-navbar-nav">
-                        <Nav className="mr-auto">
-                            <Nav.Link href="#home">Home</Nav.Link>
-                            <Nav.Link href="#link">Link</Nav.Link>
-                            <NavDropdown title="Dropdown" id="basic-nav-dropdown">
-                                <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
-                                <NavDropdown.Item href="#action/3.2">
-                                    Another action
-                                </NavDropdown.Item>
-                                <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
-                                <NavDropdown.Divider />
-                                <NavDropdown.Item href="#action/3.4">
-                                    Separated link
-                                </NavDropdown.Item>
-                            </NavDropdown>
-                        </Nav>
-                        <UserSessionWidget />
-                    </Navbar.Collapse>
+                    <Container style={{margin: 0}}>
+                        <Navbar.Brand href="#home">BHT</Navbar.Brand>
+                        <Navbar.Toggle aria-controls="basic-navbar-nav" />
+                        <Navbar.Collapse id="basic-navbar-nav" style={{display: 'flex', flexWrap: 'row', justifyContent: 'space-between', width: '100%'}}>
+                            <Nav className="mr-auto">
+                                <Nav.Link href="#home">Home</Nav.Link>
+                                <Nav.Link href="#link">Link</Nav.Link>
+                                <NavDropdown title="Dropdown" id="basic-nav-dropdown">
+                                    <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
+                                    <NavDropdown.Item href="#action/3.2">
+                                        Another action
+                                    </NavDropdown.Item>
+                                    <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
+                                    <NavDropdown.Divider />
+                                    <NavDropdown.Item href="#action/3.4">
+                                        Separated link
+                                    </NavDropdown.Item>
+                                </NavDropdown>
+                            </Nav>
+                            <UserSessionWidget />
+                        </Navbar.Collapse>
+                    </Container>
                 </Navbar>
             </div>
         )