ember-toastr

A service wrapper for toastr.js with auto injection into routes, components, and controllers.

Usage

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:

<button onclick={{action toast.clear}}>Clear</button>

See the toastr.js demo for other possible uses, and the toastr.js documentation for explanation of options.

Configuration

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.

Installation

git clone this repository
npm install
bower install

Running

ember server
Visit your app at http://localhost:4200.

Running Tests

ember test
ember test --server

Building

ember build

Publish Demo Site

ember github-pages:commit --message <message>
git push

For more information on using ember-cli, visit http://www.ember-cli.com/.

arschmitz/ember-toastr