angular_progress

RubyGem/Javascript to track HTTP Progress and use spinner and progress indicators.
1 person uses it
Author: 90808? tusharr

AngularProgress

Display progress of an HTTP action using AngularJS. Use it for spinners, progress-messages, success messages.

Installation

There are two ways to use AngularProgress

Javascript

Download Javascript

Ruby gem

Add this line to your application's Gemfile:

And then execute:

And then add this to your application.js in your Rails 3.1+ Application

//= require angular_http_progress

Or install it yourself as:

Usage

When calling $http methods in angular, use the requestName as a property for the data argument. $http Angular Documentation

Use the requestName as value of the http-progress attribute to tie it all together. Multiple directives can listen to the same requestName at the same time.

Sample: Button with pending & success message

button

Sample: Button with pending & error message

button_with_error

Sample: Pending & Success message

with_message

Markup

Javascript

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request
comments powered by Disqus
This page was last updated over 2 years ago.