181-logout-feature

src/pages/profile/profile.html

@@ -102,7 +102,7 @@
   <div class="buttons-div">
   <button ion-button class="buttons1" outline color="dark">Edit Profile</button>
 
-  <button ion-button outline class="buttons1" color="dark">Logout</button>
+  <button ion-button outline class="buttons1" color="dark" (click)='onLogout()'>Logout</button>
   </div>
 
 </ion-content>

src/pages/profile/profile.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { NavController, NavParams } from 'ionic-angular';
+import { UserProvider } from '../../providers/user/user';
 
 /**
  * Generated class for the ProfilePage page.
@@ -14,11 +15,19 @@ import { NavController, NavParams } from 'ionic-angular';
 })
 export class ProfilePage {
 
-  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  constructor(public navCtrl: NavController, public navParams: NavParams, public user :UserProvider) {
   }
 
   ionViewDidLoad() {
     console.log('ionViewDidLoad ProfilePage');
   }
 
+  onLogout() {
+    this.user.logoutUser(window.sessionStorage.getItem('token'))
+      .subscribe( response => {
+        console.log('onsubscibe-logout')
+        window.sessionStorage.clear()
+      })
+  }
+
 }

src/providers/user/user.ts

@@ -32,7 +32,13 @@ export class UserProvider {
     return this.http.post(this.requestUrl + '/appUsers/login', creds);
   }
 
+  logoutUser(token:any) {
+    console.log('onservice-logout')
+    return this.http.post(this.requestUrl + "/appUsers/logout", token )
+  }
+
   getUser(id) {
     return this.http.get(this.requestUrl + '/appUsers/' + id)
+
   }
 }