From 7f1e2e48467f80cc083d24b44f088620e4e7bcb6 Mon Sep 17 00:00:00 2001
From: Igor Minar
Date: Mon, 6 Jun 2011 08:50:35 -0700
Subject: new batch of docs

---
 docs/content/tutorial/step_10.ngdoc | 44 ++++++++++---------------------------
 1 file changed, 11 insertions(+), 33 deletions(-)

(limited to 'docs/content/tutorial/step_10.ngdoc')

diff --git a/docs/content/tutorial/step_10.ngdoc b/docs/content/tutorial/step_10.ngdoc
index 99a5dba8..3a8dbd38 100644
--- a/docs/content/tutorial/step_10.ngdoc
+++ b/docs/content/tutorial/step_10.ngdoc
@@ -1,36 +1,21 @@
 @ngdoc overview
-@name Tutorial: Step 10
+@name Tutorial: 10 - Event Handlers
 @description
-<table id="tutorial_nav">
-<tr>
-<td id="previous_step">{@link tutorial.step_09 Previous}</td>
-<td id="step_result">{@link  http://angular.github.com/angular-phonecat/step-10/app Live Demo
-}</td>
-<td id="tut_home">{@link tutorial Tutorial Home}</td>
-<td id="code_diff">{@link https://github.com/angular/angular-phonecat/compare/step-9...step-10 Code
-Diff}</td>
-<td id="next_step">{@link tutorial.step_11 Next}</td>
-</tr>
-</table>
 
 
-In this step, you will add a clickable phone image swapper to the phone details page.
+<ul doc:tutorial-nav="10"></ul>
 
 
-1. Reset your workspace to Step 10 using:
 
 
-         git checkout -f step-10
+In this step, you will add a clickable phone image swapper to the phone details page.
 
 
-  or
 
 
-         ./goto_step.sh 10
+<doc:tutorial-instructions step="10"></doc:tutorial-instructions>
 
 
-2. Refresh your browser or check the app out on {@link
-http://angular.github.com/angular-phonecat/step-10/app angular's server}.
 
 
 The phone details view displays one large image of the current phone and several smaller thumbnail
@@ -103,9 +88,10 @@ __`app/partials/phone-detail.html`:__
 We bound the `ng:src` attribute of the large image to the `mainImageUrl` property.
 
 
-We also registered an {@link angular.directive.ng:click `ng:click`} handler with thumbnail images.
-When a user clicks on one of the thumbnail images, the handler will use the `setImage` controller
-method to change the value of the `mainImageUrl` property to the url of the thumbnail image.
+We also registered an {@link api/angular.directive.ng:click `ng:click`} handler with thumbnail
+images. When a user clicks on one of the thumbnail images, the handler will use the `setImage`
+controller method to change the value of the `mainImageUrl` property to the url of the thumbnail
+image.
 
 
 <img src="img/tutorial/tutorial_10-11_final.png">
@@ -197,14 +183,6 @@ With the phone image swapper in place, we're ready for step 11 (the last step!)
 better way to fetch data.
 
 
-<table id="tutorial_nav">
-<tr>
-<td id="previous_step">{@link tutorial.step_09 Previous}</td>
-<td id="step_result">{@link  http://angular.github.com/angular-phonecat/step-10/app Live Demo
-}</td>
-<td id="tut_home">{@link tutorial Tutorial Home}</td>
-<td id="code_diff">{@link https://github.com/angular/angular-phonecat/compare/step-9...step-10 Code
-Diff}</td>
-<td id="next_step">{@link tutorial.step_11 Next}</td>
-</tr>
-</table>
+
+
+<ul doc:tutorial-nav="10"></ul>
-- 
cgit v1.2.3