Services integrated with new api

src/app/login/login.page.ts

@@ -36,7 +36,7 @@ export class LoginPage implements OnInit {
 
     login() {
         this.authService.authenticateUser(this.credentials).then((data: any) => {
-            localStorage.userInfo = data;
+            localStorage.userInfo = JSON.stringify(data);
             localStorage.access_Token = data.access_Token;
             this.router.navigate(['/malls']);
             document.querySelector('.menu-icon-holder').classList.remove('hide');

src/app/profile/profile.page.html

@@ -5,12 +5,12 @@
 
             </figure>
             <div class="content">
-                <h5> Mr. Christian Carry
+                <h5> {{ userInfo.name }}
                     <ion-button fill="clear" color="light" size="small"> Edit </ion-button>
                 </h5>
                 <ul class="contact">
-                    <li> +91 0909239302 </li>
-                    <li> christian.carry22232@gmail.com </li>
+                    <li> {{ userInfo.mobile }} </li>
+                    <li> {{ userInfo.email }} </li>
                 </ul>
             </div>
         </div>

src/app/profile/profile.page.ts

@@ -9,6 +9,7 @@ import { Router } from '@angular/router';
 })
 export class ProfilePage implements OnInit {
     selected_tab: string = 'MY ORDERS';
+    userInfo: any;
 
     constructor(
         private location: Location,
@@ -16,6 +17,8 @@ export class ProfilePage implements OnInit {
     ) { }
 
     ngOnInit() {
+        this.userInfo = JSON.parse(localStorage.userInfo)['User Info'];
+        console.log(this.userInfo);
     }
 
 	ionViewDidEnter() {

src/app/services/mall.service.ts

@@ -17,7 +17,7 @@ export class MallService {
 			headers: new HttpHeaders({
 				'Access-Control-Allow-Origin': '*',
 				'Content-Type': 'application/json',
-				'Authorization': 'Token ' + localStorage.access_Token
+				'Authorization': 'Bearer ' + localStorage.access_Token
 			})
 		};
 
@@ -29,7 +29,7 @@ export class MallService {
 			headers: new HttpHeaders({
 				'Access-Control-Allow-Origin': '*',
 				'Content-Type': 'application/json',
-				'Authorization': 'Token ' + localStorage.access_Token
+				'Authorization': 'Bearer ' + localStorage.access_Token
 			})
 		};
 

src/app/services/order.service.ts

@@ -1,6 +1,6 @@
 import { Injectable } from '@angular/core';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { TOKEN, URL } from '../mocks/url';
+import { URL } from '../mocks/url';
 
 @Injectable({
 	providedIn: 'root'
@@ -16,7 +16,7 @@ export class OrderService {
 			headers: new HttpHeaders({
 				'Access-Control-Allow-Origin': '*',
 				'Content-Type': 'application/json',
-				'Authorization': 'Token ' + TOKEN
+				'Authorization': 'Bearer ' + localStorage.access_Token
 			})
 		};
 
@@ -28,7 +28,7 @@ export class OrderService {
 			headers: new HttpHeaders({
 				'Access-Control-Allow-Origin': '*',
 				'Content-Type': 'application/json',
-				'Authorization': 'Token ' + TOKEN
+				'Authorization': 'Bearer ' + localStorage.access_Token
 			})
 		};