A service wrapper for toastr.js with auto injection into routes, components, and controllers.
ember install ember-toastr
The toastr service is injected as toast
into controllers, routes, and components,
so it can be used like so:
this.toast.info('Hello there!');
⚠️ Version 2.0 will probably remove the automatic injection into controllers and components in favor of service injection, and your own automatic injection.
If you want to access it anywhere else, please inject it
toast: Ember.inject.service(),
test() {
// don't forget to use `get`, since injections are computed properties
var toast = this.get('toast');
toast.info('text', 'title', options);
}
You can also use toast.clear()
and toast.remove()
to
remove all toasts. For example:
See the toastr.js demo for other possible uses, and the toastr.js documentation for explanation of options.
These are the default options:
ENV['ember-toastr'] = {
injectAs: 'toast',
toastrOptions: {
closeButton: true,
debug: false,
newestOnTop: true,
progressBar: true,
positionClass: 'toast-top-right',
preventDuplicates: true,
onclick: null,
showDuration: '300',
hideDuration: '1000',
timeOut: '4000',
extendedTimeOut: '1000',
showEasing: 'swing',
hideEasing: 'linear',
showMethod: 'fadeIn',
hideMethod: 'fadeOut'
}
};
All options in toastrOptions
are direct options for toastr.js.
git clone
this repositorynpm install
bower install
ember server
- Visit your app at http://localhost:4200.
ember test
ember test --server
ember build
ember github-pages:commit --message <message>
git push
For more information on using ember-cli, visit http://www.ember-cli.com/.