docs(cb-jquery-plugin): Integrating drag and drop

text

feat(resources): add more pages. Increase font size. Rename in footer. All encompassing resource page

chore(resources): update resources links and header and footer

chore(presskit): make reuse permissions more clear

chore(dart & ts): update to beta.17

Change `ngFor=“#…”` to `ngFor=“let…` in code. All are .dart files
except for `app_component.html` which also has changes for:
- `<inpuf var-foo…`> to `<input ref-foo…>`
- `#docregion` tag name updates from var-foo to ref-foo.
- Other misc updates to minimize diffs with TS version of file,
whitespace differences were ignored.

+ Minor update to sync up Dart prose with TS prose.

+ Used
https://github.com/angular/angular/wiki/Angular-2-Dart-Transformer#resol
ved_identifiers to solve
angular#1033

Guide/pipes not updated as it will be rolled back to
beta.15 in PR angular#1220.

chore(dart): pipes example rolled back to beta.15

The pipes example stopped working in beta.16; roll it back to the
last known working version.

See earlier commit for code changes necessary in support of beta.16:
angular@0557c728d75e519bc6846b37492
414dff540c6ee

docs(style-guide): add style-guide - v.5

docs: rename heros to heroes

docs(lifecycle-hooks): update directive selector to camelCase
closes angular#1236

docs(style-guide): add style-guide - v.6

docs: fix a few typos
closes angular#1239

docs(style-guide): fix merge issues
closes angular#1244

chore(updates): update resources and livestream hero

chore(dgeni): update dgeni to handle repackaging changes

feat(images): new frontpage as directed by Alex Wolfe. New images from Fatima Remtullah

chore(hero): update hero banner for ngconf livestream

feat(features: update features section)

chore(dgeni): update dgeni to serve old and new router

chore(copyedit): copyedits to feature page text

feat(docs landing): new docs landing

converts docs landing template to use layout classnames rather than attribute syntax

chore: update to rc.0

docs: switch to commonjs module generation

docs(style-guide): revisions for New World (repack)
closes angular#1260

docs(samples): removed unused typings excludes from tsconfig

docs(router): samples and doc for new router (phase 1)

docs: update all docs to partially comply the style-guide

docs(router): document new router and samples - phase 2

docs(quickstart): fix misplaced close paren

docs(npm-packages): typo ES6 = ES2015
closes angular#1263

docs(quickstart.jade): Modify "Typescript type definition file" link up-to-date url
closes angular#1262

docs(pipes): change description for parameters to reflect change in beta.16
closes angular#1197

docs(style-guide): fix some typos
closes angular#1275

docs(style-guide): fix some typos (missed one)

docs(ts/js): update to rc1

upgrade to rc1

Author: thelgevold

gulpfile.js

