let there be typescript

ionic/components/app/test/sink/pages/action-menu.ts

@@ -0,0 +1,62 @@
+import {Component, Directive, View} from 'angular2/angular2';
+
+import {ActionMenu, NavbarTemplate, Navbar, NavController, Content} from 'ionic/ionic';
+
+
+@Component({
+  selector: 'ion-view'
+})
+@View({
+  template: `
+  <ion-navbar *navbar><ion-title>Action Menu</ion-title></ion-navbar>
+
+  <ion-content class="padding">
+    <h2>Action Menu</h2>
+    <p>
+      The Action Menu, similar to Action Sheet's on iOS, is a slide-up prompt
+      that displays several options for the user to choose from before an action is performed.
+    </p>
+    <p>
+      Action Menu's are great for prompting for dangerous actions (like deleting a photo album),
+      or showing a "context menu" with multiple actions the user can perform on something.
+    </p>
+    <button primary (click)="openMenu()">Open Menu</button>
+  </ion-content>
+  `,
+  directives: [NavbarTemplate, Navbar, Content]
+})
+export class ActionMenuPage {
+  constructor(nav: NavController, actionMenu: ActionMenu) {
+    this.nav = nav;
+    this.actionMenu = actionMenu;
+  }
+
+  openMenu() {
+    console.log('Opening ActionMenu')
+
+    this.actionMenu.open({
+      buttons: [
+        { text: '<b>Share</b> This' },
+        { text: 'Move' }
+      ],
+      destructiveText: 'Delete',
+      titleText: 'Modify your album',
+      cancelText: 'Cancel',
+      cancel: function() {
+        // add cancel code..
+        console.log('Canceled');
+      },
+      destructiveButtonClicked: () => {
+        console.log('Destructive clicked');
+      },
+      buttonClicked: function(index) {
+        console.log('Button clicked', index);
+        if(index == 1) { return false; }
+        return true;
+      }
+    }).then(actionMenuRef => {
+      this.actionMenuRef = actionMenuRef;
+    })
+  }
+
+}