0.1.0 • Published 9 years ago
ember-busy-blocker v0.1.0
Ember Busy Blocker
A loading indicator that blocks user input while your app is busy doing stuff. This is intended to be used supplementally with Ember's native loading substates when the application needs to block user input and show a loading indicator while processing information(e.g. when saving a model).
Check out the Test App on Github Pages for a live demo.
Installation
ember install ember-busy-blocker
Usage
- Add the
{{busy-blocker}}component toward the bottom of the application template. - Add styles. Can copy the default sample styles from
vendor/ember-busy-blocker.cssor use as an example and customize. - Use Mixin or inject Service
- Call Busy service
show()andhide()functions - Can also trigger
busyandfreeactions if using Mixin
Contributing
Installation
git clonethis repositorynpm installbower install
Running
ember server- Visit your app at http://localhost:4200.
Running Tests
npm test(Runsember try:testallto test your addon against multiple Ember versions)ember testember test --server
Building
ember build
For more information on using ember-cli, visit http://www.ember-cli.com/.
Props
Shout out to ember-cli-loading-slider for inspiration.
License
MIT License