mirror of
https://github.com/zulip/zulip.git
synced 2025-11-04 14:03:30 +00:00
6ec808b8df
ES and TypeScript modules are strict by default and don’t need this directive. ESLint will remind us to add it to new CommonJS files and remove it from ES and TypeScript modules. Signed-off-by: Anders Kaseorg <anders@zulip.com>
107 lines
2.9 KiB
JavaScript
107 lines
2.9 KiB
JavaScript
"use strict";
|
|
|
|
exports.input_field = function () {
|
|
return $(".user_status_overlay input.user_status");
|
|
};
|
|
|
|
exports.submit_button = function () {
|
|
return $(".user_status_overlay .set_user_status");
|
|
};
|
|
|
|
exports.open_overlay = function () {
|
|
const overlay = $(".user_status_overlay");
|
|
overlays.open_overlay({
|
|
name: "user_status_overlay",
|
|
overlay,
|
|
on_close() {},
|
|
});
|
|
|
|
const user_id = people.my_current_user_id();
|
|
const old_status_text = user_status.get_status_text(user_id);
|
|
const field = exports.input_field();
|
|
field.val(old_status_text);
|
|
field.trigger("select");
|
|
field.trigger("focus");
|
|
exports.toggle_clear_message_button();
|
|
|
|
const button = exports.submit_button();
|
|
button.prop("disabled", true);
|
|
};
|
|
|
|
exports.close_overlay = function () {
|
|
overlays.close_overlay("user_status_overlay");
|
|
};
|
|
|
|
exports.submit_new_status = function () {
|
|
const user_id = people.my_current_user_id();
|
|
let old_status_text = user_status.get_status_text(user_id) || "";
|
|
old_status_text = old_status_text.trim();
|
|
const new_status_text = exports.input_field().val().trim();
|
|
|
|
if (old_status_text === new_status_text) {
|
|
exports.close_overlay();
|
|
return;
|
|
}
|
|
|
|
user_status.server_update({
|
|
status_text: new_status_text,
|
|
success() {
|
|
exports.close_overlay();
|
|
},
|
|
});
|
|
};
|
|
|
|
exports.update_button = function () {
|
|
const user_id = people.my_current_user_id();
|
|
let old_status_text = user_status.get_status_text(user_id) || "";
|
|
old_status_text = old_status_text.trim();
|
|
const new_status_text = exports.input_field().val().trim();
|
|
const button = exports.submit_button();
|
|
|
|
if (old_status_text === new_status_text) {
|
|
button.prop("disabled", true);
|
|
} else {
|
|
button.prop("disabled", false);
|
|
}
|
|
};
|
|
|
|
exports.toggle_clear_message_button = function () {
|
|
if (exports.input_field().val() !== "") {
|
|
$("#clear_status_message_button").prop("disabled", false);
|
|
} else {
|
|
$("#clear_status_message_button").prop("disabled", true);
|
|
}
|
|
};
|
|
|
|
exports.clear_message = function () {
|
|
const field = exports.input_field();
|
|
field.val("");
|
|
$("#clear_status_message_button").prop("disabled", true);
|
|
};
|
|
|
|
exports.initialize = function () {
|
|
$("body").on("click", ".user_status_overlay .set_user_status", () => {
|
|
exports.submit_new_status();
|
|
});
|
|
|
|
$("body").on("keypress", ".user_status_overlay .user_status", (event) => {
|
|
if (event.key === "Enter") {
|
|
event.preventDefault();
|
|
|
|
exports.submit_new_status();
|
|
}
|
|
});
|
|
|
|
$("body").on("keyup", ".user_status_overlay input.user_status", () => {
|
|
exports.update_button();
|
|
exports.toggle_clear_message_button();
|
|
});
|
|
|
|
$("#clear_status_message_button").on("click", () => {
|
|
exports.clear_message();
|
|
exports.update_button();
|
|
});
|
|
};
|
|
|
|
window.user_status_ui = exports;
|