paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

stream_popover: Refactor topic input focus/blur handlers into functions.

Browse Source
This commit is contained in:
Vector73
2025-07-07 06:39:24 +00:00
committed by Tim Abbott
parent 82d76465ab
commit 3b4f55a7ea
1 changed files with 28 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
web/src/stream_popover.ts
View File

@@ -996,6 +996,32 @@ export async function build_move_topic_to_stream_popover(
}
}
function update_topic_input_placeholder_on_focus(): void {
const $topic_input = $<HTMLInputElement>("#move_topic_form input.move_messages_edit_topic");
const $topic_not_mandatory_placeholder = $(".move-topic-new-topic-placeholder");
$topic_input.attr("placeholder", "");
$topic_input.removeClass("empty-topic-display");
if ($topic_input.val() === "" && stream_data.can_use_empty_topic(stream_widget_value)) {
$topic_not_mandatory_placeholder.addClass("move-topic-new-topic-placeholder-visible");
update_clear_move_topic_button_state();
}
}
function update_topic_input_placeholder_on_blur(): void {
const $topic_input = $<HTMLInputElement>("#move_topic_form input.move_messages_edit_topic");
const $topic_not_mandatory_placeholder = $(".move-topic-new-topic-placeholder");
$topic_not_mandatory_placeholder.removeClass("move-topic-new-topic-placeholder-visible");
if ($topic_input.val() === "" && stream_data.can_use_empty_topic(stream_widget_value)) {
$topic_input.attr("placeholder", empty_string_topic_display_name);
$topic_input.addClass("empty-topic-display");
update_clear_move_topic_button_state();
}
}
function move_topic_post_render(): void {
$("#move_topic_modal .dialog_submit_button").prop("disabled", true);
$("#move_topic_modal .move_topic_warning_container").hide();
@@ -1014,27 +1040,10 @@ export async function build_move_topic_to_stream_popover(
}
$topic_input.on("focus", () => {
$topic_input.attr("placeholder", "");
$topic_input.removeClass("empty-topic-display");
if ($topic_input.val() === "" && stream_data.can_use_empty_topic(stream_widget_value)) {
$topic_not_mandatory_placeholder.addClass(
"move-topic-new-topic-placeholder-visible",
);
$("#clear_move_topic_new_topic_name").css("visibility", "hidden");
}
update_topic_input_placeholder_on_focus();
$topic_input.one("blur", () => {
$topic_not_mandatory_placeholder.removeClass(
"move-topic-new-topic-placeholder-visible",
);
if (
$topic_input.val() === "" &&
stream_data.can_use_empty_topic(stream_widget_value)
) {
$topic_input.attr("placeholder", empty_string_topic_display_name);
$topic_input.addClass("empty-topic-display");
$("#clear_move_topic_new_topic_name").css("visibility", "visible");
}
update_topic_input_placeholder_on_blur();
});
});