117 lines
4.0 KiB
JavaScript
117 lines
4.0 KiB
JavaScript
// --- Loader helpers ---
|
|
function showLoader(text = "Uploading...") {
|
|
const loader = document.getElementById("global-loader");
|
|
if (loader) {
|
|
loader.classList.add("active");
|
|
document.getElementById("loader-text").textContent = text;
|
|
}
|
|
}
|
|
function hideLoader() {
|
|
const loader = document.getElementById("global-loader");
|
|
if (loader) loader.classList.remove("active");
|
|
}
|
|
|
|
|
|
// --- Upload gallery images ---
|
|
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);
|
|
|
|
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 ---
|
|
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);
|
|
|
|
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 = ''; }
|
|
});
|
|
}
|
|
|
|
// --- Upload gallery images (bottom button) ---
|
|
const galleryInputBottom = document.getElementById('upload-gallery-bottom');
|
|
if (galleryInputBottom) {
|
|
galleryInputBottom.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);
|
|
|
|
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 (bottom button) ---
|
|
const heroInputBottom = document.getElementById('upload-hero-bottom');
|
|
if (heroInputBottom) {
|
|
heroInputBottom.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);
|
|
|
|
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 = ''; }
|
|
});
|
|
} |