diff --git a/ionic/components/app/test/sink/pages/aside.ts b/ionic/components/app/test/sink/pages/aside.ts index e213721d2e..a054c731b0 100644 --- a/ionic/components/app/test/sink/pages/aside.ts +++ b/ionic/components/app/test/sink/pages/aside.ts @@ -15,18 +15,18 @@ import {SinkPage} from '../sink-page';

Aside

- Asides, also known as side menus or "hamburger" menus, are menus that slide + Asides, also known as side menus or "hamburger" menus (mmmmm), are menus that slide or swipe in to show menus or information.

Try it! Just swipe from the left edge of the screen to the right to expose - the app menu. + the app menu, or tap the button to toggle the menu:

- +

`, diff --git a/ionic/components/app/test/sink/pages/card.ts b/ionic/components/app/test/sink/pages/card.ts index 2f27a42749..74f820ee11 100644 --- a/ionic/components/app/test/sink/pages/card.ts +++ b/ionic/components/app/test/sink/pages/card.ts @@ -1,15 +1,16 @@ import {Component, Directive, View} from 'angular2/angular2'; -import {List, Item, ActionMenu, Modal, ModalRef, +import {IonicApp, List, Item, ActionMenu, Modal, ModalRef, NavbarTemplate, Navbar, NavController, Content} from 'ionic/ionic'; +import {SinkPage} from '../sink-page'; @Component({ selector: 'ion-view' }) @View({ template: ` - Cards + Cards

Cards

@@ -50,7 +51,8 @@ import {List, Item, ActionMenu, Modal, ModalRef, `, directives: [NavbarTemplate, Navbar, Content, List, Item] }) -export class CardPage { - constructor() { +export class CardPage extends SinkPage { + constructor(app: IonicApp) { + super(app); } } diff --git a/ionic/components/app/test/sink/pages/form.ts b/ionic/components/app/test/sink/pages/form.ts index 35172eafdc..b907fa0457 100644 --- a/ionic/components/app/test/sink/pages/form.ts +++ b/ionic/components/app/test/sink/pages/form.ts @@ -2,16 +2,17 @@ import {Component, Directive, View} from 'angular2/angular2'; import {FormBuilder, Validators, formDirectives, ControlGroup} from 'angular2/forms'; -import {List, Item, Input, ActionMenu, Modal, ModalRef, +import {IonicApp, List, Item, Input, ActionMenu, Modal, ModalRef, NavbarTemplate, Navbar, NavController, Content} from 'ionic/ionic'; +import {SinkPage} from '../sink-page'; @Component({ selector: 'ion-view' }) @View({ template: ` - Cards + Form

Forms

@@ -23,7 +24,7 @@ import {List, Item, Input, ActionMenu, Modal, ModalRef, Ionic comes with a variety of useful from controls, like text inputs, text areas, toggle switches, and sliders.

-
+ @@ -37,7 +38,9 @@ import {List, Item, Input, ActionMenu, Modal, ModalRef, directives: [formDirectives, NavbarTemplate, Navbar, Content, List, Item, Input] }) export class FormPage { - constructor() { + constructor(app: IonicApp) { + super(app); + var fb = new FormBuilder() this.form = fb.group({ diff --git a/ionic/components/app/test/sink/pages/ionicons.ts b/ionic/components/app/test/sink/pages/ionicons.ts index 3a18d9b8fd..52e4939fb9 100644 --- a/ionic/components/app/test/sink/pages/ionicons.ts +++ b/ionic/components/app/test/sink/pages/ionicons.ts @@ -1,20 +1,21 @@ import {Component, Directive, View} from 'angular2/angular2'; -import {List, Item, ActionMenu, Modal, ModalRef, +import {IonicApp, List, Item, ActionMenu, Modal, ModalRef, NavbarTemplate, Navbar, NavController, Content} from 'ionic/ionic'; +import {SinkPage} from '../sink-page'; @Component({ selector: 'ion-view' }) @View({ template: ` - Ionicons + Icons -

Ionicons

+

Icons

- Ionic comes with a totally free (in price and license), icon pack with over 700 + Ionic comes with a totally free (in price and license), icon pack (known as "Ionicons") with over 700 icons for your app.

@@ -27,7 +28,8 @@ import {List, Item, ActionMenu, Modal, ModalRef, `, directives: [NavbarTemplate, Navbar, Content, List, Item] }) -export class IconsPage { - constructor() { +export class IconsPage extends SinkPage { + constructor(app: IonicApp) { + super(app); } } diff --git a/ionic/components/segment/segment.ts b/ionic/components/segment/segment.ts index e62106bd7c..d3d60cc3ab 100644 --- a/ionic/components/segment/segment.ts +++ b/ionic/components/segment/segment.ts @@ -1,10 +1,11 @@ -import {Renderer, ElementRef, EventEmitter, onInit, Ancestor, forwardRef} from 'angular2/angular2'; +import {View, Renderer, ElementRef, EventEmitter, onInit, Ancestor, forwardRef} from 'angular2/angular2'; import {Control, NgControl,NgFormControl} from 'angular2/forms'; import {ControlGroup, ControlDirective} from 'angular2/forms' import {IonicDirective, IonicComponent, IonicView} from '../../config/annotations' import {dom} from 'ionic/util'; +console.log(forwardRef(() => SegmentButton)); @IonicComponent({ selector: 'ion-segment', @@ -27,7 +28,7 @@ import {dom} from 'ionic/util'; */ } }) -@IonicView({ +@View({ template: '

', directives: [forwardRef(() => SegmentButton)] })