docs(demos/popup): api demo

demos/popup/app.html

@@ -0,0 +1,2 @@
+<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
+<ion-overlay></ion-overlay>

demos/popup/index.ts

@@ -0,0 +1,53 @@
+import {App, Page, IonicApp, Config, Platform} from 'ionic/ionic';
+import {Popup} from 'ionic/ionic';
+
+@App({
+  templateUrl: 'app.html'
+})
+class ApiDemoApp {
+
+  constructor() {
+    this.rootPage = InitialPage;
+  }
+}
+
+@Page({
+  templateUrl: 'main.html'
+})
+export class InitialPage {
+  constructor(popup: Popup) {
+    this.popup = popup;
+    this.confirmOpen = false;
+    this.confirmResult = '';
+  }
+
+  doAlert() {
+    this.popup.alert({
+        title: "New Friend!",
+        template: "Your friend, Obi wan Kenobi, just accepted your friend request!",
+        cssClass: 'my-alert'
+    });
+  }
+
+  doPrompt() {
+    this.popup.prompt({
+      title: "New Album",
+      template: "Enter a name for this new album you're so keen on adding",
+      inputPlaceholder: "Title",
+      okText: "Save"
+    });
+  }
+
+  doConfirm() {
+    this.confirmOpen = true;
+    this.popup.confirm({
+        title: "Use this lightsaber?",
+        subTitle: "You can't exchange lightsabers",
+        template: "Do you agree to use this lightsaber to do good across the intergalactic galaxy?",
+        cancelText: "Disagree",
+        okText: "Agree"
+    });  
+  }
+
+}
+

demos/popup/main.html

@@ -0,0 +1,9 @@
+<ion-navbar *navbar>
+  <ion-title>Popup</ion-title>
+</ion-navbar>
+
+<ion-content padding>
+  <button dark (click)="doAlert()">Alert</button>
+  <button light (click)="doPrompt()">Prompt</button>
+  <button primary (click)="doConfirm()">Confirm</button>
+<ion-content>