#63, email gets trimmed now

src/app/components/login/login.component.ts

@@ -34,7 +34,7 @@ export class LoginComponent implements OnInit {
     console.log('try to login with mail adress:' + pEmail); 
     this.errorOccurred = false;
     this.errorMessage = " ";
-    this.login.email = pEmail
+    this.login.email = pEmail.trim()
     this.login.passwordHash = sha512.sha512(pPasswordHash);
     console.log(this.login.passwordHash);
 

src/app/components/main-navigation/main-navigation.component.html

@@ -32,7 +32,7 @@
       <span>Greenvironment</span>
         <!--The following menu items will be hidden on both SM and XS screen sizes -->
       <nav mat-tab-nav-bar backgroundColor="primary" fxShow="true" fxHide.lt-md="true">
-        <div *ngIf="loggedIn">
+        <div [hidden]="!loggedIn">
         <a mat-tab-link class="link"
               *ngFor="let link of navLinksLoggedIn"
               [routerLink]="link.path"
@@ -42,9 +42,8 @@
               [active]="activeLink == link">
               {{link.label}}
           </a>
-          <a mat-tab-link (click)="logout()" >log out</a>
           </div>
-          <div *ngIf="!loggedIn">
+          <div [hidden]="loggedIn">
           <a mat-tab-link class="link"
           *ngFor="let link of navLinks"
           [routerLink]="link.path"
@@ -54,6 +53,10 @@
           [active]="rla.isActive">
           {{link.label}}
           </a>
+          <a mat-tab-link class="link" id="login-button" routerLink="/login" (click)="activeLink = link"
+          routerLinkActive #rla="routerLinkActive"
+          [routerLinkActiveOptions]="{exact:true}"
+          [active]="rla.isActive">Login</a>
         </div>
       </nav>
       <div id="menu-button-box">
@@ -63,13 +66,19 @@
       </div>
       <mat-menu #menu="matMenu">
         <button mat-menu-item (click)="$event.stopPropagation();">
-        <mat-slide-toggle
+          <mat-slide-toggle
-          color="primary"
+            color="primary"
-          class="theme-button"
+            class="theme-button"
-          (change)="toggleTheme()"><!--stays white when dragged-->
+            (change)="toggleTheme()"><!--stays white when dragged-->
-          dark mode
+            dark mode
-        </mat-slide-toggle>
+          </mat-slide-toggle>
         </button>
+        <div  [hidden]="!loggedIn">
+          <button mat-menu-item (click)="logout()" >
+            <mat-icon>exit_to_app</mat-icon>
+            <span>log out</span>
+          </button> 
+        </div>
       </mat-menu>
     </mat-toolbar>
     <router-outlet></router-outlet>

src/app/components/main-navigation/main-navigation.component.sass

@@ -26,6 +26,7 @@
   .mat-tab-link
     height: 56px
 
+
 #link-box
   padding: 0.5em
 
@@ -36,7 +37,8 @@
 /deep/ .mat-tab-link
   min-width: 5em!important
 
-
+#login-button
+  
 
 #menu-button-box
   text-align: right

src/app/components/main-navigation/main-navigation.component.ts

@@ -59,8 +59,6 @@ export class MainNavigationComponent implements OnInit {
     { path: '', label: 'Home' },
     { path: '/about', label: 'About' },
     { path: '/imprint', label: 'Imprint' },
-    { path: '/login', label: 'Login' },
-    { path: '/register', label: 'Register' },
   ];
   
   toggleTheme() {

src/app/components/register/register.component.ts

@@ -32,8 +32,8 @@ export class RegisterComponent implements OnInit {
     this.errorOccurred = false;
     this.errorMessage = " ";
     if(this.passwordSame(pPasswordHash,pPasswordHashRepeat)){
-      this.registration.username = pUsername
+      this.registration.username = pUsername.trim()
-      this.registration.email = pEmail
+      this.registration.email = pEmail.trim()
       this.registration.passwordHash = sha512.sha512(pPasswordHash);
       this.registerService.register(this.registration, error => this.registerError(error.json()));
     }