breadone/BreadnetV3
Archived
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add field for film used in photos

Browse Source
This commit is contained in:
June
2025-11-19 23:02:40 +13:00
parent facb2b0f99
commit 4bad9e095e
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/photos/carousel.astro
View File

@@ -26,6 +26,7 @@ const photoLinks = await Promise.all(
const photoLinks = photoLinksElement ? JSON.parse(photoLinksElement.textContent || '[]') : [];
const titleEl = document.getElementById('photo-title');
const cameraEl = document.getElementById('photo-camera');
const filmEl = document.getElementById('photo-film');
const locationEl = document.getElementById('photo-location');
const currentPosIndicator = document.getElementById('current-pos');
const maxPosIndicator = document.getElementById('max-pos');
@@ -49,6 +50,7 @@ const photoLinks = await Promise.all(
const swiper = new Swiper('.swiper', {
modules: [Navigation, Keyboard, EffectFade],
spaceBetween: 20,
effect: 'cards',
fadeEffect: {
crossFade: true
@@ -78,6 +80,9 @@ const photoLinks = await Promise.all(
if (cameraEl && currentPhoto) {
cameraEl.textContent = `📸 ${currentPhoto.camera}`;
}
if (filmEl && currentPhoto) {
filmEl.textContent = currentPhoto.film !== "" ? `🎞️ ${currentPhoto.film}` : "";
}
if (locationEl && currentPhoto) {
locationEl.textContent = `📌 ${currentPhoto.location}`;
}