paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-12 09:58:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose_box: Render limit indicator as template with zero-width space.

Browse Source
This commit is contained in:
Karl Stolley
2023-11-07 11:51:28 -06:00
committed by Tim Abbott
parent 601faf8548
commit 4fee51fc99
3 changed files with 21 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/compose_validate.js
View File

@@ -5,6 +5,7 @@ import render_compose_banner from "../templates/compose_banner/compose_banner.hb
import render_not_subscribed_warning from "../templates/compose_banner/not_subscribed_warning.hbs";
import render_private_stream_warning from "../templates/compose_banner/private_stream_warning.hbs";
import render_wildcard_warning from "../templates/compose_banner/wildcard_warning.hbs";
import render_compose_limit_indicator from "../templates/compose_limit_indicator.hbs";
import * as channel from "./channel";
import * as compose_banner from "./compose_banner";
@@ -624,7 +625,12 @@ export function check_overflow_text() {
if (text.length > max_length) {
$indicator.addClass("over_limit");
$("textarea#compose-textarea").addClass("over_limit");
$indicator.text(text.length + "/" + max_length);
$indicator.html(
render_compose_limit_indicator({
text_length: text.length,
max_length,
}),
);
compose_banner.show_error_message(
$t(
{
@@ -640,8 +646,12 @@ export function check_overflow_text() {
} else if (text.length > 0.9 * max_length) {
$indicator.removeClass("over_limit");
$("textarea#compose-textarea").removeClass("over_limit");
$indicator.text(text.length + "/" + max_length);
$indicator.html(
render_compose_limit_indicator({
text_length: text.length,
max_length,
}),
);
$("#compose-send-button").prop("disabled", false);
$(`#compose_banners .${CSS.escape(compose_banner.CLASSNAMES.message_too_long)}`).remove();
} else {