pyc-website

disabler.js

(754B)

 /**
  * Disables button and displays loading. (Useful for Ajax)
  * Depends on FontAwesome's spinning icon.
  * 
  * Usage:
  * 
  * <button type="submit" disabler ng-model="loading">Submit</button>
  * 
  * Set $scope.loading to true in javascript code to display 
  * the button as loading.
  */
 angular.module("disabler", [])
   .directive('disabler', ['$compile', function($compile) {
 	return {
 		link: function(scope, elm, attrs) {
 			var btnContents = $compile(elm.contents())(scope);
 			scope.$watch(attrs.ngModel, function(value) {
 				if (value) {
 					elm.html("<i class='fa fa-spinner fa-spin'></i> Loading");
 					elm.attr('disabled',true);
 				} else {
 					elm.html('').append(btnContents);
 					elm.attr('disabled',false);
 				}
 			});
 		}
 	};
   }]);