@@ -77,6 +77,7 @@ var _exampleBoilerplateFiles = [
   'karma-test-shim.js',
   'package.json',
   'styles.css',
+  'systemjs.config.js',
   'tsconfig.json',
   'tslint.json',
   'typings.json',

public/_data.json

@@ -6,8 +6,7 @@
   },
 
   "features": {
-    "title": "Features & Benefits",
-    "subtitle": "Powerful Features for Developing Apps"
+    "title": "Features & Benefits"
   },
 
   "contribute": {
@@ -17,8 +16,7 @@
   },
 
   "news": {
-    "title": "News",
-    "subtitle": "Check out what we are up to"
+    "title": "News"
   },
 
   "events": {

public/_includes/_footer.jade

@@ -13,47 +13,37 @@ else
     .c3.main-footer-branding
       .logo-inverse-large
 
-    .c2
+    .c3
       h3.text-headline RESOURCES
 
       ul.text-body
-        li <a href="/presskit.html">Press Kit</a>
         // TODO: (ericjim) make a libraries page to showcase all angular 2 libraries
         //li <a href="/libraries.html">Libraries</a>
-        li <a href="https://angularjs.org/"> Angular 1 for JS</a>
-        li <a href="https://material.angularjs.org"> Angular Material</a>
-        li <a href="https://www.firebase.com/docs/web/libraries/angular/"> AngularFire</a>
-
-    .c2
-      h3.text-headline LEARN
+        li <a href="/about/">About</a>
+        li <a href="/resources/">Books & Training</a>
+        li <a href="/resources/">Tools & Libraries</a>
+        li <a href="/resources/">Community</a>
+        li <a href="/presskit.html">Press Kit</a>
 
-      ul.text-body
-        li <a href="/docs/ts/latest/guide/">Basics</a>
-        li <a href="/books.html">Books</a>
-        li <a href="/training.html">Training</a>
-        li <a href="/docs/ts/latest/resources.html">Videos and Posts</a>
-        li <a href="/tooling.html">Tooling & Libraries</a>
-        li <a href="/communities.html">Communities</a>
-        //li <a href="http://goo.gl/sj0Nk1">Design Docs &amp; Notes</a>
-
-    .c2
+    .c3
       h3.text-headline HELP
 
       ul.text-body
-        li <a href="/contribute.html"> Contribute</a>
-        li <a href="/support.html">Support Page</a>
-        li <a href="https://github.com/angular/angular/issues"> File a Ticket</a>
-        li <a class="footer-feedback" ng-click="appCtrl.openFeedback()" aria-label="Submit feedback on this page"> Product Feedback</a>
+        li <a href="http://stackoverflow.com/questions/tagged/angular2">Stack Overflow</a>
+        li <a href="https://gitter.im/angular/angular">Gitter</a>
+        li <a href="https://groups.google.com/forum/#!forum/angular"> Google Group</a>
+        li <a href="https://github.com/angular/angular/issues"> Report Issues</a>
+        li <a class="footer-feedback" ng-click="appCtrl.openFeedback()" aria-label="Submit feedback on this page"> Site Feedback</a>
 
     .c3
       h3.text-headline COMMUNITY
 
       ul.text-body
-        li <a href="/events.html"> Events & Meetups</a>
-        li <a href="https://groups.google.com/forum/#!forum/angular"> Google Group</a>
-        li <a href="https://plus.sandbox.google.com/+AngularJS/posts"> Google+</a>
+        li <a href="/events.html">Events</a>
+        li <a href="http://www.meetup.com/topics/angularjs/">Meetups</a>
         li <a href="https://twitter.com/angularjs"> Twitter</a>
         li <a href="https://github.com/angular/angular"> GitHub</a>
+        li <a href="/contribute.html"> Contribute</a>
 
 
   footer(class="background-steel")

public/_includes/_hero-home.jade

@@ -5,7 +5,9 @@ header(class="background-sky")
     .hero-cta
       a(href="/docs/ts/latest/quickstart.html" class="md-raised button button-large button-plain" md-button) Get Started
 
-.banner.is-centered
+.banner.banner-floaty
   .banner-ng-annoucement
-    h4 Announcing Angular Attack — a 48 hour online hackathon on May 14 - 15th, 2016. 
-      a(href="https://www.angularattack.com/" target="_blank") Register Today
+    div(class="banner-text")
+      p Watch the ng-conf Live Stream May 4th-6th. 
+    div(class="banner-button")
+      a(href="https://www.ng-conf.org/#/extended" target="_blank" class="button md-button") View Live Stream

public/_includes/_main-nav.jade

@@ -12,5 +12,4 @@ md-toolbar(class="main-nav background-regal l-pinned-top l-layer-5",scroll-y-off
       li.l-left <a class="main-nav-button" href="/docs/#{language}/latest/" md-button>Docs</a>
       li.l-left <a class="main-nav-button" href="/events.html" md-button>Events</a>
       li.l-left <a class="main-nav-button" href="/news.html" md-button>News</a>
-      li.l-left <a class="main-nav-button" href="/about/" md-button>About</a>
       li.l-right <a class="main-nav-button" href="/docs/ts/latest/quickstart.html" md-button>Get Started</a>

public/docs/_examples/.gitignore

@@ -15,7 +15,12 @@ tslint.json
 wallaby.js
 npm-debug*.
 protractor.config.js
+systemjs.config.js
 _test-output
 _temp
+**/ts/**/*.js
+**/ts-snippets/**/*.js
+**/ts/**/*.d.ts
 
 !**/*e2e-spec.js
+!systemjs.config.1.js

public/docs/_examples/architecture/dart/pubspec.yaml

@@ -5,7 +5,7 @@ version: 0.0.1
 environment:
   sdk: '>=1.13.0 <2.0.0'
 dependencies:
-  angular2: 2.0.0-beta.16
+  angular2: 2.0.0-beta.17
   browser: ^0.10.0
   dart_to_js_script_rewriter: ^1.0.1
 transformers:

public/docs/_examples/architecture/ts/.gitignore

@@ -1,8 +1,8 @@
 // #docregion import
-import {Component} from 'angular2/core';
+import { Component } from '@angular/core';
 // #enddocregion import
-import {HeroListComponent} from './hero-list.component';
-import {SalesTaxComponent} from './sales-tax.component';
+import { HeroListComponent } from './hero-list.component';
+import { SalesTaxComponent } from './sales-tax.component';
 
 @Component({
   selector: 'my-app',
@@ -14,4 +14,4 @@ import {SalesTaxComponent} from './sales-tax.component';
 })
 // #docregion export
 export class AppComponent { }
-// #enddocregion export
+// #enddocregion export

public/docs/_examples/architecture/ts/app/app.component.ts

@@ -1,6 +1,7 @@
-import {Injectable, Type} from 'angular2/core';
-import {Logger} from './logger.service';
-import {Hero} from './hero';
+import { Injectable, Type } from '@angular/core';
+
+import { Logger } from './logger.service';
+import { Hero } from './hero';
 
 const HEROES = [
         new Hero('Windstorm', 'Weather mastery'),
@@ -10,15 +11,15 @@ const HEROES = [
 
 @Injectable()
 export class BackendService {
-  constructor(private _logger: Logger) {}
+  constructor(private logger: Logger) {}
 
   getAll(type:Type) : PromiseLike<any[]>{
     if (type === Hero) {
       // TODO get from the database
       return Promise.resolve<Hero[]>(HEROES);
     }
     let err = new Error('Cannot get object of this type');
-    this._logger.error(err);
+    this.logger.error(err);
     throw err;
   }
-}
+}

public/docs/_examples/architecture/ts/app/backend.service.ts

@@ -1,11 +1,12 @@
-import {Component, Input} from 'angular2/core';
-import {Hero} from './hero';
+import { Component, Input} from '@angular/core';
+
+import { Hero } from './hero';
 
 @Component({
   selector: 'hero-detail',
   templateUrl: 'app/hero-detail.component.html',
   directives: [HeroDetailComponent]
 })
 export class HeroDetailComponent {
-  @Input() hero:Hero;
-}
+  @Input() hero: Hero;
+}

public/docs/_examples/architecture/ts/app/hero-detail.component.ts

@@ -1,8 +1,9 @@
 // #docplaster
-import {Component, OnInit}   from 'angular2/core';
-import {Hero}                from './hero';
-import {HeroDetailComponent} from './hero-detail.component';
-import {HeroService}         from './hero.service';
+import { Component, OnInit }   from '@angular/core';
+
+import { Hero }                from './hero';
+import { HeroDetailComponent } from './hero-detail.component';
+import { HeroService }         from './hero.service';
 
 // #docregion metadata
 // #docregion providers
@@ -24,14 +25,14 @@ export class HeroesComponent { ... }
 // #docregion class
 export class HeroListComponent implements OnInit {
 // #docregion ctor
-  constructor(private _service: HeroService){ }
+  constructor(private service: HeroService) { }
 // #enddocregion ctor
 
-  heroes:Hero[];
+  heroes: Hero[];
   selectedHero: Hero;
 
-  ngOnInit(){
-    this.heroes = this._service.getHeroes();
+  ngOnInit() {
+    this.heroes = this.service.getHeroes();
   }
 
   selectHero(hero: Hero) { this.selectedHero = hero; }

public/docs/_examples/architecture/ts/app/hero-list.component.ts

@@ -1,25 +1,26 @@
-import {Injectable} from 'angular2/core';
-import {Hero} from './hero';
-import {BackendService} from './backend.service';
-import {Logger} from './logger.service';
+import { Injectable } from '@angular/core';
+
+import { Hero } from './hero';
+import { BackendService } from './backend.service';
+import { Logger } from './logger.service';
 
 @Injectable()
 // #docregion class
 export class HeroService {
   // #docregion ctor
   constructor(
-    private _backend: BackendService,
-    private _logger: Logger) { }
+    private backend: BackendService,
+    private logger: Logger) { }
   // #enddocregion ctor
 
-  private _heroes:Hero[] = [];
+  private heroes: Hero[] = [];
 
   getHeroes() {
-    this._backend.getAll(Hero).then( (heroes:Hero[]) => {
-      this._logger.log(`Fetched ${heroes.length} heroes.`);
-      this._heroes.push(...heroes); // fill cache
+    this.backend.getAll(Hero).then( (heroes: Hero[]) => {
+      this.logger.log(`Fetched ${heroes.length} heroes.`);
+      this.heroes.push(...heroes); // fill cache
     });
-    return this._heroes;
+    return this.heroes;
   }
 }
-// #enddocregion class
+// #enddocregion class

public/docs/_examples/architecture/ts/app/hero.service.ts

@@ -1,10 +1,10 @@
+let nextId = 1;
+
 export class Hero {
-  id:number
+  id: number;
   constructor(
-    public name:string,
-    public power?:string){
+    public name: string,
+    public power?: string) {
       this.id = nextId++;
     }
 }
-
-var nextId = 1;

public/docs/_examples/architecture/ts/app/hero.ts

@@ -1,5 +1,5 @@
 // #docregion
-import {Injectable} from 'angular2/core';
+import { Injectable } from '@angular/core';
 
 @Injectable()
 // #docregion class
@@ -8,4 +8,4 @@ export class Logger {
   error(msg: any) { console.error(msg); }
   warn(msg: any)  { console.warn(msg); }
 }
-// #enddocregion class
+// #enddocregion class

public/docs/_examples/architecture/ts/app/logger.service.ts

@@ -1,10 +1,10 @@
-import {bootstrap}      from 'angular2/platform/browser';
+import { bootstrap }      from '@angular/platform-browser-dynamic';
 // #docregion import
-import {AppComponent} from './app.component';
+import { AppComponent } from './app.component';
 // #enddocregion import
-import {HeroService}    from './hero.service';
-import {BackendService} from './backend.service';
-import {Logger}         from './logger.service';
+import { HeroService }    from './hero.service';
+import { BackendService } from './backend.service';
+import { Logger }         from './logger.service';
 
 // #docregion bootstrap
 bootstrap(AppComponent, [BackendService, HeroService, Logger]);

public/docs/_examples/architecture/ts/app/main.ts

@@ -1,8 +1,9 @@
 // #docplaster
 // #docregion
-import {Component}       from 'angular2/core';
-import {SalesTaxService} from './sales-tax.service';
-import {TaxRateService}  from './tax-rate.service';
+import { Component }       from '@angular/core';
+
+import { SalesTaxService } from './sales-tax.service';
+import { TaxRateService }  from './tax-rate.service';
 
 // #docregion metadata
 // #docregion providers
@@ -12,7 +13,7 @@ import {TaxRateService}  from './tax-rate.service';
   template: `
     <h2>Sales Tax Calculator</h2>
     Amount: <input #amountBox (change)="0">
-    
+
     <div *ngIf="amountBox.value">
     The sales tax is
      {{ getTax(amountBox.value) | currency:'USD':true:'1.2-2' }}
@@ -31,11 +32,11 @@ export class SalesTaxComponent { ... }
 // #docregion class
 export class SalesTaxComponent {
 // #docregion ctor
-  constructor(private _salesTaxService: SalesTaxService) { }
+  constructor(private salesTaxService: SalesTaxService) { }
 // #enddocregion ctor
 
   getTax(value:string | number){
-    return this._salesTaxService.getVAT(value);
+    return this.salesTaxService.getVAT(value);
   }
 }
 // #enddocregion class

public/docs/_examples/architecture/ts/app/sales-tax.component.ts

@@ -1,19 +1,20 @@
 // #docregion
-import {Injectable, Inject}     from 'angular2/core';
-import {TaxRateService} from './tax-rate.service';
+import { Inject, Injectable }     from '@angular/core';
+
+import { TaxRateService } from './tax-rate.service';
 
 // #docregion class
 @Injectable()
 export class SalesTaxService {
-  constructor(private _rateService: TaxRateService) { }
+  constructor(private rateService: TaxRateService) { }
   getVAT(value:string | number){
     let amount:number;
     if (typeof value === "string"){
       amount = parseFloat(value);
     } else {
       amount = value;
     }
-    return (amount || 0) * this._rateService.getRate('VAT');
+    return (amount || 0) * this.rateService.getRate('VAT');
   }
 }
-// #enddocregion class
+// #enddocregion class

public/docs/_examples/architecture/ts/app/sales-tax.service.ts

@@ -1,9 +1,9 @@
 // #docregion
-import {Injectable} from 'angular2/core';
+import { Injectable } from '@angular/core';
 
 // #docregion class
 @Injectable()
 export class TaxRateService {
   getRate(rateName:string){return 0.10;} // always 10% everywhere
 }
-// #enddocregion class
+// #enddocregion class