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

rendered_markdown: Move thumbnail rewriting to postprocess_content.

Browse Source 
Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg
2024-07-23 12:19:01 -07:00
committed by Tim Abbott
parent edf34ada63
commit 94fe3f6194
4 changed files with 143 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/postprocess_content.ts
View File

@@ -1,4 +1,7 @@
import {$t} from "./i18n";
import * as thumbnail from "./thumbnail";
import {user_settings} from "./user_settings";
import * as util from "./util";
let inertDocument: Document | undefined;
@@ -84,5 +87,33 @@ export function postprocess_content(html: string): string {
);
}
}
for (const inline_img_thumbnail of template.content.querySelectorAll<HTMLImageElement>(
'div.message_inline_image > a > img[src^="/user_uploads/thumbnail/"]',
)) {
let thumbnail_name = thumbnail.preferred_format.name;
if (inline_img_thumbnail.dataset.animated === "true") {
if (
user_settings.web_animate_image_previews === "always" ||
// Treat on_hover as "always" on mobile web, where
// hovering is impossible and there's much less on
// the screen.
(user_settings.web_animate_image_previews === "on_hover" && util.is_mobile())
) {
thumbnail_name = thumbnail.animated_format.name;
} else {
// If we're showing a still thumbnail, show a play
// button so that users that it can be played.
inline_img_thumbnail
.closest(".message_inline_image")!
.classList.add("message_inline_animated_image_still");
}
}
inline_img_thumbnail.src = inline_img_thumbnail.src.replace(
/\/[^/]+$/,
"/" + thumbnail_name,
);
}
return template.innerHTML;
}