updated component suffix

Author: samvloeberghs

src/app/app.module.ts

@@ -5,10 +5,10 @@ import { HttpModule } from '@angular/http';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 import { AppComponent, ROUTES, AppState } from './';
-import { Login } from './login';
-import { Register } from './register';
-import { SetNewPassword } from './set-new-password';
-import { ForgotPassword } from './forgot-password';
+import { LoginComponent } from './login';
+import { RegisterComponent } from './register';
+import { SetNewPasswordComponent } from './set-new-password';
+import { ForgotPasswordComponent } from './forgot-password';
 
 const APP_PROVIDERS = [
   AppState
@@ -22,7 +22,7 @@ const APP_PROVIDERS = [
     ReactiveFormsModule,
     RouterModule.forRoot(ROUTES, {useHash: false})
   ],
-  declarations: [AppComponent, Login, Register, SetNewPassword, ForgotPassword],
+  declarations: [AppComponent, LoginComponent, RegisterComponent, SetNewPasswordComponent, ForgotPasswordComponent],
   bootstrap: [AppComponent],
   providers: [
     APP_PROVIDERS

src/app/app.routes.ts

@@ -1,14 +1,14 @@
 import { Routes } from '@angular/router';
 
-import { Login } from './login';
-import { Register } from './register';
-import { ForgotPassword } from './forgot-password';
-import { SetNewPassword } from './set-new-password';
+import { LoginComponent } from './login';
+import { RegisterComponent } from './register';
+import { ForgotPasswordComponent } from './forgot-password';
+import { SetNewPasswordComponent } from './set-new-password';
 
 export const ROUTES: Routes = [
-  {path: '', component: Login},
-  {path: 'login', component: Login},
-  {path: 'register', component: Register},
-  {path: 'forgot-password', component: ForgotPassword},
-  {path: 'set-new-password', component: SetNewPassword},
+  {path: '', component: LoginComponent},
+  {path: 'login', component: LoginComponent},
+  {path: 'register', component: RegisterComponent},
+  {path: 'forgot-password', component: ForgotPasswordComponent},
+  {path: 'set-new-password', component: SetNewPasswordComponent},
 ];

src/app/forgot-password/forgotPassword.component.ts

@@ -9,7 +9,7 @@ import { EmailValidator } from '../email-validator';
   styles: [require('./forgotPassword.component.scss')],
   template: require('./forgotPassword.component.html')
 })
-export class ForgotPassword implements OnInit {
+export class ForgotPasswordComponent implements OnInit {
 
   form: FormGroup;
   submitted = false;

src/app/login/login.component.ts

@@ -9,7 +9,7 @@ import { EmailValidator } from '../email-validator';
   styles: [require('./login.component.scss')],
   template: require('./login.component.html')
 })
-export class Login implements OnInit {
+export class LoginComponent implements OnInit {
 
   form: FormGroup;
   submitted = false;

src/app/register/register.component.ts

@@ -9,7 +9,7 @@ import { EmailValidator } from '../email-validator';
   styles: [require('./register.component.scss')],
   template: require('./register.component.html')
 })
-export class Register implements OnInit {
+export class RegisterComponent implements OnInit {
 
   form: FormGroup;
   submitted = false;

src/app/set-new-password/setNewPassword.component.ts

@@ -8,7 +8,7 @@ import { FormBuilder, FormGroup, Validators, FormControl } from '@angular/forms'
   styles: [require('./setNewPassword.component.scss')],
   template: require('./setNewPassword.component.html')
 })
-export class SetNewPassword implements OnInit {
+export class SetNewPasswordComponent implements OnInit {
 
   form: FormGroup;
   submitted = false;