email is now always lower case

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

@@ -35,11 +35,10 @@ export class LoginComponent implements OnInit {
     console.log('try to login with mail adress:' + pEmail);
     this.errorOccurred = false;
     this.errorMessage = ' ';
-    this.login.email = pEmail.trim();
+    this.login.email = pEmail.trim().toLowerCase();
     this.login.passwordHash = sha512.sha512(pPasswordHash);
-    console.log(this.login.passwordHash);
+    console.log(this.login.email);
 
-    console.log(this.login.passwordHash);
 
     this.loginService.login(this.login, error => this.loginError(error.json()));
   }

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

@@ -56,10 +56,24 @@
         </div>
       </nav>
       <div id="menu-button-box">
+        <button mat-icon-button [matMenuTriggerFor]="requestMenu" [disabled]="!loggedIn" id="menu-button">
+          <mat-icon >notifications</mat-icon>
+        </button>
         <button mat-icon-button [matMenuTriggerFor]="menu" id="menu-button">
           <mat-icon>more_vert</mat-icon>
         </button>
       </div>
+      <mat-menu #requestMenu="matMenu">
+        <button mat-menu-item (click)="$event.stopPropagation();">
+          <button mat-icon-button>
+            <mat-icon>check</mat-icon>
+          </button>
+          <button mat-icon-button>
+            <mat-icon>close</mat-icon>
+          </button>
+          <span>request</span>
+        </button> 
+      </mat-menu>
       <mat-menu #menu="matMenu">
         <button mat-menu-item (click)="$event.stopPropagation();">
           <mat-slide-toggle

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

@@ -39,7 +39,6 @@
 
 #login-button
   
-
 #menu-button-box
   text-align: right
   width: 100%

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

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

src/app/components/social/friends/friends.component.html

@@ -3,7 +3,12 @@
   <button id="new" type="submit"><span><i class="fa fa-plus fa-3x" aria-hidden="true"></i></span></button>
   <button id="invitations" type="submit"><span><i class="fa fa-envelope-o fa-3x" aria-hidden="true"></i></span></button>
 </div>-->
-<mat-toolbar><span>Friends</span></mat-toolbar>
+<mat-toolbar>
+  <span>Friends</span>
+  <div id="button-box">
+    <button mat-icon-button><mat-icon>person_add</mat-icon></button>
+  </div>
+</mat-toolbar>
 <div id="friendlist">
     <!--<div class="frienditem" *ngFor="let friend of friends"
     [class.selected]="friend === selectedFriend" (click)="showFriendProfile(friend)"> 

src/app/components/social/friends/friends.component.sass

@@ -17,3 +17,7 @@
 .profile-picture
   background-image: url(https://material.angular.io/assets/img/examples/shiba1.jpg)
   background-size: cover
+
+#button-box
+  text-align: right
+  width: 100%

src/app/components/social/groups/groups.component.html

@@ -3,7 +3,12 @@
     <button id="new" type="submit"><span><i class="fa fa-plus fa-3x" aria-hidden="true"></i></span></button>
     <button id="invitations" type="submit"><span><i class="fa fa-envelope-o fa-3x" aria-hidden="true"></i></span></button>
 </div>-->
-<mat-toolbar><span>Groups</span></mat-toolbar>
+<mat-toolbar>
+  <span>Groups</span>
+  <div id="button-box">
+    <button mat-icon-button><mat-icon>group_add</mat-icon></button>
+  </div>
+</mat-toolbar>
 <div id="grouplist">
     <!--<div class="groupitem" *ngFor="let group of groups"
     [class.selected]="group === selectedGroup" (click)="showGroup(group)"> 

src/app/components/social/groups/groups.component.sass

@@ -15,3 +15,7 @@
 .group-picture
   background-image: url(https://material.angular.io/assets/img/examples/shiba1.jpg)
   background-size: cover
+
+#button-box
+  text-align: right
+  width: 100%