GithubHelp home page GithubHelp logo

urigo / angular-spinkit Goto Github PK

View Code? Open in Web Editor NEW
189.0 189.0 38.0 82 KB

SpinKit (http://tobiasahlin.com/spinkit/) spinners for AngularJS

License: MIT License

JavaScript 24.62% CSS 64.95% HTML 10.43%

angular-spinkit's People

Contributors

abulte avatar dmhts avatar doberq2 avatar icfantv avatar mrzepinski avatar sricc avatar urigo avatar vially avatar vineshhpatel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

angular-spinkit's Issues

Publish to npm

Would be great if this could be published to npm, with "main" defined in the package.json, for people using browersify! Thanks.

Easing for the Loaders

Hi there
First of all its a great plug in and am using that in my first project, and many more to come I can say surely.

I was just wondering is there a config setting that we can do for easing of the loaders. At the moment we can just show / hide it and it comes on and goes immediately. If we can have an easing / transition that would make it look very aesthetic

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

Centered spinner

It's unclear to me how to have the spinner centered on the absolute middle of the page.

I tried to put the directive into a div, which I then center through CSS, but that has no effect at all.

How to accomplish this?

Add Color Options

It would be great to have the ability to specify a color for the spinner, even if it were a simple subset of colors (e.g. black, white).

bower.json configuration problem

i thinks there is a bug in your bower.json file. When used with yeomans angular's grunt bower-install command it adds the wrong url into your index file.
src="bower_components/angular-spinkit/angular-spinkit.js"

angular-spinkit installed into incorrect directory for grunt to locate angular-spinkit.js file

Hello,

Details on this error are explained in the comment linked below and my steps to reproduce are explained in a question I placed to both the grunt and yeoman projects. Both of the links are below.

I suggest we modify the
"main": ["build/angular-spinkit.js", "build/angular-spinkit.min.css"],
line of code (on line 8) in the bower.json file for the project. I believe we need to have the build folder removed from the paths in line 8 to resolve the issue, but I will not be certain until we have tested this.

Comment on the Addition of angular-spinkit.js to a Build Folder
d2553c1

Issue Posed to Grunt Developres (which is actually an angular-spinkit bug)
yeoman/generator-angular#851 (comment)

Add a css instead of generating inline css

This would allow the users to override the styles if they want. As in my case I don't want a margin around the spinners as I am showing them in a td - margin messes up the whole table.

ng-style doesn't work due to late angular interpolation

The problem is, if we use ng-style to set dynamic widths and heights, the spinner never shows due to a late interpolation issue, or some async shit happening behind the scenes that I am unaware of. However, if I use style inline as in hard-coded like style="width:800px; height:800px;" then the spinner shows. What do I do? Also, the image loaded "event" never fires, so there are definately some issues. Any solutions?

Add an image-preloader directive

What about add a directive that can be used to show spinkit during an image loading? I need a directive like this in my ongoing angular-project also I liked spinkit and if you don't mind I can send the appropriate pull-reqest.
As a result we could use angular-spinkit like this:
<img ng-src="example.jpg" spinkit="rotating-plane-spinner" />
What do you think about it?

Angular-spinkit Incorrect Documentation - Versioning

The readme.md file suggests to add the following to the bower.json files.

"angular-spinkit": "v0.0.2.1"

However, the bower.json file within the angular-spinkit project identifies the current version as 0.0.3.

When attempting to run bower install with "0.0.3" in place of "v0.0.2.1", I received the following error:

ENORESTARGET No tag found that was able to satisfy ~0.0.3
Additional error details:
Available versions: 0.0.2

So I think we need to replace "v0.0.2.1" with "0.0.2" in the readme until a new version is released so people can correctly install the angular-spinkit code into their projects with bower.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.