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

docs(aio): revised "Docs" page

Browse Source
This commit is contained in:
Ward Bell
2017-04-24 00:24:40 -07:00
committed by Pete Bacon Darwin
parent 3d06b18fee
commit 4ac5096232
8 changed files with 89 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
aio/src/app/embedded/live-example/live-example.component.html
View File

@ -9,6 +9,9 @@
You can also <a [href]="zip" download title="Download example">download this example</a>.
</p>
</span>
<span *ngSwitchCase="'downloadOnly'">
<a [href]="zip" download title="{{title}}">{{title}}</a>
</span>
<span *ngSwitchDefault>
<a [href]="plnkr" target="_blank" title="{{title}}">{{title}}</a>
<span *ngIf="enableDownload">

12
aio/src/app/embedded/live-example/live-example.component.spec.ts
View File

@ -167,10 +167,20 @@ describe('LiveExampleComponent', () => {
it('should not have a download link when `noDownload` atty present', async(() => {
setHostTemplate('<live-example noDownload></live-example>');
testComponent(() => {
expect(getAnchors().length).toBe(1, 'only the live-example anchor');
const hrefs = getHrefs();
expect(hrefs.length).toBe(1, 'only the plunker live-example anchor');
expect(hrefs[0]).toContain('plnkr.html');
});
}));
it('should only have a download link when `downloadOnly` atty present', async(() => {
setHostTemplate('<live-example downloadOnly>download this</live-example>');
testComponent(() => {
const hrefs = getHrefs();
expect(hrefs.length).toBe(1, 'only the zip anchor');
expect(hrefs[0]).toContain('.zip'); });
}));
it('should have default title when no title attribute or content', async(() => {
setHostTemplate('<live-example></live-example>');
testComponent(() => {

10
aio/src/app/embedded/live-example/live-example.component.ts
View File

@ -23,6 +23,7 @@ const zipBase = 'content/zips/';
* [embedded-style] // show plnkr in embedded style (default and on narrow screens)
* [flat-style] // show plnkr in flat (original) style
* [noDownload] // no downloadable zip option
* [downloadOnly] // just the zip
* [title="..."]> // text for live example link and tooltip
* text // higher precedence way to specify text for live example link and tooltip
* </live-example>
@ -99,7 +100,12 @@ export class LiveExampleComponent implements OnInit {
const noDownload = this.getAttrValue(['noDownload', 'nodownload']); // noDownload aliases
this.enableDownload = !boolFromAtty(noDownload);
this.plnkrImg = imageBase + (attrs.img || defaultPlnkrImg);
if (boolFromAtty(this.getAttrValue(['downloadOnly', 'downloadonly']))) {
this.mode = 'downloadOnly';
}
}
calcPlnkrLink(width: number) {
@ -154,7 +160,9 @@ export class LiveExampleComponent implements OnInit {
@HostListener('window:resize', ['$event.target.innerWidth'])
onResize(width) {
this.calcPlnkrLink(width);
if (this.mode !== 'downloadOnly') {
this.calcPlnkrLink(width);
}
}
toggleEmbedded () { this.showEmbedded = !this.showEmbedded; }