pinpoint/web/src/main/webapp/features/loading/loading.directive.js

(function() {
	'use strict';
	/**
	 * (en)loadingDirective 
	 * @ko loadingDirective
	 * @group Directive
	 * @name loadingDirective
	 * @class
	 */	
	pinpointApp.directive('loadingDirective', ['$timeout', '$templateCache', '$compile', function ($timeout, $templateCache, $compile) {
        return {
            restrict: 'A',
            scope: {
                showLoading: '=loadingDirective',
                loadingMessage: '@'
            },
            link: function postLink(scope, element, attrs) {
                if (!scope.loadingMessage) {
                    scope.loadingMessage = 'Please Wait...';
                }
                var loadingHtml = $templateCache.get(attrs.loadingDirective);
                //$timeout(function () {
                    if (element.css('position') === 'static') {
                        element.css('position', 'relative');
                    }
                    element.append($compile(loadingHtml)(scope));
                //}); 
            }
        };
	}]);
})();