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

add sticker packs index

Browse source
This commit is contained in:
Kentai Radiquum 2024-12-29 15:13:11 +05:00
parent 38f4fb54fd
commit 5ad18fcdc6
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
3 changed files with 108 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

71
static/pack_preview.js
View file

@ -3,14 +3,25 @@ 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 packStickersC = document.getElementById("preview_sticker_pack_stickers_container");
const packStickersCount = document.getElementById("preview_sticker_pack_stickers_count");
const packStickersC = document.getElementById(
"preview_sticker_pack_stickers_container"
);
const packStickersCount = document.getElementById(
"preview_sticker_pack_stickers_count"
);
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");
const ElementInstructionOV = document.getElementById("preview_sticker_pack_add_to_element_overlay");
const ElementInstruction = document.getElementById("preview_sticker_pack_add_to_element");
const ElementInstructionOV = document.getElementById(
"preview_sticker_pack_add_to_element_overlay"
);
const ElementInstruction = document.getElementById(
"preview_sticker_pack_add_to_element"
);
const stickerpacksIndexContainer =
document.getElementById("stickerpacks_index");
let index = null;
const searchParams = new URLSearchParams(window.location.search);
@ -33,14 +44,58 @@ async function loadIndex() {
});
if (!pack_id) {
packName.innerHTML = "no sticker pack provided";
loadStickerpacks();
} else if (!index) {
packName.innerHTML = "no index.json found";
stickerpacksIndexContainer.classList.remove("hidden");
stickerpacksIndexContainer.innerHTML = "no index.json found";
} else {
loadPack(pack_id);
}
}
async function loadStickerpacks() {
stickerpacksIndexContainer.classList.remove("hidden");
stickerpacksIndexContainer.classList.add("flex");
for (let i = 0; i < index.packs.length; i++) {
const data = await fetch(
`${window.location.origin}/stickerpacks/${index.packs[i]}`
)
.then((res) => {
if (!res.ok) {
throw new Error("not found");
}
return res.json();
})
.then((json) => {
return json;
})
.catch((e) => {
console.error(e);
return null;
});
if (!data) {
continue;
}
stickerpacksIndexContainer.innerHTML += `
<a href="index.html?id=${index.packs[i].split('.json')[0]}" class="flex-grow">
<div class="flex gap-4 items-center bg-stone-800 text-slate-200 p-4 rounded-lg">
<img src="${getStickerImage(data.stickers[0].id)}" alt="${
data.stickers[0].body
}" class="object-contain w-24"/>
<div>
<p class="text-2xl">${data.title}</p>
${
data.hasOwnProperty("author") && data.author.name
? `<p class="text-xl">${data.author.name}</p>`
: ""
}
</div>
</div>
</a>
`;
}
}
async function loadPack(pack) {
const data = await fetch(
`${window.location.origin}/stickerpacks/${pack}.json`
@ -126,14 +181,14 @@ function updatePackInfo(data) {
packLinkCI.classList.add("flex");
}
packStickersC.classList.remove('hidden')
packStickersC.classList.remove("hidden");
packStickersCount.innerHTML = `(${data.stickers.length})`;
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', 'md:w-20', "w-24")
stickerImage.classList.add("object-contain", "md:w-20", "w-24");
packStickers.appendChild(stickerImage);
}
}