From 1695e898eec7b368dcded087d84113de69a48234 Mon Sep 17 00:00:00 2001
From: sayam <sawaisayam@gmail.com>
Date: Wed, 18 Dec 2019 23:23:37 +0530
Subject: [PATCH] Added Logout Feature

---
 src/app/navbar/navbar.component.css  |  1 -
 src/app/navbar/navbar.component.html |  1 +
 src/app/navbar/navbar.component.ts   | 24 +++++++++++++++++++++++-
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/app/navbar/navbar.component.css b/src/app/navbar/navbar.component.css
index d475594..fc49767 100644
--- a/src/app/navbar/navbar.component.css
+++ b/src/app/navbar/navbar.component.css
@@ -22,7 +22,6 @@
   margin-right: 40px;
 }
 
-
 @media all and (max-width: 600px) {
   * {
     font-size: 80%;
diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html
index 6fee632..ab5d64b 100644
--- a/src/app/navbar/navbar.component.html
+++ b/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" href="/" (click)="logout()">Logout</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>
diff --git a/src/app/navbar/navbar.component.ts b/src/app/navbar/navbar.component.ts
index 8e29f4e..936683c 100644
--- a/src/app/navbar/navbar.component.ts
+++ b/src/app/navbar/navbar.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-navbar',
@@ -7,8 +8,29 @@ import { Component, OnInit } from '@angular/core';
 })
 export class NavbarComponent implements OnInit {
 
-  constructor() { }
+  constructor(private router: Router) { }
 
+  // Check if User is Logged In
+  isLoggedin(){
+    const token_exists = localStorage.getItem('token');
+    if(token_exists){ 
+      return true;
+    }
+    else{
+      return false;
+    }
+  }
+
+  logout(){
+
+    // Remove Token and expiry date
+    localStorage.removeItem('token');
+    localStorage.removeItem('expires_at');
+
+    // Redirect to home/login page
+    this.router.navigateByUrl('/');
+
+  }
   ngOnInit() {
   }