mirror of https://github.com/zulip/zulip.git
76 lines
2.5 KiB
JavaScript
76 lines
2.5 KiB
JavaScript
var util = (function () {
|
|
|
|
var exports = {};
|
|
|
|
// From MDN: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Math/random
|
|
exports.random_int = function random_int(min, max) {
|
|
return Math.floor(Math.random() * (max - min + 1)) + min;
|
|
};
|
|
|
|
// We need to reset the favicon after changing the
|
|
// window.location.hash or Firefox will drop the favicon. See
|
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=519028
|
|
exports.reset_favicon = function () {
|
|
$('link[rel="shortcut icon"]').detach().appendTo('head');
|
|
};
|
|
|
|
exports.make_loading_indicator = function (container, text) {
|
|
container.empty();
|
|
var spinner_elem = $('<div class="loading_indicator_spinner"></div>');
|
|
container.append(spinner_elem);
|
|
var text_width = 0;
|
|
|
|
if (text !== '' && text !== undefined) {
|
|
var text_elem = $('<span class="loading_indicator_text"></span>');
|
|
text_elem.text(text);
|
|
container.append(text_elem);
|
|
// See note, below
|
|
text_width = 20 + text_elem.width();
|
|
}
|
|
|
|
// These width calculations are tied to the spinner width and
|
|
// margins defined via CSS
|
|
//
|
|
// TODO: We set white-space to 'nowrap' because under some
|
|
// unknown circumstances (it happens on Keegan's laptop) the text
|
|
// width calculation, above, returns a result that's a few pixels
|
|
// too small. The container's div will be slightly too small,
|
|
// but that's probably OK for our purposes.
|
|
container.css({width: 38 + text_width,
|
|
height: 38,
|
|
display: 'block',
|
|
'white-space': 'nowrap'});
|
|
|
|
var spinner = new Spinner({
|
|
lines: 8,
|
|
length: 0,
|
|
width: 9,
|
|
radius: 9,
|
|
speed: 1.25,
|
|
shadow: false,
|
|
zIndex: 1000
|
|
}).spin(spinner_elem[0]);
|
|
container.data("spinner_obj", spinner);
|
|
|
|
// Make the spinner appear in the center of its enclosing
|
|
// element. spinner.el is a 0x0 div. The parts of the spinner
|
|
// are arranged so that they're centered on the upper-left corner
|
|
// of spinner.el. So, by setting spinner.el's position to
|
|
// relative and top/left to 50%, the center of the spinner will
|
|
// be located at the center of spinner_elem.
|
|
$(spinner.el).css({left: '50%', top: '50%'});
|
|
};
|
|
|
|
exports.destroy_loading_indicator = function (container) {
|
|
var spinner = container.data("spinner_obj");
|
|
if (spinner !== undefined) {
|
|
spinner.stop();
|
|
}
|
|
container.removeData("spinner_obj");
|
|
container.empty();
|
|
container.css({width: 0, height: 0, display: 'none'});
|
|
};
|
|
|
|
return exports;
|
|
}());
|