refactor: code style

Author: PatrickJS

src/app/app.component.ts

@@ -1,7 +1,7 @@
 import {Component} from '@angular/core';
 
 @Component({
-  selector   : 'app',
+  selector: 'app',
   templateUrl: './app.component.html',
 })
 export class AppComponent {

src/app/app.module.ts

@@ -1,24 +1,41 @@
-import {NgModule} from '@angular/core'
-import {RouterModule} from "@angular/router";
-import {rootRouterConfig} from "./app.routes";
-import {AppComponent} from "./app.component";
-import {GithubService} from "./github/shared/github.service";
-import {FormsModule, ReactiveFormsModule} from "@angular/forms";
-import {BrowserModule} from "@angular/platform-browser";
-import {HttpModule} from "@angular/http";
-import {AboutComponent} from './about/about.component';
-import {HomeComponent} from './home/home.component';
-import {RepoBrowserComponent} from './github/repo-browser/repo-browser.component';
-import {RepoListComponent} from './github/repo-list/repo-list.component';
-import {RepoDetailComponent} from './github/repo-detail/repo-detail.component';
-import {LocationStrategy, HashLocationStrategy} from '@angular/common';
+import { NgModule } from '@angular/core'
+import { RouterModule } from '@angular/router';
+import { rootRouterConfig } from './app.routes';
+import { AppComponent } from './app.component';
+import { GithubService } from './github/shared/github.service';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { BrowserModule } from '@angular/platform-browser';
+import { HttpModule } from '@angular/http';
+
+import { AboutComponent } from './about/about.component';
+import { HomeComponent } from './home/home.component';
+import { RepoBrowserComponent } from './github/repo-browser/repo-browser.component';
+import { RepoListComponent } from './github/repo-list/repo-list.component';
+import { RepoDetailComponent } from './github/repo-detail/repo-detail.component';
+import { LocationStrategy, HashLocationStrategy } from '@angular/common';
 import { ContactComponent } from './contact/contact.component';
 
 @NgModule({
-  declarations: [AppComponent, AboutComponent, RepoBrowserComponent, RepoListComponent, RepoDetailComponent, HomeComponent, ContactComponent],
-  imports     : [BrowserModule, FormsModule, ReactiveFormsModule, HttpModule, RouterModule.forRoot(rootRouterConfig)],
-  providers   : [GithubService, {provide: LocationStrategy, useClass: HashLocationStrategy}],
-  bootstrap   : [AppComponent]
+  declarations: [
+    AppComponent,
+    AboutComponent,
+    RepoBrowserComponent,
+    RepoListComponent,
+    RepoDetailComponent,
+    HomeComponent,
+    ContactComponent
+  ],
+  imports: [
+    BrowserModule,
+    FormsModule,
+    ReactiveFormsModule,
+    HttpModule,
+    RouterModule.forRoot(rootRouterConfig, { useHash: true })
+  ],
+  providers: [
+    GithubService
+  ],
+  bootstrap: [ AppComponent ]
 })
 export class AppModule {
 

src/app/app.routes.ts

@@ -1,25 +1,26 @@
-import {Routes} from '@angular/router';
-import {AboutComponent} from './about/about.component';
-import {HomeComponent} from './home/home.component';
-import {RepoBrowserComponent} from './github/repo-browser/repo-browser.component';
-import {RepoListComponent} from './github/repo-list/repo-list.component';
-import {RepoDetailComponent} from './github/repo-detail/repo-detail.component';
+import { Routes } from '@angular/router';
+
+import { AboutComponent } from './about/about.component';
+import { HomeComponent } from './home/home.component';
+import { RepoBrowserComponent } from './github/repo-browser/repo-browser.component';
+import { RepoListComponent } from './github/repo-list/repo-list.component';
+import { RepoDetailComponent } from './github/repo-detail/repo-detail.component';
 import { ContactComponent } from './contact/contact.component';
 
 export const rootRouterConfig: Routes = [
-  {path: '', redirectTo: 'home', pathMatch: 'full'},
-  {path: 'home', component: HomeComponent},
-  {path: 'about', component: AboutComponent},
-  {path: 'github', component: RepoBrowserComponent,
+  { path: '', redirectTo: 'home', pathMatch: 'full' },
+  { path: 'home', component: HomeComponent },
+  { path: 'about', component: AboutComponent },
+  { path: 'github', component: RepoBrowserComponent,
     children: [
-      {path: '', component: RepoListComponent},
-      {path: ':org', component: RepoListComponent,
+      { path: '', component: RepoListComponent },
+      { path: ':org', component: RepoListComponent,
         children: [
-          {path: '', component: RepoDetailComponent},
-          {path: ':repo', component: RepoDetailComponent}
+          { path: '', component: RepoDetailComponent },
+          { path: ':repo', component: RepoDetailComponent }
         ]
       }]
   },
-  {path: 'contact', component: ContactComponent}
+  { path: 'contact', component: ContactComponent }
 ];