Added Username to Navbar

src/app/navbar/navbar.component.html

@@ -6,6 +6,7 @@
     <ul class="navbar-nav ml-auto">
       <li><a class="nav-link" href="#">Home</a></li>
       <li><a class="nav-link" href="#">Sign Up</a></li>
+      <li><a *ngIf="isLoggedin()" class="nav-link">{{username}}</a></li>
       <li><a class="nav-link" href="#"> <i class="fa fa-user"></i>&nbsp;&nbsp;<i class="fa fa-ellipsis-v"></i></a></li>
     </ul>
   </div>

src/app/navbar/navbar.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { User } from '../services/user.service';
 
 @Component({
   selector: 'app-navbar',
@@ -9,6 +10,19 @@ export class NavbarComponent implements OnInit {
 
   constructor() { }
 
+  username:string;
+
+  isLoggedin(){
+
+    const name_exists = localStorage.getItem('username');
+    if(name_exists){
+      this.username = name_exists;
+      return true;
+    }
+    else{
+      return false;
+    }
+  }
   ngOnInit() {
   }
 

src/app/services/authentication.service.ts

@@ -18,6 +18,9 @@ import { Injectable } from '@angular/core';
      body.set('username', user.username);
      body.set('password', user.password);
 
+     // Store Username in Local Storage
+     localStorage.setItem('username',user.username);
+
      const options = {
        headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded')
                                  .set('Access-Control-Allow-Origin', '*')