From aa47e9909157669d1d523b2100bc423a70b356d2 Mon Sep 17 00:00:00 2001
From: magahernandez <mghm291097@gmail.com>
Date: Thu, 1 Oct 2020 20:59:11 -0400
Subject: [PATCH] add sha256 to token

---
 package-lock.json                | 26 ++++++++++++++++++++++++++
 package.json                     |  4 +++-
 src/app/_helpers/fake-backend.ts |  5 +++--
 src/app/home/home.component.html |  5 ++++-
 src/app/home/home.component.ts   |  1 +
 5 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 25d4da6..50f2760 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -904,6 +904,27 @@
       "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
       "dev": true
     },
+    "angular": {
+      "version": "1.4.9",
+      "resolved": "https://registry.npmjs.org/angular/-/angular-1.4.9.tgz",
+      "integrity": "sha1-5gyR1puUzxNJzjigT6j5LWAD0qw="
+    },
+    "angular-crypto-js": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/angular-crypto-js/-/angular-crypto-js-1.0.7.tgz",
+      "integrity": "sha1-v20l2BkQ2t4iclDmZWJtMntL6ZY=",
+      "requires": {
+        "angular": "1.4.9",
+        "crypto-js": "^3.1.6"
+      },
+      "dependencies": {
+        "crypto-js": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-3.3.0.tgz",
+          "integrity": "sha512-DIT51nX0dCfKltpRiXV+/TVZq+Qq2NgF4644+K7Ttnla7zEzqc+kjJyiB96BHNyUTBxyjzRcZYpUdZa+QAqi6Q=="
+        }
+      }
+    },
     "ansi-colors": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
@@ -2395,6 +2416,11 @@
         "randomfill": "^1.0.3"
       }
     },
+    "crypto-js": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.0.0.tgz",
+      "integrity": "sha512-bzHZN8Pn+gS7DQA6n+iUmBfl0hO5DJq++QP3U6uTucDtk/0iGpXd/Gg7CGR0p8tJhofJyaKoWBuJI4eAO00BBg=="
+    },
     "css-parse": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/css-parse/-/css-parse-1.7.0.tgz",
diff --git a/package.json b/package.json
index bbefdc9..c965c1f 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,8 @@
         "@angular/platform-browser": "~8.0.1",
         "@angular/platform-browser-dynamic": "~8.0.1",
         "@angular/router": "~8.0.1",
+        "angular-crypto-js": "^1.0.7",
+        "crypto-js": "^4.0.0",
         "rxjs": "~6.4.0",
         "tslib": "^1.9.0",
         "zone.js": "~0.9.1"
@@ -45,4 +47,4 @@
         "tslint": "~5.15.0",
         "typescript": "~3.4.3"
     }
-}
\ No newline at end of file
+}
diff --git a/src/app/_helpers/fake-backend.ts b/src/app/_helpers/fake-backend.ts
index f33430c..defd26c 100644
--- a/src/app/_helpers/fake-backend.ts
+++ b/src/app/_helpers/fake-backend.ts
@@ -2,6 +2,7 @@
 import { HttpRequest, HttpResponse, HttpHandler, HttpEvent, HttpInterceptor, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { Observable, of, throwError } from 'rxjs';
 import { delay, mergeMap, materialize, dematerialize } from 'rxjs/operators';
+import sha256 from 'crypto-js/sha256';
 
 import { User } from '@app/_models';
 
@@ -42,7 +43,7 @@ export class FakeBackendInterceptor implements HttpInterceptor {
                 username: user.username,
                 firstName: user.firstName,
                 lastName: user.lastName,
-                token: 'fake-jwt-token'
+                token: sha256('fake-jwt-token')
             })
         }
 
@@ -66,7 +67,7 @@ export class FakeBackendInterceptor implements HttpInterceptor {
         }
 
         function isLoggedIn() {
-            return headers.get('Authorization') === 'Bearer fake-jwt-token';
+            return headers.get('Authorization') === 'Bearer '+sha256('fake-jwt-token');
         }
     }
 }
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index cef0d59..63e865c 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -4,7 +4,10 @@ <h4 class="card-header">You're logged in with Angular 8 & JWT!!</h4>
         <h6>Users from secure api end point</h6>
         <div *ngIf="loading" class="spinner-border spinner-border-sm"></div>
         <ul *ngIf="users">
-            <li *ngFor="let user of users">{{user.firstName}} {{user.lastName}}</li>
+            <li *ngFor="let user of users">{{user.id}}. {{user.firstName}} {{user.lastName}}</li>
         </ul>
     </div>
+    <div class="card-body">
+        <h3>Information</h3>
+    </div>
 </div>
\ No newline at end of file
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index 0f20acc..fa5facc 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -16,6 +16,7 @@ export class HomeComponent {
         this.userService.getAll().pipe(first()).subscribe(users => {
             this.loading = false;
             this.users = users;
+            console.log(this.users)
         });
     }
 }
\ No newline at end of file