-cs-spinner angular loading directive using angular-promise-tracker and ui-router

gistfile1.js

angular.module('components.spinner-tracker', [
	'ajoslin.promise-tracker'
])

.directive('csspinner', function (spinnerTracker) {
	return {
		scope: {
			type: '@csspinner'
		},
		link: function (scope, element) {
			scope.$watch(spinnerTracker.active, function (isActive) {
				element.toggleClass('csspinner ' + scope.type, isActive);
			});
		}
	};
})

.factory('spinnerTracker', function (promiseTracker) {
	return promiseTracker({
		activationDelay: 250,
		minDuration: 750
	});
})

.run(function ($rootScope, spinnerTracker) {
	var deferred;

	$rootScope.$on('$stateChangeStart', function () {
		deferred = spinnerTracker.createPromise();
	});

	$rootScope.$on('$stateChangeSuccess', function () {
		deferred.resolve();
	});
})

;