diff --git a/ionic/components.js b/ionic/components.js index c835b91b78..c2a97e6789 100644 --- a/ionic/components.js +++ b/ionic/components.js @@ -1,5 +1,5 @@ // DON'T reference this file in the source. Only in demos. -// export * from 'ionic/components/action-menu/action-menu' +export * from 'ionic/components/action-menu/action-menu' // export * from 'ionic/components/alert/alert' export * from 'ionic/components/aside/aside' export * from 'ionic/components/button/button' diff --git a/ionic/components/action-menu/action-menu.js b/ionic/components/action-menu/action-menu.js index 23963031ff..523586f4c6 100644 --- a/ionic/components/action-menu/action-menu.js +++ b/ionic/components/action-menu/action-menu.js @@ -1,49 +1,63 @@ -// import {NgElement, Component, View, Parent} from 'angular2/angular2' -// import {IonicComponent} from 'ionic/config/component' -// import {Icon} from 'ionic/components/icon/icon' -// import {Item} from 'ionic/components/item/item' +import {DynamicComponentLoader, ElementRef, ComponentRef, onDestroy, DomRenderer} from 'angular2/angular2'; +import {bind, Injector} from 'angular2/di'; +import {Promise} from 'angular2/src/facade/async'; +import {isPresent, Type} from 'angular2/src/facade/lang'; + +import {Component, Directive, Item, Icon} from 'angular2/src/core/annotations_impl/annotations'; +import {View} from 'angular2/src/core/annotations_impl/view'; +import {Parent} from 'angular2/src/core/annotations_impl/visibility'; + +import {IonicComponent} from 'ionic/config/component' +import {raf, ready} from 'ionic/util/dom' + +import {Animation} from 'ionic/animations/animation'; -// @Component({ -// selector: 'ion-action-menu' -// }) -// @View({ -// template: ` -//
-// `, + directives: [Item,Icon] +}) +export class ActionMenu { + constructor( + elementRef: ElementRef + ) { + this.domElement = elementRef.domElement + this.config = ActionMenu.config.invoke(this) + } -// new IonicComponent(ActionMenu, {}) + static open(opts) { + console.log('Opening menu', opts); + } + +} + +new IonicComponent(ActionMenu, {}) diff --git a/ionic/components/action-menu/test/basic/index.js b/ionic/components/action-menu/test/basic/index.js index d09a9a6a1f..af0c5e1261 100644 --- a/ionic/components/action-menu/test/basic/index.js +++ b/ionic/components/action-menu/test/basic/index.js @@ -8,12 +8,18 @@ import {ActionMenu} from 'ionic/components/action-menu/action-menu'; @Component({ selector: 'ion-app' }) @View({ templateUrl: 'main.html', - directives: [ActionMenu] }) class IonicApp { constructor() { console.log('IonicApp Start') } + + openMenu() { + console.log('Opening ActionMenu') + ActionMenu.open({ + title: 'Do you really want to?' + }) + } } export function main() { diff --git a/ionic/components/action-menu/test/basic/main.html b/ionic/components/action-menu/test/basic/main.html index c225943164..79bbf2b580 100644 --- a/ionic/components/action-menu/test/basic/main.html +++ b/ionic/components/action-menu/test/basic/main.html @@ -1,4 +1,3 @@ - -