diff --git a/public/docs/ts/latest/tutorial/index.jade b/public/docs/ts/latest/tutorial/index.jade index bbeed1dcff..bcb1783124 100644 --- a/public/docs/ts/latest/tutorial/index.jade +++ b/public/docs/ts/latest/tutorial/index.jade @@ -27,26 +27,38 @@ include ../../../../_includes/_util-fns ## The End Game - Here's a visual idea of where we're going in this tour, beginning with the "Heroes" - view and its list of heroes: + Here's a visual idea of where we're going in this tour, beginning with the "Dashboard" + view and our most heroic heroes: figure.image-display - img(src='/resources/images/devguide/toh/heroes-list-1.png' alt="Output of heroes list app") + img(src='/resources/images/devguide/toh/heroes-dashboard-1.png' alt="Output of heroes dashboard") :markdown Above the list are two links ("Dashboard" and "Heroes"). - We click them to navigate between a Dashboard view and this Heroes view. + We click them to navigate between this Dashboard view and a Heroes view. - After selecting a hero, we can click the "View Details" button and be - wisked away by the router to a "Hero Details" view + We can click a hero to select to be transitioned by the router to a "Hero Details" view where we can change the hero's name. - + figure.image-display img(src='/resources/images/devguide/toh/hero-details-1.png' alt="Details of hero in app") :markdown Links at the top take us back to either of the main views. - The "Back" button returns us to the "Heroes" view. + The "Back" button returns us to the "Dashboard" view. + + figure.image-display + img(src='/resources/images/devguide/toh/heroes-list-1.png' alt="Output of heroes list app") + + :markdown + Above the Dashboard are two links ("Dashboard" and "Heroes"). + We click them to navigate between a Dashboard view and this Heroes view. + + We can click the "Heroes" link and be wisked away by the router to + a "Heroes" view where we can see a list of our heroes. + + We can click a hero and have the router race us over to a "Hero Details" view + again. ## How We Roll diff --git a/public/resources/images/devguide/toh/hero-details-1.png b/public/resources/images/devguide/toh/hero-details-1.png index 5830753dde..e8124b7b2d 100644 Binary files a/public/resources/images/devguide/toh/hero-details-1.png and b/public/resources/images/devguide/toh/hero-details-1.png differ diff --git a/public/resources/images/devguide/toh/heroes-dashboard-1.png b/public/resources/images/devguide/toh/heroes-dashboard-1.png new file mode 100644 index 0000000000..41c4c35944 Binary files /dev/null and b/public/resources/images/devguide/toh/heroes-dashboard-1.png differ diff --git a/public/resources/images/devguide/toh/heroes-list-1.png b/public/resources/images/devguide/toh/heroes-list-1.png index fb684f47a4..fc9b36eb38 100644 Binary files a/public/resources/images/devguide/toh/heroes-list-1.png and b/public/resources/images/devguide/toh/heroes-list-1.png differ