Wsrtjtyk

// Routing array - set routes to each html page

const appRoutes: Routes = [

  { path: 'login/:id', redirectTo:'/courses', canActivate: [AuthGuard] },

  { path: '', canActivate: [AuthGuard], canActivateChild: [AuthGuard], children: [

    { path: '', redirectTo: '/courses', pathMatch: 'full' },

    { path: 'courses', component: CourseListComponent,  pathMatch: 'full'},

    { path: 'courses/:courseId', component: CourseDetailComponent, pathMatch: 'full' },

    { path: 'courses/:courseId/unit/:unitId', component: CoursePlayComponent,

      children: [

        { path: '', component: CourseListComponent },

        { path: 'lesson/:lessonId', component: CourseLessonComponent, data:{ type: 'lesson'} },

        { path: 'quiz/:quizId', component: CourseQuizComponent, data: {type: 'quiz'} }

      ]}

    ]},

  { path: '**', component: PageNotFoundComponent, pathMatch: 'full' }];

     // what we'll use in production and testing

     canActivate(route: ActivatedRouteSnapshot, state:

     RouterStateSnapshot): boolean |

     Observable<boolean> | Promise<boolean> {

       // save the id from route snapshot

       const id = route.params.id;



       // if you try to logged with id

       if (id) {

         this.authUserService.login(id);



         // if there was error with HttpClient - return false

         if (this.authUserService.errorMessage) {

           this.router.navigate(["**"]);

           return false;

         }



         // there wasn't any errors - redirectTo courses

         else {

           this.router.navigate(["/courses"]);

           return true;

         }

       }



       // if you already logged and just navigate between pages

       else if (this.authUserService.isLoggedIn )

          return true;



       else {

         this.router.navigate(["**"]);

         return false;

       }

      }



       canActivateChild(route: ActivatedRouteSnapshot,state:

       RouterStateSnapshot): boolean |

       Observable<boolean> | Promise<boolean> {

          return this.canActivate(route, state);

        }

export class AuthUserService {



  private user: IUser;

  public errorMessage: string;

  public isLoggedIn: boolean = false;



  constructor(private userService: UserService) { }



  // store the session and call http get

  login(id: number) {

    this.userService.getUser(id).subscribe(

      user => {

        this.user = user;

        localStorage.setItem('user', JSON.stringify(this.user));

        this.isLoggedIn = true;

      },

      error  => this.errorMessage = <any>error

    );

  }



  // clear session

  logout() {

    localStorage.removeItem('user');

    this.isLoggedIn = false;

  }

}