mirror of https://github.com/zulip/zulip.git
88 lines
3.2 KiB
JavaScript
88 lines
3.2 KiB
JavaScript
import $ from "jquery";
|
||
|
||
import * as blueslip from "./blueslip";
|
||
import * as loading from "./loading";
|
||
import {page_params} from "./page_params";
|
||
import * as util from "./util";
|
||
|
||
// Miscellaneous early setup.
|
||
export let password_change_in_progress = false;
|
||
export let password_changes = 0;
|
||
const xhr_password_changes = new WeakMap();
|
||
|
||
export function set_password_change_in_progress(value) {
|
||
password_change_in_progress = value;
|
||
if (!value) {
|
||
password_changes += 1;
|
||
}
|
||
}
|
||
|
||
$(() => {
|
||
if (util.is_mobile()) {
|
||
// Disable the tutorial; it's ugly on mobile.
|
||
page_params.needs_tutorial = false;
|
||
}
|
||
|
||
page_params.page_load_time = Date.now();
|
||
|
||
// Display loading indicator. This disappears after the first
|
||
// get_events completes.
|
||
if (!page_params.needs_tutorial) {
|
||
loading.make_indicator($("#page_loading_indicator"), {
|
||
text: "Loading...",
|
||
abs_positioned: true,
|
||
});
|
||
}
|
||
|
||
// This is an issue fix where in jQuery v3 the result of outerHeight on a node
|
||
// that doesn’t exist is now “undefined” rather than “null”, which means it
|
||
// will no longer cast to a Number but rather NaN. For this, we create the
|
||
// `safeOuterHeight` and `safeOuterWidth` functions to safely return a result
|
||
// (or 0).
|
||
$.fn.safeOuterHeight = function (...args) {
|
||
return this.outerHeight(...args) || 0;
|
||
};
|
||
|
||
$.fn.safeOuterWidth = function (...args) {
|
||
return this.outerWidth(...args) || 0;
|
||
};
|
||
|
||
// Remember the number of completed password changes when the
|
||
// request was initiated. This allows us to detect race
|
||
// situations where a password change occurred before we got a
|
||
// response that failed due to the ongoing password change.
|
||
$(document).ajaxSend((event, xhr) => {
|
||
xhr_password_changes.set(xhr, password_changes);
|
||
});
|
||
|
||
// For some reason, jQuery wants this to be attached to an element.
|
||
$(document).ajaxError((event, xhr) => {
|
||
if (password_change_in_progress || xhr_password_changes.get(xhr) !== password_changes) {
|
||
// The backend for handling password change API requests
|
||
// will replace the user's session; this results in a
|
||
// brief race where any API request will fail with a 401
|
||
// error after the old session is deactivated but before
|
||
// the new one has been propagated to the browser. So we
|
||
// skip our normal HTTP 401 error handling if we're in the
|
||
// process of executing a password change.
|
||
return;
|
||
}
|
||
|
||
if (xhr.status === 401) {
|
||
// We got logged out somehow, perhaps from another window
|
||
// changing the user's password, or a session timeout. We
|
||
// could display an error message, but jumping right to
|
||
// the login page conveys the same information with a
|
||
// smoother re-login experience.
|
||
window.location.replace(page_params.login_page);
|
||
}
|
||
});
|
||
|
||
$.fn.expectOne = function () {
|
||
if (blueslip && this.length !== 1) {
|
||
blueslip.error("Expected one element in jQuery set, " + this.length + " found");
|
||
}
|
||
return this;
|
||
};
|
||
});
|