cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(aio): move content-related images to content/images/

Browse Source
This commit is contained in:
Georgios Kalpakas
2017-04-26 15:11:02 +03:00
committed by Pete Bacon Darwin
parent 2e5e37ac58
commit 6561d46349
237 changed files with 765 additions and 765 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
aio/content/tutorial/index.md
View File

@ -41,12 +41,12 @@ view and the most heroic heroes:
<figure class='image-display'>
<img src='assets/images/guide/toh/heroes-dashboard-1.png' alt="Output of heroes dashboard"></img>
<img src='content/images/guide/toh/heroes-dashboard-1.png' alt="Output of heroes dashboard"></img>
</figure>
You can click the two links above the dashboard ("Dashboard" and "Heroes")
You can click the two links above the dashboard ("Dashboard" and "Heroes")
to navigate between this Dashboard view and a Heroes view.
If you click the dashboard hero "Magneta," the router opens a "Hero Details" view
@ -54,7 +54,7 @@ where you can change the hero's name.
<figure class='image-display'>
<img src='assets/images/guide/toh/hero-details-1.png' alt="Details of hero in app"></img>
<img src='content/images/guide/toh/hero-details-1.png' alt="Details of hero in app"></img>
</figure>
@ -65,7 +65,7 @@ If you click "Heroes," the app displays the "Heroes" master list view.
<figure class='image-display'>
<img src='assets/images/guide/toh/heroes-list-2.png' alt="Output of heroes list app"></img>
<img src='content/images/guide/toh/heroes-list-2.png' alt="Output of heroes list app"></img>
</figure>
@ -79,7 +79,7 @@ The following diagram captures all of the navigation options.
<figure class='image-display'>
<img src='assets/images/guide/toh/nav-diagram.png' alt="View navigations"></img>
<img src='content/images/guide/toh/nav-diagram.png' alt="View navigations"></img>
</figure>
@ -88,7 +88,7 @@ Here's the app in action:
<figure class='image-display'>
<img src='assets/images/guide/toh/toh-anim.gif' alt="Tour of Heroes in Action"></img>
<img src='content/images/guide/toh/toh-anim.gif' alt="Tour of Heroes in Action"></img>
</figure>
@ -100,4 +100,4 @@ You'll build the Tour of Heroes app, step by step.
Each step is motivated with a requirement that you've likely
met in many applications. Everything has a reason.
Along the way, you'll become familiar with many of the core fundamentals of Angular.
Along the way, you'll become familiar with many of the core fundamentals of Angular.

4
aio/content/tutorial/toh-pt2.md
View File

@ -394,7 +394,7 @@ like this:
<figure class='image-display'>
<img src='assets/images/guide/toh/heroes-list-selected.png' alt="Selected hero"></img>
<img src='content/images/guide/toh/heroes-list-selected.png' alt="Selected hero"></img>
</figure>
@ -435,7 +435,7 @@ After clicking "Magneta", the list should look like this:
<figure class='image-display'>
<img src='assets/images/guide/toh/heroes-list-1.png' alt="Output of heroes list app"></img>
<img src='content/images/guide/toh/heroes-list-1.png' alt="Output of heroes list app"></img>
</figure>

20
aio/content/tutorial/toh-pt5.md
View File

@ -19,7 +19,7 @@ When you’re done, users will be able to navigate the app like this:
<figure class='image-display'>
<img src='assets/images/guide/toh/nav-diagram.png' alt="View navigations"></img>
<img src='content/images/guide/toh/nav-diagram.png' alt="View navigations"></img>
</figure>
@ -967,7 +967,7 @@ After clicking a hero, users should see something like this below the hero list:
<figure class='image-display'>
<img src='assets/images/guide/toh/mini-hero-detail.png' alt="Mini Hero Detail" height="70"></img>
<img src='content/images/guide/toh/mini-hero-detail.png' alt="Mini Hero Detail" height="70"></img>
</figure>
@ -1007,12 +1007,12 @@ You still have to update the component class to support navigation to the
The component file is big.
It's difficult to find the component logic amidst the noise of HTML and CSS.
Before making any more changes, migrate the template and styles to their own files.
Before making any more changes, migrate the template and styles to their own files.
First, move the template contents from `heroes.component.ts`
into a new <code>heroes.component.html</code> file.
Don't copy the backticks. As for `heroes.component.ts`, you'll
come back to it in a minute. Next, move the
First, move the template contents from `heroes.component.ts`
into a new <code>heroes.component.html</code> file.
Don't copy the backticks. As for `heroes.component.ts`, you'll
come back to it in a minute. Next, move the
styles contents into a new <code>heroes.component.css</code> file.
The two new files should look like this:
@ -1032,8 +1032,8 @@ The two new files should look like this:
Now, back in the component metadata for `heroes.component.ts`,
delete `template` and `styles`, replacing them with
Now, back in the component metadata for `heroes.component.ts`,
delete `template` and `styles`, replacing them with
`templateUrl` and `styleUrls` respectively.
Set their properties to refer to the new files.
@ -1221,7 +1221,7 @@ Look at the app now. The dashboard, heroes, and navigation links are styled.
<figure class='image-display'>
<img src='assets/images/guide/toh/heroes-dashboard-1.png' alt="View navigations"></img>
<img src='content/images/guide/toh/heroes-dashboard-1.png' alt="View navigations"></img>
</figure>

2
aio/content/tutorial/toh-pt6.md
View File

@ -700,7 +700,7 @@ If you enter characters that match any existing hero names, you'll see something
<figure class='image-display'>
<img src='assets/images/guide/toh/toh-hero-search.png' alt="Hero Search Component"></img>
<img src='content/images/guide/toh/toh-hero-search.png' alt="Hero Search Component"></img>
</figure>