#4 - add auth.guard to avoid user try access to profile page when hav…

…en't signin yet

src/app/_help/auth.guard.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AuthGuard } from './auth.guard';
+
+describe('AuthGuard', () => {
+  let guard: AuthGuard;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    guard = TestBed.inject(AuthGuard);
+  });
+
+  it('should be created', () => {
+    expect(guard).toBeTruthy();
+  });
+});

src/app/_help/auth.guard.ts

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import {ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot, UrlTree} from '@angular/router';
+import { Observable } from 'rxjs';
+import {TokenStorageService} from "../_service/token-storage.service";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuthGuard implements CanActivate {
+
+  constructor(private router:Router, private tokenStorage: TokenStorageService ) {
+  }
+  canActivate(
+    route: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
+    if(!(localStorage.getItem("isSignin")=="true")){
+      this.router.navigate(["signin"]);
+      return false;
+    }
+
+    return true;
+  }
+
+}

src/app/app-routing.module.ts

@@ -4,9 +4,10 @@ import { ContactComponent } from './pages/contact/contact.component';
 import { HomeComponent } from './pages/home/home.component';
 import { NotfoundComponent } from './pages/notfound/notfound.component';
 import { ProfileComponent } from "./profile/profile/profile.component";
+import {AuthGuard} from "./_help/auth.guard";
 
 const routes: Routes = [
-  { path: 'profile', component: ProfileComponent },
+  { path: 'profile', component: ProfileComponent ,canActivate:[AuthGuard]},
   { path: 'home', component: HomeComponent },
   { path: 'contact', component: ContactComponent },
   { path: '404', component: NotfoundComponent },

src/app/auth/signin/signin-form/signin-form.component.ts

@@ -37,6 +37,7 @@ export class SigninFormComponent implements OnInit {
         this.tokenStorage.saveUser(user);
         console.log(user);
         alert("login success")
+        localStorage.setItem("isSignin","true");
         this.isLoggedIn = true;
         this.siginForm.reset();
         alert(this.tokenStorage.getUser().username)