paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose: Replace $("textarea#compose-textarea") with $textarea.

Browse Source 
Replaces the $("textarea#compose-textarea") selector with $textarea in
the `check_overflow_text` and `validate_message_length` functions. This
change allows $textarea to be modified in future commits to also support
the edit-message UI.
This commit is contained in:
opmkumar
2024-11-22 22:34:11 +05:30
committed by Tim Abbott
parent aac07e913b
commit 7c53e8c90b
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/compose_validate.ts
View File

@@ -721,6 +721,7 @@ export function check_overflow_text(): number {
// This function is called when typing every character in the
// compose box, so it's important that it not doing anything
// expensive.
const $textarea = $("textarea#compose-textarea");
const text = compose_state.message_content();
const max_length = realm.max_message_length;
const remaining_characters = max_length - text.length;
@@ -728,7 +729,7 @@ export function check_overflow_text(): number {
if (text.length > max_length) {
$indicator.addClass("over_limit");
$("textarea#compose-textarea").addClass("over_limit");
$textarea.addClass("over_limit");
$indicator.html(
render_compose_limit_indicator({
remaining_characters,
@@ -737,7 +738,7 @@ export function check_overflow_text(): number {
set_message_too_long_for_compose(true);
} else if (remaining_characters <= 900) {
$indicator.removeClass("over_limit");
$("textarea#compose-textarea").removeClass("over_limit");
$textarea.removeClass("over_limit");
$indicator.html(
render_compose_limit_indicator({
remaining_characters,
@@ -746,7 +747,7 @@ export function check_overflow_text(): number {
set_message_too_long_for_compose(false);
} else {
$indicator.text("");
$("textarea#compose-textarea").removeClass("over_limit");
$textarea.removeClass("over_limit");
set_message_too_long_for_compose(false);
}
@@ -755,9 +756,10 @@ export function check_overflow_text(): number {
}
export function validate_message_length(): boolean {
const $textarea = $("textarea#compose-textarea");
if (compose_state.message_content().length > realm.max_message_length) {
$("textarea#compose-textarea").addClass("flash");
setTimeout(() => $("textarea#compose-textarea").removeClass("flash"), 1500);
$textarea.addClass("flash");
setTimeout(() => $textarea.removeClass("flash"), 1500);
return false;
}
return true;