docs(toh-5/ts): minor edits

Author: chalin

public/docs/_examples/toh-5/ts/app/app.component.1.ts

@@ -10,7 +10,6 @@ import { HeroesComponent } from './heroes.component';
 import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router-deprecated';
 
 // #docregion
-
 @Component({
   selector: 'my-app',
   template: `
@@ -19,13 +18,12 @@ import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/route
   `,
   directives: [HeroesComponent],
   providers: [
-// #enddocregion
+    // #enddocregion
    ROUTER_PROVIDERS,
-// #docregion
+    // #docregion
     HeroService
   ]
 })
 export class AppComponent {
   title = 'Tour of Heroes';
 }
-// #enddocregion

public/docs/_examples/toh-5/ts/app/app.component.2.ts

@@ -10,14 +10,14 @@ import { HeroesComponent } from './heroes.component';
 
 @Component({
   selector: 'my-app',
-// #docregion template
+  // #docregion template
   template: `
     <h1>{{title}}</h1>
     <a [routerLink]="['Heroes']">Heroes</a>
     <router-outlet></router-outlet>
   `,
-// #enddocregion template
-// #docregion directives-and-providers
+  // #enddocregion template
+  // #docregion directives-and-providers
   directives: [ROUTER_DIRECTIVES],
   providers: [
     ROUTER_PROVIDERS,
@@ -37,4 +37,3 @@ import { HeroesComponent } from './heroes.component';
 export class AppComponent {
   title = 'Tour of Heroes';
 }
-// #enddocregion

public/docs/_examples/toh-5/ts/app/app.component.css

@@ -1,5 +1,4 @@
-/* #docplaster */
-/* #docregion css */
+/* #docregion */
 h1 {
   font-size: 1.2em;
   color: #999;
@@ -28,4 +27,3 @@ nav a:hover {
 nav a.router-link-active {
   color: #039be5;
 }
-/* #enddocregion css */

public/docs/_examples/toh-5/ts/app/app.component.ts

@@ -12,7 +12,7 @@ import { HeroService } from './hero.service';
 
 @Component({
   selector: 'my-app',
-// #docregion template
+  // #docregion template
   template: `
     <h1>{{title}}</h1>
     <nav>
@@ -21,32 +21,32 @@ import { HeroService } from './hero.service';
     </nav>
     <router-outlet></router-outlet>
   `,
-// #enddocregion template
-// #docregion style-urls
+  // #enddocregion template
+  // #docregion style-urls
   styleUrls: ['app/app.component.css'],
-// #enddocregion style-urls
+  // #enddocregion style-urls
   directives: [ROUTER_DIRECTIVES],
   providers: [
     ROUTER_PROVIDERS,
     HeroService
   ]
 })
 @RouteConfig([
-// #docregion dashboard-route
+  // #docregion dashboard-route
   {
     path: '/dashboard',
     name: 'Dashboard',
     component: DashboardComponent,
     useAsDefault: true
   },
-// #enddocregion dashboard-route
-// #docregion hero-detail-route
+  // #enddocregion dashboard-route
+  // #docregion hero-detail-route
   {
     path: '/detail/:id',
     name: 'HeroDetail',
     component: HeroDetailComponent
   },
-// #enddocregion hero-detail-route
+  // #enddocregion hero-detail-route
   {
     path: '/heroes',
     name: 'Heroes',
@@ -56,4 +56,3 @@ import { HeroService } from './hero.service';
 export class AppComponent {
   title = 'Tour of Heroes';
 }
-// #enddocregion

public/docs/_examples/toh-5/ts/app/dashboard.component.2.ts

@@ -24,4 +24,3 @@ export class DashboardComponent implements OnInit {
 
   gotoDetail() { /* not implemented yet */}
 }
-// #enddocregion component

public/docs/_examples/toh-5/ts/app/dashboard.component.css

@@ -1,4 +1,3 @@
-/* #docplaster */
 /* #docregion */
 [class*='col-'] {
   float: left;
@@ -60,4 +59,3 @@ h4 {
 	  min-width: 60px;
 	}
 }
-/* #enddocregion */

public/docs/_examples/toh-5/ts/app/dashboard.component.html

@@ -1,9 +1,9 @@
 <!-- #docregion -->
 <h3>Top Heroes</h3>
 <div class="grid grid-pad">
-<!-- #docregion click -->
+  <!-- #docregion click -->
   <div *ngFor="let hero of heroes" (click)="gotoDetail(hero)" class="col-1-4">
-<!-- #enddocregion click -->
+  <!-- #enddocregion click -->
     <div class="module hero">
       <h4>{{hero.name}}</h4>
     </div>

public/docs/_examples/toh-5/ts/app/dashboard.component.ts

@@ -22,12 +22,12 @@ export class DashboardComponent implements OnInit {
 
   heroes: Hero[] = [];
 
-// #docregion ctor
+  // #docregion ctor
   constructor(
     private router: Router,
     private heroService: HeroService) {
   }
-// #enddocregion ctor
+  // #enddocregion ctor
 
   ngOnInit() {
     this.heroService.getHeroes()
@@ -41,4 +41,3 @@ export class DashboardComponent implements OnInit {
   }
   // #enddocregion goto-detail
 }
-// #enddocregion

public/docs/_examples/toh-5/ts/app/hero-detail.component.ts

@@ -1,7 +1,6 @@
 // #docplaster
 // #docregion
-// #docregion v2
-// #docregion import-oninit
+// #docregion import-oninit, v2
 import { Component, OnInit } from '@angular/core';
 // #enddocregion import-oninit
 // #docregion import-route-params
@@ -18,39 +17,36 @@ import { HeroService } from './hero.service';
   selector: 'my-hero-detail',
   // #docregion template-url
   templateUrl: 'app/hero-detail.component.html',
-  // #enddocregion template-url
-// #enddocregion v2
+  // #enddocregion template-url, v2
   styleUrls: ['app/hero-detail.component.css']
-// #docregion v2
+  // #docregion v2
 })
 // #enddocregion extract-template
 // #docregion implement
 export class HeroDetailComponent implements OnInit {
-// #enddocregion implement
+  // #enddocregion implement
   hero: Hero;
 
-// #docregion ctor
+  // #docregion ctor
   constructor(
     private heroService: HeroService,
     private routeParams: RouteParams) {
   }
-// #enddocregion ctor
+  // #enddocregion ctor
 
-// #docregion ng-oninit
+  // #docregion ng-oninit
   ngOnInit() {
     // #docregion get-id
     let id = +this.routeParams.get('id');
     // #enddocregion get-id
     this.heroService.getHero(id)
       .then(hero => this.hero = hero);
   }
-// #enddocregion ng-oninit
+  // #enddocregion ng-oninit
 
-// #docregion go-back
+  // #docregion go-back
   goBack() {
     window.history.back();
   }
 // #enddocregion go-back
 }
-// #enddocregion v2
-// #enddocregion

public/docs/_examples/toh-5/ts/app/hero.service.ts

@@ -24,4 +24,3 @@ export class HeroService {
   }
   // #enddocregion get-hero
 }
-// #enddocregion