			/**
			* @requires javelin-install
			* javelin-dom
			* javelin-fx
			* @provides phabricator-busy
			* @javelin
			*/

			/**
			* Show a "busy" indicator onscreen so the user knows something awesome is
			* happening, and that the awesome thing isn't the application breaking or
			* locking up.
			*
			* Example usage:
			*
			* JX.Busy.start();
			* // Do something...
			* JX.Busy.done();
			*
			* Calls to `start()` should be paired with calls to `done()`.
			*/
			JX.install('Busy', {

			statics : {
			_depth : 0,
			start : function() {
			var self = JX.Busy;
			if (!self._depth) {
			var icon = JX.$N('span',
			{className: 'phui-icon-view phui-font-fa fa-gear ph-spin'});
			self._indicator = JX.$N('div', {className: 'busy'}, icon);
			self._indicator.style.opacity = 0;
			JX.$('phabricator-standard-page').appendChild(self._indicator);

			// Don't actually show the indicator for a little while, to prevent
			// it from flashing briefly for every Ajax request.

			new JX.FX(self._indicator).setDuration(1000).start({opacity: [0, 0.8]});
			}
			self._depth++;
			},
			done : function() {
			var self = JX.Busy;
			--self._depth;

			if (!self._depth) {
			JX.DOM.remove(self._indicator);
			self._indicator = null;
			}
			}
			}

			});

Owner Packages

phorge/webroot/rsrc/js/core/Busy.js
8e5153e86627master