thohlt/thiloho.github.io
1
0
Fork 0
mirror of https://github.com/thiloho/thiloho.github.io.git synced 2026-01-11 21:04:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix tracks loading script

Browse Source
This commit is contained in:
thiloho
2025-12-29 20:25:55 +01:00
parent 90d8ec0a2c
commit ce351183a6
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/tracks.astro
View File

@@ -32,7 +32,10 @@ const tracks = await getCollection("tracks");
<script is:inline define:vars={{ tracks }}> <script is:inline define:vars={{ tracks }}>
const loadThumbnails = async () => { const loadThumbnails = async () => {
const tracksContainer = document.getElementById("tracks-container"); const tracksContainer = document.getElementById("tracks-container");
if (!tracksContainer) { const loadingIndicator = document.getElementById("loading-indicator");
const percentageEl = document.getElementById("loading-percentage");
if (!tracksContainer || !loadingIndicator || !percentageEl) {
return; return;
} }
@@ -43,7 +46,6 @@ const tracks = await getCollection("tracks");
let loadedCount = 0; let loadedCount = 0;
const total = thumbnailUrls.length; const total = thumbnailUrls.length;
const percentageEl = document.getElementById("loading-percentage");
const preloadImages = thumbnailUrls.map((url) => { const preloadImages = thumbnailUrls.map((url) => {
return new Promise((resolve) => { return new Promise((resolve) => {
@@ -63,7 +65,7 @@ const tracks = await getCollection("tracks");
await Promise.all(preloadImages); await Promise.all(preloadImages);
document.getElementById("loading-indicator").classList.add("hidden"); loadingIndicator.classList.add("hidden");
tracksContainer.classList.remove("hidden"); tracksContainer.classList.remove("hidden");
}; };