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() { showLongToast() {
const toast = this.toastCtrl.create({ 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.', 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); 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 { 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 descId: string;
private dismissTimeout: number = undefined; private dismissTimeout: number = undefined;
private enabled: boolean; private enabled: boolean;
@ -53,7 +61,10 @@ export class ToastCmp implements AfterViewInit {
this.d = params.data; this.d = params.data;
if (this.d.cssClass) { 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); this.id = (++toastIds);