angualr.generic.overlay.js

angular.module('overlay', [])
    .factory('overlay', function () {
        var enabled = true;

        var show = function(){
            if(enabled)
              $('#overlay').show();
        }

        var hide = function(){
            $('#overlay').fadeOut();
            enable();
        }

        var disable = function(){
            enabled = false;
        }

        var enable = function(){
            enabled = true;
        }

        return {
            show: show,
            hide: hide,
            enable: enable,
            disable: disable
        }
    });

angular.module('Spinner', ['overlay'])
    .factory('SpinnerInterceptor',['$q', 'overlay',function ($q, overlay) {
        return function (promise) {
            return promise.then(function (response) {
                overlay.hide();
                return response;
            }, function (response) {
                overlay.hide();
                return $q.reject(response);
            });
        };
    }])
    .config(function ($httpProvider) {
        $httpProvider.responseInterceptors.push('SpinnerInterceptor');
        var spinnerFunction = function (data) {
            var $injector = angular.element('#overlay').injector();
            if($injector){
                var $rootScope = $injector.get('$rootScope');
                $rootScope.$broadcast('event:ajaxStart');
            }
            return data;
        };
        $httpProvider.defaults.transformRequest.push(spinnerFunction);
    }).run(function($rootScope, overlay){
        $rootScope.$on('event:ajaxStart', function () {
            overlay.show();
        });
    });