wah.su/mstickers
1
0
Fork 0
mirror of https://github.com/wah-su/mstickers.git synced 2025-05-05 04:19:36 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add sticker pack stickers preview

Browse source
This commit is contained in:
Kentai Radiquum 2024-12-29 03:18:33 +05:00
parent acfae9f06f
commit 101036f9c7
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
4 changed files with 61 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

27
static/pack_preview.js
View file

@ -3,6 +3,7 @@ const packName = document.getElementById("preview_sticker_pack_name");
const packAuthor_by = document.getElementById("preview_sticker_pack_author_by");
const packAuthor = document.getElementById("preview_sticker_pack_author");
const packImage = document.getElementById("preview_sticker_pack_image");
const packStickers = document.getElementById("preview_sticker_pack_stickers");
const packLinkTG = document.getElementById("preview_sticker_pack_add_tg");
const packLinkFC = document.getElementById("preview_sticker_pack_add_fc");
const packLinkCI = document.getElementById("preview_sticker_pack_add_ci");
@ -64,6 +65,15 @@ async function loadPack(pack) {
updatePackInfo(data);
}
function getStickerImage(stickerID) {
const _image_path = `${stickerID.slice(0, 2)}/${stickerID.slice(
2,
4
)}/${stickerID.slice(4)}`;
return `${index.homeserver_url}/__thumbnail/${_image_path}`;
}
function updatePackInfo(data) {
packName.innerHTML = data.title;
@ -77,13 +87,7 @@ function updatePackInfo(data) {
}
}
const _image_id = data.stickers[0].id;
const _image_path = `${_image_id.slice(0, 2)}/${_image_id.slice(
2,
4
)}/${_image_id.slice(4)}`;
packImage.src = `${index.homeserver_url}/__thumbnail/${_image_path}`;
packImage.src = getStickerImage(data.stickers[0].id);
if (data.hasOwnProperty("rating") && data.rating) {
switch (data.rating.toLowerCase()) {
@ -119,6 +123,15 @@ function updatePackInfo(data) {
packLinkCI.classList.remove("hidden");
packLinkCI.classList.add("flex");
}
for (let i = 0; i < data.stickers.length; i++) {
const sticker = data.stickers[i];
const stickerImage = document.createElement("img");
stickerImage.src = getStickerImage(sticker.id);
stickerImage.alt = sticker.body;
stickerImage.classList.add('object-contain', 'w-20')
packStickers.appendChild(stickerImage);
}
}
function toggleElementInstruction() {