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

docs(demos): update action sheet demo to have icons for MD

Browse Source
This commit is contained in:
Brandy Carney
2016-01-29 18:51:34 -05:00
parent 1c618b51eb
commit cc00b845ad
1 changed files with 63 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
demos/action-sheet/index.ts
View File

@ -1,4 +1,4 @@
import {App, Page, ActionSheet, NavController} from 'ionic/ionic';
import {App, Page, ActionSheet, NavController, Platform} from 'ionic/ionic';
@App({
@ -15,24 +15,79 @@ class ApiDemoApp {
templateUrl: 'main.html'
})
export class InitialPage {
constructor(nav: NavController) {
constructor(nav: NavController, platform: Platform) {
this.nav = nav;
this.platform = platform;
}
present() {
let actionSheet = ActionSheet.create({
if (this.platform.is('android')) {
var androidSheet = {
title: 'Albums',
buttons: [
{ text: 'Share',
icon: 'share',
handler: () => {
console.log('Share clicked');
}
},
{ text: 'Play',
icon: 'arrow-dropright-circle',
handler: () => {
console.log('Play clicked');
}
},
{ text: 'Favorite',
icon: 'md-heart-outline',
handler: () => {
console.log('Favorite clicked');
}
},
{
text: 'Delete',
style: 'destructive',
icon: 'md-trash',
handler: () => {
console.log('Destructive clicked');
}
},
{
text: 'Cancel',
style: 'cancel',
icon: 'md-close',
handler: () => {
console.log('Cancel clicked');
}
}
],
};
}
let actionSheet = ActionSheet.create( androidSheet || {
buttons: [
{
text: 'Destructive',
style: 'destructive',
text: 'Share',
handler: () => {
console.log('Destructive clicked');
console.log('Share clicked');
}
},
{
text: 'Archive',
text: 'Play',
handler: () => {
console.log('Archive clicked');
console.log('Play clicked');
}
},
{
text: 'Favorite',
handler: () => {
console.log('Favorite clicked');
}
},
{
text: 'Delete',
style: 'destructive',
handler: () => {
console.log('Destructive clicked');
}
},
{