added updated images and wording for index
This commit is contained in:
parent
c75ed72322
commit
5577d6f669
|
@ -27,26 +27,38 @@ include ../../../../_includes/_util-fns
|
||||||
|
|
||||||
## The End Game
|
## The End Game
|
||||||
|
|
||||||
Here's a visual idea of where we're going in this tour, beginning with the "Heroes"
|
Here's a visual idea of where we're going in this tour, beginning with the "Dashboard"
|
||||||
view and its list of heroes:
|
view and our most heroic heroes:
|
||||||
|
|
||||||
figure.image-display
|
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
|
:markdown
|
||||||
Above the list are two links ("Dashboard" and "Heroes").
|
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
|
We can click a hero to select to be transitioned by the router to a "Hero Details" view
|
||||||
wisked away by the router to a "Hero Details" view
|
|
||||||
where we can change the hero's name.
|
where we can change the hero's name.
|
||||||
|
|
||||||
figure.image-display
|
figure.image-display
|
||||||
img(src='/resources/images/devguide/toh/hero-details-1.png' alt="Details of hero in app")
|
img(src='/resources/images/devguide/toh/hero-details-1.png' alt="Details of hero in app")
|
||||||
|
|
||||||
:markdown
|
:markdown
|
||||||
Links at the top take us back to either of the main views.
|
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
|
## How We Roll
|
||||||
|
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 39 KiB |
Loading…
Reference in New Issue