Djeex/lumeex
1
1
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 8 Wiki Activity

Build and upload loader

Browse Source
This commit is contained in:
Djeex
2025-08-22 12:30:10 +02:00
parent a6b63c2d2b
commit 1591886505
5 changed files with 132 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/webui/js/upload.js
View File

@ -1,41 +1,64 @@
// --- Loader helpers ---
function showLoader(text = "Uploading...") {
const loader = document.getElementById("global-loader");
if (loader) {
loader.style.display = "flex";
document.getElementById("loader-text").textContent = text;
}
}
function hideLoader() {
const loader = document.getElementById("global-loader");
if (loader) loader.style.display = "none";
}
// --- Upload gallery images ---
document.getElementById('upload-gallery').addEventListener('change', async (e) => {
const files = e.target.files;
if (!files.length) return;
const galleryInput = document.getElementById('upload-gallery');
if (galleryInput) {
galleryInput.addEventListener('change', async (e) => {
const files = e.target.files;
if (!files.length) return;
showLoader("Uploading photos...");
const formData = new FormData();
for (const file of files) formData.append('files', file);
const formData = new FormData();
for (const file of files) formData.append('files', file);
try {
const res = await fetch('/api/gallery/upload', { method: 'POST', body: formData });
const data = await res.json();
if (res.ok) {
showToast(`✅ ${data.uploaded.length} gallery image(s) uploaded!`, "success");
refreshGallery();
} else showToast('Error: ' + data.error, "error");
} catch(err) {
console.error(err);
showToast('Server error!', "error");
} finally { e.target.value = ''; }
});
try {
const res = await fetch('/api/gallery/upload', { method: 'POST', body: formData });
const data = await res.json();
hideLoader();
if (res.ok) {
showToast(`✅ ${data.uploaded.length} gallery image(s) uploaded!`, "success");
if (typeof refreshGallery === "function") refreshGallery();
} else showToast('Error: ' + data.error, "error");
} catch(err) {
hideLoader();
console.error(err);
showToast('Server error!', "error");
} finally { e.target.value = ''; }
});
}
// --- Upload hero images ---
document.getElementById('upload-hero').addEventListener('change', async (e) => {
const files = e.target.files;
if (!files.length) return;
const heroInput = document.getElementById('upload-hero');
if (heroInput) {
heroInput.addEventListener('change', async (e) => {
const files = e.target.files;
if (!files.length) return;
showLoader("Uploading hero photos...");
const formData = new FormData();
for (const file of files) formData.append('files', file);
const formData = new FormData();
for (const file of files) formData.append('files', file);
try {
const res = await fetch('/api/hero/upload', { method: 'POST', body: formData });
const data = await res.json();
if (res.ok) {
showToast(`✅ ${data.uploaded.length} hero image(s) uploaded!`, "success");
refreshHero();
} else showToast('Error: ' + data.error, "error");
} catch(err) {
console.error(err);
showToast('Server error!', "error");
} finally { e.target.value = ''; }
});
try {
const res = await fetch('/api/hero/upload', { method: 'POST', body: formData });
const data = await res.json();
hideLoader();
if (res.ok) {
showToast(`✅ ${data.uploaded.length} hero image(s) uploaded!`, "success");
if (typeof refreshHero === "function") refreshHero();
} else showToast('Error: ' + data.error, "error");
} catch(err) {
hideLoader();
console.error(err);
showToast('Server error!', "error");
} finally { e.target.value = ''; }
});
}