javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): fix actionSheet demo

Browse Source
This commit is contained in:
Drew Rygh
2016-01-05 11:31:01 -06:00
parent 95501a1e86
commit b083ac2c47
2 changed files with 41 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
demos/component-docs/action-sheets/basic/pages.ts
View File

@ -23,43 +23,19 @@ export class BasicPage {
if (this.platform.is('android')) { if (this.platform.is('android')) {
var androidSheet = { var androidSheet = {
buttons: [
{ text: 'Share', icon: 'share' },
{ text: 'Play', icon: 'arrow-dropright-circle'},
{ text: 'Favorite', icon: 'ion-md-heart-outline'}
],
destructiveText: 'Delete',
titleText: 'Albums',
cancelText: 'Cancel',
cancel: function() {
console.log('Canceled');
},
destructiveButtonClicked: () => {
console.log('Destructive clicked');
},
buttonClicked: function(index) {
console.log('Button clicked', index);
if (index == 1) { return false; }
return true;
}
};
}
this.actionSheet = ActionSheet.create(androidSheet || {
title: 'Albums', title: 'Albums',
buttons: [ buttons: [
{ { text: 'Share',
text: 'Share', handler: buttonHandler,
handler: buttonHandler icon: 'share'
}, },
{ { text: 'Play',
text: 'Play', handler: buttonHandler,
handler: buttonHandler icon: 'arrow-dropright-circle'
}, },
{ { text: 'Favorite',
text: 'Favorite', handler: buttonHandler,
handler: buttonHandler icon: 'ion-md-heart-outline'
}, },
{ {
text: 'Delete', text: 'Delete',
@ -72,18 +48,55 @@ export class BasicPage {
text: 'Cancel', text: 'Cancel',
style: 'cancel', style: 'cancel',
handler: () => { handler: () => {
console.log('Canceled'); console.log('Cancel clicked');
} }
} }
], ],
};
}
let actionSheet = ActionSheet.create( androidSheet || {
buttons: [
{
text: 'Share',
handler: () => {
console.log('Share clicked');
}
},
{
text: 'Play',
handler: () => {
console.log('Play clicked');
}
},
{
text: 'Favorite',
handler: () => {
console.log('Favorite clicked');
}
},
{
text: 'Delete',
style: 'destructive',
handler: () => {
console.log('Destructive clicked');
}
},
{
text: 'Cancel',
style: 'cancel',
handler: () => {
console.log('Cancel clicked');
}
}
]
}); });
this.nav.present(this.actionSheet); this.nav.present(actionSheet);
} }
onPageWillLeave() { onPageWillLeave() {
this.actionSheet && this.actionSheet.dismiss(); actionSheet && actionSheet.dismiss();
} }
} }

2
demos/component-docs/index.ts
View File

@ -36,8 +36,6 @@ class DemoApp {
window.addEventListener('message', (e) => { window.addEventListener('message', (e) => {
//TODO(@drewrygh) //TODO(@drewrygh)
e = {};
e.data = '{}';
zone.run(() => { zone.run(() => {
if (e.data) { if (e.data) {
var data; var data;