mirror of
https://github.com/zulip/zulip.git
synced 2026-07-15 21:03:26 +08:00
c1675913a2
Ever since we started bundling the app with webpack, there’s been less and less overlap between our ‘static’ directory (files belonging to the frontend app) and Django’s interpretation of the ‘static’ directory (files served directly to the web). Split the app out to its own ‘web’ directory outside of ‘static’, and remove all the custom collectstatic --ignore rules. This makes it much clearer what’s actually being served to the web, and what’s being bundled by webpack. It also shrinks the release tarball by 3%. Signed-off-by: Anders Kaseorg <[email protected]>
122 lines
3.9 KiB
JavaScript
122 lines
3.9 KiB
JavaScript
import $ from "jquery";
|
||
import SimpleBar from "simplebar";
|
||
|
||
import * as message_lists from "./message_lists";
|
||
|
||
// What, if anything, obscures the home tab?
|
||
|
||
export function replace_emoji_with_text($element) {
|
||
$element.find(".emoji").replaceWith(function () {
|
||
if ($(this).is("img")) {
|
||
return $(this).attr("alt");
|
||
}
|
||
return $(this).text();
|
||
});
|
||
}
|
||
|
||
export function get_content_element($element) {
|
||
const element = $element.expectOne()[0];
|
||
const sb = SimpleBar.instances.get(element);
|
||
if (sb) {
|
||
return $(sb.getContentElement());
|
||
}
|
||
return $element;
|
||
}
|
||
|
||
export function get_scroll_element($element) {
|
||
const element = $element.expectOne()[0];
|
||
const sb = SimpleBar.instances.get(element);
|
||
if (sb) {
|
||
return $(sb.getScrollElement());
|
||
} else if ("simplebar" in element.dataset) {
|
||
// The SimpleBar mutation observer hasn’t processed this element yet.
|
||
// Create the SimpleBar early in case we need to add event listeners.
|
||
return $(new SimpleBar(element).getScrollElement());
|
||
}
|
||
return $element;
|
||
}
|
||
|
||
export function reset_scrollbar($element) {
|
||
const element = $element.expectOne()[0];
|
||
const sb = SimpleBar.instances.get(element);
|
||
if (sb) {
|
||
sb.getScrollElement().scrollTop = 0;
|
||
} else {
|
||
element.scrollTop = 0;
|
||
}
|
||
}
|
||
|
||
function update_message_in_all_views(message_id, callback) {
|
||
for (const msg_list of message_lists.all_rendered_message_lists()) {
|
||
const $row = msg_list.get_row(message_id);
|
||
if ($row === undefined) {
|
||
// The row may not exist, e.g. if you do an action on a message in
|
||
// a narrowed view
|
||
continue;
|
||
}
|
||
callback($row);
|
||
}
|
||
}
|
||
|
||
export function update_starred_view(message_id, new_value) {
|
||
const starred = new_value;
|
||
|
||
// Avoid a full re-render, but update the star in each message
|
||
// table in which it is visible.
|
||
update_message_in_all_views(message_id, ($row) => {
|
||
const $elt = $row.find(".star");
|
||
const $star_container = $row.find(".star_container");
|
||
if (starred) {
|
||
$elt.addClass("fa-star").removeClass("fa-star-o");
|
||
$star_container.removeClass("empty-star");
|
||
} else {
|
||
$elt.removeClass("fa-star").addClass("fa-star-o");
|
||
$star_container.addClass("empty-star");
|
||
}
|
||
const data_template_id = starred
|
||
? "unstar-message-tooltip-template"
|
||
: "star-message-tooltip-template";
|
||
$star_container.attr("data-tooltip-template-id", data_template_id);
|
||
});
|
||
}
|
||
|
||
export function show_message_failed(message_id, failed_msg) {
|
||
// Failed to send message, so display inline retry/cancel
|
||
update_message_in_all_views(message_id, ($row) => {
|
||
const $failed_div = $row.find(".message_failed");
|
||
$failed_div.toggleClass("hide", false);
|
||
$failed_div.find(".failed_text").attr("title", failed_msg);
|
||
});
|
||
}
|
||
|
||
export function show_failed_message_success(message_id) {
|
||
// Previously failed message succeeded
|
||
update_message_in_all_views(message_id, ($row) => {
|
||
$row.find(".message_failed").toggleClass("hide", true);
|
||
});
|
||
}
|
||
|
||
// Save the compose content cursor position and restore when we
|
||
// shift-tab back in (see hotkey.js).
|
||
let saved_compose_cursor = 0;
|
||
|
||
export function set_compose_textarea_handlers() {
|
||
$("#compose-textarea").on("blur", function () {
|
||
saved_compose_cursor = $(this).caret();
|
||
});
|
||
|
||
// on the end of the modified-message fade in, remove the fade-in-message class.
|
||
const animationEnd = "webkitAnimationEnd oanimationend msAnimationEnd animationend";
|
||
$("body").on(animationEnd, ".fade-in-message", function () {
|
||
$(this).removeClass("fade-in-message");
|
||
});
|
||
}
|
||
|
||
export function restore_compose_cursor() {
|
||
$("#compose-textarea").trigger("focus").caret(saved_compose_cursor);
|
||
}
|
||
|
||
export function initialize() {
|
||
set_compose_textarea_handlers();
|
||
}
|