Update to the latest Beta11 release of Ionic!

app/app.ts

@@ -45,9 +45,9 @@ class ConferenceApp {
   rootPage: any = TabsPage;
 
   constructor(
-    private events: Events,
-    private userData: UserData,
-    private menu: MenuController,
+    public events: Events,
+    public userData: UserData,
+    public menu: MenuController,
     platform: Platform,
     private confData: ConferenceData
   ) {
@@ -121,6 +121,4 @@ class ConferenceApp {
 // See the theming docs for the default values:
 // http://ionicframework.com/docs/v2/theming/platform-specific-styles/
 
-ionicBootstrap(ConferenceApp, [ConferenceData, UserData], {
-  tabbarPlacement: 'bottom'
-});
+ionicBootstrap(ConferenceApp, [ConferenceData, UserData], { });

app/pages/about/about.html

@@ -29,7 +29,12 @@ <h4>Ionic Conference</h4>
       <ion-item>
         <ion-icon name="pin" item-left></ion-icon>
         <ion-label>Location</ion-label>
-        <ion-label text-right>Madison, WI</ion-label>
+        <ion-select>
+          <ion-option value="madison" selected>Madison, WI</ion-option>
+          <ion-option value="austin">Austin, TX</ion-option>
+          <ion-option value="chicago">Chicago, IL</ion-option>
+          <ion-option value="seattle">Seattle, WA</ion-option>
+        </ion-select>
       </ion-item>
     </ion-list>
 

app/pages/about/about.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { NavController, Popover, ViewController, Alert } from 'ionic-angular';
+import { PopoverController, ViewController, AlertController } from 'ionic-angular';
 import {CodePushUpdate} from '../../providers/codepush-update';
 
 
@@ -15,9 +15,7 @@ import {CodePushUpdate} from '../../providers/codepush-update';
 })
 class PopoverPage {
 
-  constructor(private viewCtrl: ViewController) {
-
-  }
+  constructor(public viewCtrl: ViewController) { }
 
   close() {
     this.viewCtrl.dismiss();
@@ -35,28 +33,29 @@ export class AboutPage {
   isWindows: boolean;
 
   constructor(
-      private nav: NavController,
-      private updater: CodePushUpdate) {
+      public popoverCtrl: PopoverController,
+      public alertCtrl: AlertController,
+      public updater: CodePushUpdate) {
       this.isWindows = window.cordova.platformId === 'windows';
   }
 
   presentPopover(event) {
-    let popover = Popover.create(PopoverPage);
-    this.nav.present(popover, { ev: event });
+    let popover = this.popoverCtrl.create(PopoverPage);
+    popover.present({ ev: event });
   }
 
   checkAndInstallUpdates() {
       this.updater.checkForUpdate().then((remotePackage) => {
           if (!remotePackage) {
-              let alert = Alert.create({
+              let alert = this.alertCtrl.create({
                   title: 'No update available!',
                   subTitle: 'We could not find any update.',
                   buttons: ['Ok']
               });
-              this.nav.present(alert);
+              alert.present();
           } else {
               console.log('update available: ' + remotePackage.appVersion);
-              let alert = Alert.create({
+              let alert = this.alertCtrl.create({
                   title: 'Update ' + remotePackage.appVersion + ' available',
                   message: 'Would you like to update your app?',
                   buttons: [
@@ -74,7 +73,7 @@ export class AboutPage {
                       }
                   ]
               });
-              this.nav.present(alert);
+              alert.present();
           }
       });
   }

app/pages/account/account.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { Alert, NavController } from 'ionic-angular';
+import { AlertController, NavController } from 'ionic-angular';
 
 import { LoginPage } from '../login/login';
 import { UserData } from '../../providers/user-data';
@@ -12,7 +12,7 @@ import { UserData } from '../../providers/user-data';
 export class AccountPage {
   username: string;
 
-  constructor(private nav: NavController, private userData: UserData) {
+  constructor(public alertCtrl: AlertController, public nav: NavController, public userData: UserData) {
 
   }
 
@@ -28,7 +28,7 @@ export class AccountPage {
   // clicking OK will update the username and display it
   // clicking Cancel will close the alert and do nothing
   changeUsername() {
-    let alert = Alert.create({
+    let alert = this.alertCtrl.create({
       title: 'Change Username',
       buttons: [
         'Cancel'
@@ -47,7 +47,7 @@ export class AccountPage {
       }
     });
 
-    this.nav.present(alert);
+    alert.present();
   }
 
   getUsername() {

app/pages/login/login.ts

@@ -14,10 +14,14 @@ export class LoginPage {
   login: {username?: string, password?: string} = {};
   submitted = false;
 
-  constructor(private nav: NavController, private userData: UserData) {}
+  constructor(public navCtrl: NavController, public userData: UserData) { }
 
-  doLogin(provider: string) {
+  onLogin(provider: string) {
       this.userData.login(provider);
-      this.nav.push(TabsPage);
+      this.navCtrl.push(TabsPage);
+  }
+
+  onSignup() {
+    this.navCtrl.push(SignupPage);
   }
 }

app/pages/map/map.ts

@@ -1,15 +1,13 @@
 import { Component } from '@angular/core';
 
-import { Page } from 'ionic-angular';
-
 import { ConferenceData } from '../../providers/conference-data';
 
 
 @Component({
   templateUrl: 'build/pages/map/map.html'
 })
 export class MapPage {
-  constructor(private confData: ConferenceData) {}
+  constructor(public confData: ConferenceData) {}
 
   ionViewLoaded() {
     this.confData.getMap().then(mapData => {

app/pages/schedule-filter/schedule-filter.ts

@@ -12,9 +12,9 @@ export class ScheduleFilterPage {
   tracks: Array<{name: string, isChecked: boolean}> = [];
 
   constructor(
-    private confData: ConferenceData,
-    private navParams: NavParams,
-    private viewCtrl: ViewController
+    public confData: ConferenceData,
+    public navParams: NavParams,
+    public viewCtrl: ViewController
   ) {
     // passed in array of track names that should be excluded (unchecked)
     let excludedTrackNames = this.navParams.data;

app/pages/schedule/schedule.ts

@@ -1,6 +1,6 @@
 import { Component, ViewChild } from '@angular/core';
 
-import { Alert, App, ItemSliding, List, Modal, NavController, Page } from 'ionic-angular';
+import { AlertController, App, ItemSliding, List, ModalController, NavController } from 'ionic-angular';
 
 import { ConferenceData } from '../../providers/conference-data';
 import { ScheduleFilterPage } from '../schedule-filter/schedule-filter';
@@ -26,10 +26,12 @@ export class SchedulePage {
   groups = [];
 
   constructor(
-    private app: App,
-    private nav: NavController,
-    private confData: ConferenceData,
-    private user: UserData
+    public alertCtrl: AlertController,
+    public app: App,
+    public modalCtrl: ModalController,
+    public navCtrl: NavController,
+    public confData: ConferenceData,
+    public user: UserData
   ) {
 
   }
@@ -64,10 +66,10 @@ export class SchedulePage {
   }
 
   presentFilter() {
-    let modal = Modal.create(ScheduleFilterPage, this.excludeTracks);
-    this.nav.present(modal);
+    let modal = this.modalCtrl.create(ScheduleFilterPage, this.excludeTracks);
+    modal.present();
 
-    modal.onDismiss((data: any[]) => {
+    modal.onDidDismiss((data: any[]) => {
       if (data) {
         this.excludeTracks = data;
         this.updateSchedule();
@@ -79,7 +81,7 @@ export class SchedulePage {
   goToSessionDetail(sessionData) {
     // go to the session detail page
     // and pass in the session data
-    this.nav.push(SessionDetailPage, sessionData);
+    this.navCtrl.push(SessionDetailPage, sessionData);
   }
 
   addFavorite(slidingItem: ItemSliding, sessionData) {
@@ -93,7 +95,7 @@ export class SchedulePage {
       this.user.addFavorite(sessionData.name);
 
       // create an alert instance
-      let alert = Alert.create({
+      let alert = this.alertCtrl.create({
         title: 'Favorite Added',
         buttons: [{
           text: 'OK',
@@ -104,14 +106,14 @@ export class SchedulePage {
         }]
       });
       // now present the alert on top of all other content
-      this.nav.present(alert);
+      alert.present();
     }
 
   }
 
   removeFavorite(slidingItem: ItemSliding, sessionData, title) {
       sessionData.favorite = false;
-    let alert = Alert.create({
+    let alert = this.alertCtrl.create({
       title: title,
       message: 'Would you like to remove this session from your favorites?',
       buttons: [
@@ -137,6 +139,6 @@ export class SchedulePage {
       ]
     });
     // now present the alert on top of all other content
-    this.nav.present(alert);
+    alert.present();
   }
 }

app/pages/session-detail/session-detail.ts

@@ -9,7 +9,7 @@ import { NavParams } from 'ionic-angular';
 export class SessionDetailPage {
   session: any;
 
-  constructor(private navParams: NavParams) {
+  constructor(public navParams: NavParams) {
     this.session = navParams.data;
   }
 }

app/pages/signup/signup.html

@@ -17,7 +17,7 @@
     <form #signupForm="ngForm" novalidate>
       <ion-item>
         <ion-label floating primary>Username</ion-label>
-        <ion-input [(ngModel)]="signup.username" ngControl="username" type="text" #username="ngForm" required>
+        <ion-input [(ngModel)]="signup.username" name="username" type="text" #username="ngModel" required>
         </ion-input>
       </ion-item>
       <p [hidden]="username.valid || submitted == false" danger padding-left>
@@ -26,7 +26,7 @@
 
       <ion-item>
         <ion-label floating primary>Password</ion-label>
-        <ion-input [(ngModel)]="signup.password" ngControl="password" type="password" #password="ngForm" required>
+        <ion-input [(ngModel)]="signup.password" name="password" type="password" #password="ngModel" required>
         </ion-input>
       </ion-item>
       <p [hidden]="password.valid || submitted == false" danger padding-left>

app/pages/signup/signup.ts

@@ -13,14 +13,14 @@ export class SignupPage {
   signup: {username?: string, password?: string} = {};
   submitted = false;
 
-  constructor(private nav: NavController, private userData: UserData) {}
+  constructor(public navCtrl: NavController, public userData: UserData) {}
 
   onSignup(form) {
     this.submitted = true;
 
     if (form.valid) {
       this.userData.signup(this.signup.username);
-      this.nav.push(TabsPage);
+      this.navCtrl.push(TabsPage);
     }
   }
 }

app/pages/speaker-detail/speaker-detail.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { NavController, NavParams, Page } from 'ionic-angular';
+import { NavController, NavParams } from 'ionic-angular';
 
 import { SessionDetailPage } from '../session-detail/session-detail';
 
@@ -11,11 +11,11 @@ import { SessionDetailPage } from '../session-detail/session-detail';
 export class SpeakerDetailPage {
   speaker: any;
 
-  constructor(private nav: NavController, private navParams: NavParams) {
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
     this.speaker = this.navParams.data;
   }
 
   goToSessionDetail(session) {
-    this.nav.push(SessionDetailPage, session);
+    this.navCtrl.push(SessionDetailPage, session);
   }
 }

app/pages/speaker-list/speaker-list.html

@@ -16,6 +16,9 @@
           <img [src]="speaker.profilePic">
         </ion-avatar>
         {{speaker.name}}
+        <button (click)="openContact(speaker)" clear item-right>
+          <ion-icon name="help-circle"></ion-icon>
+        </button>
       </ion-item>
     </ion-card-header>