Added logout and localStorage

src/app/layouts/full-layout.component.html

@@ -38,7 +38,7 @@
         <a class="dropdown-item" href="#"><i class="fa fa-file"></i> Notifications<span class="badge badge-primary">42</span></a>
         <div class="divider"></div>
         <a class="dropdown-item" href="#"><i class="fa fa-shield"></i> Lock account</a>
-        <a class="dropdown-item" href="#"><i class="fa fa-lock"></i> Logout</a>
+        <a class="dropdown-item" (click)="userlogout()"><i class="fa fa-lock"></i> Logout</a>
       </div>
     </li>
     <li class="nav-item d-md-down-none">

src/app/layouts/full-layout.component.ts

@@ -1,11 +1,17 @@
 import { Component, OnInit } from '@angular/core';
+import { ApiService } from '../providers/api-service';
+import {Router } from '@angular/router';
 
 @Component({
   selector: 'app-dashboard',
-  templateUrl: './full-layout.component.html'
+  templateUrl: './full-layout.component.html',
+  providers: [ApiService]
 })
 export class FullLayoutComponent implements OnInit {
-
+  constructor(
+  private api: ApiService,
+  private router: Router,
+  ) {}
   public disabled = false;
   public status: {isopen: boolean} = {isopen: false};
 
@@ -20,4 +26,14 @@ export class FullLayoutComponent implements OnInit {
   }
 
   ngOnInit(): void {}
-}
+  userlogout() {
+	console.log('logout clicked');
+	this.api
+	  .logout()
+	  .subscribe(
+		result => {
+		  console.log('Logged out!');
+		}
+	  );
+  }
+}