clients/phobos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

credit artists when provided

Browse source
This commit is contained in:
Lio 2024-07-25 20:44:11 +02:00
parent 4fdaf1f2bf
commit 5bd12cbe9f
2 changed files with 18 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/Lightbox.astro
View file

@ -9,13 +9,14 @@
const lightbox = document.querySelector(".app-lightbox"); const lightbox = document.querySelector(".app-lightbox");
let portal = lightbox.querySelector(".portal"); let portal = lightbox.querySelector(".portal");
let desc = lightbox.querySelector(".desc"); let desc = lightbox.querySelector(".desc");
let artist = lightbox.querySelector("#artist");
// eslint-disable-next-line no-restricted-syntax // eslint-disable-next-line no-restricted-syntax
for (const trig of lbTriggers) { for (const trig of lbTriggers) {
trig.addEventListener("click", () => { trig.addEventListener("click", () => {
const T = trig.getElementsByTagName("img")[0]; const T = trig.getElementsByTagName("img")[0];
const url = new URL(T.src)
portal.src = T.src; const noThumb = url.href.replaceAll(url.search, '')
portal.src = noThumb;
// console.log(); // console.log();
if (!T.alt) desc.classList.add("hidden"); if (!T.alt) desc.classList.add("hidden");
else desc.classList.remove("hidden"); else desc.classList.remove("hidden");
@ -55,6 +56,7 @@
.app-lightbox { .app-lightbox {
position: fixed; position: fixed;
margin: auto auto; margin: auto auto;
padding: 2rem;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 3; z-index: 3;
@ -100,7 +102,7 @@
} }
.desc { .desc {
max-width: 20%; max-width: 50%;
margin: auto auto; margin: auto auto;
padding: 1rem; padding: 1rem;
} }

20
src/pages/characters/[slug].astro
View file

@ -11,16 +11,15 @@ const imageCollection = await pb.collection("images").getFullList({
const characterDetails = await pb const characterDetails = await pb
.collection("characters") .collection("characters")
.getFirstListItem(`(slug~"${slug}")`); .getFirstListItem(`(slug~"${slug}")`);
// console.log(characterDetails);
const images = imageCollection.map((record) => { const images = imageCollection.map((record) => {
const url = pb.files.getUrl(record, record.file, { thumb: record.thumb }); const url = pb.files.getUrl(record, record.file, { thumb: record.thumb });
return { return {
url: url, url: url,
desc: record.description, desc: record.description,
nsfw: record.nsfw, nsfw: record.nsfw,
}; artist: record.artist,
};
}); });
export const prerender = false; export const prerender = false;
--- ---
@ -45,7 +44,12 @@ export const prerender = false;
> >
{ {
images.map((image) => ( images.map((image) => (
<Image nsfw={image.nsfw} src={image.url} alt={image.desc} /> <Image
nsfw={image?.nsfw}
src={image?.url}
alt={image?.desc}
artist={image?.artist}
/>
)) ))
} }
</div> </div>