added AuthModule ( ! )

Author: dkarski

src/app/app.module.ts

@@ -5,6 +5,7 @@ import {BrowserModule} from '@angular/platform-browser';
 import {RouterModule} from '@angular/router';
 
 import {CoreModule} from './core/core.module';
+import {AuthModule} from './auth/auth.module';
 
 import {AppComponent} from './core/containers/app/app.component';
 
@@ -17,6 +18,7 @@ import {routes} from './routes';
     HttpClientModule,
     RouterModule.forRoot(routes, { useHash: true }),
     CoreModule.forRoot(),
+    AuthModule.forRoot(),
   ],
   bootstrap: [AppComponent]
 })

src/app/auth/auth.module.ts

@@ -0,0 +1,39 @@
+import {NgModule, ModuleWithProviders} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {ReactiveFormsModule} from '@angular/forms';
+
+import {LoginPageComponent} from './containers/login-page/login-page.component';
+
+import {AuthService} from './services/auth.service';
+import {AuthGuard} from './services/auth-guard.service';
+
+export const COMPONENTS = [
+  LoginPageComponent,
+];
+
+@NgModule({
+  imports: [
+    CommonModule,
+    ReactiveFormsModule
+  ],
+  declarations: COMPONENTS,
+  exports: COMPONENTS,
+})
+export class AuthModule {
+  static forRoot():ModuleWithProviders {
+    return {
+      ngModule: RootAuthModule,
+      providers: [AuthService, AuthGuard],
+    };
+  }
+}
+
+@NgModule({
+  imports: [
+    AuthModule,
+    RouterModule.forChild([{path: 'login', component: LoginPageComponent}]),
+  ],
+})
+export class RootAuthModule {
+}

src/app/auth/models/user.ts

@@ -0,0 +1,8 @@
+export interface Authenticate {
+  username: string;
+  password: string;
+}
+
+export interface User {
+  name: string;
+}

src/app/auth/services/auth-guard.service.ts

@@ -0,0 +1,21 @@
+import {Injectable} from '@angular/core';
+import {CanActivate, Router} from '@angular/router';
+import {of} from 'rxjs/observable/of';
+import {Observable} from 'rxjs/Observable';
+
+import {AuthService} from './auth.service';
+
+@Injectable()
+export class AuthGuard implements CanActivate {
+  constructor(private router:Router,
+              private authService:AuthService) {
+  }
+
+  canActivate():Observable<boolean> {
+    if (this.authService.authorized) {
+      return of(true)
+    } else {
+      this.router.navigate(['/login']);
+    }
+  }
+}

src/app/auth/services/auth.service.ts

@@ -0,0 +1,28 @@
+import {Injectable} from '@angular/core';
+import {of} from 'rxjs/observable/of';
+import {_throw} from 'rxjs/observable/throw';
+import {User, Authenticate} from '../models/user';
+
+@Injectable()
+export class AuthService {
+  public authorized = true;
+
+  constructor() {
+  }
+
+  login({username, password}: Authenticate) {
+    /**
+     * Simulate a failed login to display the error
+     * message for the login form.
+     */
+    if (username !== 'test') {
+      return _throw('Invalid username or password');
+    }
+
+    return of({name: 'User'});
+  }
+
+  logout() {
+    return of(true);
+  }
+}

src/app/main-wall/main-wall.module.ts

@@ -6,9 +6,6 @@ import {OfferResponsePageComponent} from './containers/offer-response-page/offer
 import {MainWallPageComponent} from './containers/main-wall-page/main-wall-page.component';
 import {AddOfferPageComponent} from './containers/add-offer-page/add-offer-page.component';
 
-
-
-
 export const COMPONENTS = [
   OfferResponsePageComponent,
   MainWallPageComponent,

src/app/routes.ts

@@ -1,17 +1,18 @@
 import { Routes } from '@angular/router';
 import {NotFoundPageComponent} from './core/containers/not-found-page/not-found-page.component';
+import {AuthGuard} from './auth/services/auth-guard.service';
 
 export const routes: Routes = [
   { path: '', redirectTo: '/main-wall', pathMatch: 'full' },
   {
     path: 'main-wall',
     loadChildren: './main-wall/main-wall.module#MainWallModule',
-    // canActivate: [AuthGuard],
+    canActivate: [AuthGuard],
   },
   {
     path: 'user-panel',
     loadChildren: './user-panel/user-panel.module#UserPanelModule',
-    // canActivate: [AuthGuard],
+    canActivate: [AuthGuard],
   },
   { path: '**', component: NotFoundPageComponent },
 ];