pandora/static/js/loadingIcon.js
2013-08-08 13:03:10 +00:00

63 lines
1.4 KiB
JavaScript

'use strict';
pandora.ui.loadingIcon = function() {
var self = {},
that = Ox.LoadingIcon({
tooltip: Ox._('Click to reload {0}', [pandora.site.site.name])
}, self)
.attr({
src: Ox.UI.getImageURL('symbolRedo')
})
.css(getCSS('stop'))
.bindEvent({
anyclick: function() {
pandora.$ui.appPanel.reload();
}
});
that.superStart = that.start;
that.superStop = that.stop;
that.start = function() {
if (!self.loadingInterval) {
that.css(getCSS('start'))
.attr({
src: Ox.UI.getImageURL('symbolLoading')
});
that.superStart();
}
};
that.stop = function() {
if (self.loadingInterval) {
that.superStop(function() {
that.css(getCSS('stop'))
.attr({
src: Ox.UI.getImageURL('symbolRedo')
});
});
}
};
that.update = function(requests) {
that[requests ? 'start' : 'stop']();
};
function getCSS(action) {
return action == 'start' ? {
width: '16px',
height: '16px',
margin: 0,
opacity: 0
} : {
width: '10px',
height: '10px',
margin: '3px',
opacity: 1
};
}
return that;
};