https://github.com/kiwiupover/ember-cli-spinjs
Spin.js wrapper for ember.js
https://github.com/kiwiupover/ember-cli-spinjs
Last synced: about 1 month ago
JSON representation
Spin.js wrapper for ember.js
- Host: GitHub
- URL: https://github.com/kiwiupover/ember-cli-spinjs
- Owner: kiwiupover
- License: mit
- Created: 2014-08-01T20:59:42.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T14:50:06.000Z (over 2 years ago)
- Last Synced: 2025-04-03T03:35:54.117Z (2 months ago)
- Language: JavaScript
- Homepage: http://ember-cli-spinjs.surge.sh
- Size: 1.77 MB
- Stars: 35
- Watchers: 4
- Forks: 13
- Open Issues: 45
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Ember-cli Spinjs
[](https://circleci.com/gh/kiwiupover/ember-cli-spinjs/tree/master)
[](http://emberobserver.com/addons/ember-cli-spinjs)
[](https://codeclimate.com/github/kiwiupover/ember-cli-spinjs)
[](http://badge.fury.io/js/ember-cli-spinjs)
[](https://greenkeeper.io/)
## Install
In the root of your ember-cli project directory, run:
```bash
ember install ember-cli-spinjs
```
## Usage
Now you in your templates you can use `{{ember-spinner}}` to add a spinner to your page.
[View Demo](http://ember-cli-spinjs.surge.sh/)
```handlebars
{{ember-spinner}}
```
Default
### With a config file
```handlebars
{{ember-spinner config='standard'}}
```
Add two folders to your app the first called `config` and in that folder
another called `ember-spinner` with a file called `standard.js`
```javascript
export default {
color: 'blue',
lines: 10,
length: 30,
zIndex: 200000
}
```
```handlebars
{{ember-spinner lines=11 length=16 radius=30 width=8 rotate=10 speed='1.1' color="#ffc52e"}}
```
Spinning Lines
```handlebars
{{ember-spinner lines=18 radius=10 width=5 rotate=0 speed="3.4" color='blue'}}
```
Fast spinning blue dots.
### Dependencies
##### Spin.js
The [Spin.js docs](http://fgnass.github.io/spin.js/)
jQuery is no longer a dependency
### Linting
* `npm run lint:hbs`
* `npm run lint:js`
* `npm run lint:js -- --fix`
### Running tests
* `ember test` – Runs the test suite on the current Ember version
* `ember test --server` – Runs the test suite in "watch mode"
* `ember try:each` – Runs the test suite against multiple Ember versions
### Running the dummy application
* `ember serve`
* Visit the dummy application at [http://localhost:4200](http://localhost:4200).
For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).
License
------------------------------------------------------------------------------
This project is licensed under the [MIT License](LICENSE.md).