more post-review changes

Author: chalin

public/docs/_examples/toh-5/dart/lib/hero_detail_component.dart

@@ -1,10 +1,10 @@
 // #docplaster
 // #docregion , v2
+// #docregion added-imports
 import 'dart:async';
-// #docregion dart-html
-import 'dart:html';
-// #enddocregion dart-html
+import 'dart:html' show window;
 
+// #enddocregion added-imports
 import 'package:angular2/core.dart';
 // #docregion added-imports
 import 'package:angular2/router.dart';

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

@@ -8,7 +8,7 @@ import { Component, Input, OnInit } from '@angular/core';
 import { ActivatedRoute, Params } from '@angular/router';
 
 import { HeroService } from './hero.service';
-// #docregion added-imports
+// #enddocregion added-imports
 
 // Bogus code below this point. It is only here to make lint happy.
 import { Hero } from './hero';

public/docs/dart/latest/tutorial/toh-pt5.jade

@@ -118,12 +118,6 @@ block extract-id
   :marked
     Notice how we extract the `id` by calling the `RouteParams.get` method.
 
-block dart-html
-  :marked
-    We'll also need to import `dart:html` to gain access to `window`.
-
-  +makeExcerpt('lib/hero_detail_component.dart', 'dart-html', '')
-
 block heroes-component-cleanup
   :marked
     Because the template for `HeroesComponent` no longer uses `HeroDetailComponent`

public/docs/ts/_cache/tutorial/toh-pt5.jade

@@ -206,13 +206,14 @@ block router-config-intro
 +makeExcerpt('app/' + _file + ' (heroes route)', 'heroes')
 
 - var _are = _docsFor == 'dart' ? 'takes' : 'are'
+- var _routePathPrefix = _docsFor == 'dart' ? '/' : ''
 :marked
   The `!{_RoutesVsAtRouteConfig}` !{_are} !{_an} !{_array} of *route definitions*.
   We have only one route definition at the moment but rest assured, we'll add more.
 
   This *route definition* has the following parts:
 
-  - **path**: the router matches this route's path to the URL in the browser address bar (`/heroes`).
+  - **path**: the router matches this route's path to the URL in the browser address bar (`!{_routePathPrefix}heroes`).
   <li if-docs="dart"> **name**: the official name of the route;
    it *must* begin with a capital letter to avoid confusion with the *path* (`Heroes`).</li>
   - **component**: the component that the router should create when navigating to this route (`HeroesComponent`).
@@ -359,8 +360,8 @@ block redirect-vs-use-as-default
     They don't do anything yet but they'll be convenient when we style the links a little later in the chapter.
 
 :marked
-  Refresh the browser. The app displays the dashboard and
-  we can navigate between the dashboard and the heroes.
+  To see these changes in your browser, go to the application root (`/`) and reload.
+  The app displays the dashboard and we can navigate between the dashboard and the heroes.
 
   ## Dashboard Top Heroes
 
@@ -577,9 +578,6 @@ block extract-id
 
 +makeExcerpt('app/hero-detail.component.ts', 'goBack')
 
-block dart-html
-  //- N/A
-
 - var _CanDeactivateGuard = _docsFor == 'dart' ? '<em>routerCanDeactivate</em> hook' : '<em>CanDeactivate</em> guard'
 - var _CanDeactivateGuardUri = _docsFor == 'dart' ? 'angular2.router/CanDeactivate-class' : 'router/index/CanDeactivate-interface'
 .l-sub-section
@@ -599,7 +597,7 @@ block dart-html
   incremental improvement and migrate the template to its own file,
   called <span ngio-ex>hero-detail.component.html</span>:
 
-+makeExcerpt('app/hero-detail.component.html')
++makeExample('app/hero-detail.component.html')
 
 :marked
   We update the component metadata with a `templateUrl` pointing to the template file that we just created.

public/docs/ts/latest/tutorial/toh-pt5.jade

@@ -206,13 +206,14 @@ block router-config-intro
 +makeExcerpt('app/' + _file + ' (heroes route)', 'heroes')
 
 - var _are = _docsFor == 'dart' ? 'takes' : 'are'
+- var _routePathPrefix = _docsFor == 'dart' ? '/' : ''
 :marked
   The `!{_RoutesVsAtRouteConfig}` !{_are} !{_an} !{_array} of *route definitions*.
   We have only one route definition at the moment but rest assured, we'll add more.
 
   This *route definition* has the following parts:
 
-  - **path**: the router matches this route's path to the URL in the browser address bar (`/heroes`).
+  - **path**: the router matches this route's path to the URL in the browser address bar (`!{_routePathPrefix}heroes`).
   <li if-docs="dart"> **name**: the official name of the route;
    it *must* begin with a capital letter to avoid confusion with the *path* (`Heroes`).</li>
   - **component**: the component that the router should create when navigating to this route (`HeroesComponent`).
@@ -359,8 +360,8 @@ block redirect-vs-use-as-default
     They don't do anything yet but they'll be convenient when we style the links a little later in the chapter.
 
 :marked
-  Refresh the browser. The app displays the dashboard and
-  we can navigate between the dashboard and the heroes.
+  To see these changes in your browser, go to the application root (`/`) and reload.
+  The app displays the dashboard and we can navigate between the dashboard and the heroes.
 
   ## Dashboard Top Heroes
 
@@ -577,9 +578,6 @@ block extract-id
 
 +makeExcerpt('app/hero-detail.component.ts', 'goBack')
 
-block dart-html
-  //- N/A
-
 - var _CanDeactivateGuard = _docsFor == 'dart' ? '<em>routerCanDeactivate</em> hook' : '<em>CanDeactivate</em> guard'
 - var _CanDeactivateGuardUri = _docsFor == 'dart' ? 'angular2.router/CanDeactivate-class' : 'router/index/CanDeactivate-interface'
 .l-sub-section
@@ -599,7 +597,7 @@ block dart-html
   incremental improvement and migrate the template to its own file,
   called <span ngio-ex>hero-detail.component.html</span>:
 
-+makeExcerpt('app/hero-detail.component.html')
++makeExample('app/hero-detail.component.html')
 
 :marked
   We update the component metadata with a `templateUrl` pointing to the template file that we just created.