mirror of
https://github.com/zulip/zulip.git
synced 2025-11-06 23:13:25 +00:00
9d27878abf
If you create a spinner in a hidden element and then show the element, the spinner is placed differently than if you had created the spinner while the element was visible. This commit makes it so that we never create spinners while their parent is hidden. (imported from commit a21e68976d70fcceece30ee35f5e7cf6f9490497)
59 lines
1.7 KiB
JavaScript
59 lines
1.7 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_spinner = function (container, text) {
|
|
container.empty();
|
|
var spinner_elem = $('<div class="loading_spinner"></div>');
|
|
container.append(spinner_elem);
|
|
var text_width = 0;
|
|
|
|
if (text !== '' && text !== undefined) {
|
|
var text_elem = $('<span class="loading_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
|
|
container.css({width: 38 + text_width,
|
|
height: 38});
|
|
|
|
var spinner = new Spinner({
|
|
lines: 8,
|
|
length: 0,
|
|
width: 9,
|
|
radius: 9,
|
|
speed: 1.25,
|
|
shadow: false
|
|
}).spin(spinner_elem[0]);
|
|
container.data("spinner_obj", spinner);
|
|
};
|
|
|
|
exports.destroy_spinner = 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});
|
|
};
|
|
|
|
return exports;
|
|
}());
|