scl/szurubooru
1
0
Fork 0
mirror of https://github.com/rr-/szurubooru.git synced 2025-07-17 08:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

client/posts: skip thumbnail placeholder if fullsize image is in cache

Browse Source
This commit is contained in:
Eva
2025-04-01 02:36:20 +02:00
parent 289f8a87be
commit 14a4386561
4 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/js/controls/post_content_control.js
View File

@ -5,11 +5,12 @@ const views = require("../util/views.js");
const optimizedResize = require("../util/optimized_resize.js");
class PostContentControl {
constructor(hostNode, post, viewportSizeCalculator, fitFunctionOverride) {
constructor(hostNode, post, isMediaCached, viewportSizeCalculator, fitFunctionOverride) {
this._post = post;
this._viewportSizeCalculator = viewportSizeCalculator;
this._hostNode = hostNode;
this._template = views.getTemplate("post-content");
this._isMediaCached = isMediaCached;
let fitMode = settings.get().fitMode;
if (typeof fitFunctionOverride !== "undefined") {
@ -150,9 +151,11 @@ class PostContentControl {
newNode.firstElementChild.style.backgroundImage = "";
}
if (["image", "flash"].includes(this._post.type)) {
newNode.firstElementChild.style.backgroundImage = "url("+this._post.originalThumbnailUrl+")";
if (this._post.type !== "image" || !this._isMediaCached) {
newNode.firstElementChild.style.backgroundImage = "url("+this._post.originalThumbnailUrl+")";
}
}
if (this._post.type == "image") {
if (this._post.type == "image" && !this._isMediaCached) {
newNode.firstElementChild.addEventListener("load", load);
} else if (settings.get().transparencyGrid) {
newNode.classList.add("transparency-grid");

10
client/js/util/misc.js
View File

@ -211,6 +211,15 @@ function getPrettyName(tag) {
return tag;
}
function isMediaCached(post) {
if (post.type !== "image") {
return false;
}
const img = new Image()
img.src = post.contentUrl;
return img.complete;
}
module.exports = {
range: range,
formatRelativeTime: formatRelativeTime,
@ -229,4 +238,5 @@ module.exports = {
escapeSearchTerm: escapeSearchTerm,
dataURItoBlob: dataURItoBlob,
getPrettyName: getPrettyName,
isMediaCached: isMediaCached,
};

1
client/js/views/home_view.js
View File

@ -62,6 +62,7 @@ class HomeView {
this._postContentControl = new PostContentControl(
this._postContainerNode,
postInfo.featuredPost,
misc.isMediaCached(postInfo.featuredPost),
() => {
return [window.innerWidth * 0.8, window.innerHeight * 0.7];
},

1
client/js/views/post_main_view.js
View File

@ -31,6 +31,7 @@ class PostMainView {
this._postContentControl = new PostContentControl(
postContainerNode,
ctx.post,
misc.isMediaCached(ctx.post),
() => {
const margin = sidebarNode.getBoundingClientRect().left;