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

feat(toast): add ability to pass multiple classes to cssClass

Browse Source 
references #7618
This commit is contained in:
Brandy Carney
2016-08-09 16:23:12 -04:00
parent 466dea310b
commit 79e25a342d
2 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/toast/test/basic/index.ts
View File

@ -47,7 +47,8 @@ class E2EPage {
showLongToast() {
const toast = this.toastCtrl.create({
message: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.',
duration: 5000
duration: 5000,
cssClass: 'custom-class my-toast'
});
toast.onDidDismiss(this.dismissHandler);

15
src/components/toast/toast-component.ts
View File

@ -35,7 +35,15 @@ import { ViewController } from '../nav/view-controller';
},
})
export class ToastCmp implements AfterViewInit {
private d: any;
private d: {
message?: string;
cssClass?: string;
duration?: number;
showCloseButton?: boolean;
closeButtonText?: string;
dismissOnPageChange?: boolean;
position?: string;
};
private descId: string;
private dismissTimeout: number = undefined;
private enabled: boolean;
@ -53,7 +61,10 @@ export class ToastCmp implements AfterViewInit {
this.d = params.data;
if (this.d.cssClass) {
renderer.setElementClass(_elementRef.nativeElement, this.d.cssClass, true);
this.d.cssClass.split(' ').forEach(cssClass => {
// Make sure the class isn't whitespace, otherwise it throws exceptions
if (cssClass.trim() !== '') renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
});
}
this.id = (++toastIds);