TDvorak/PPve
1
0
Fork 0
mirror of https://github.com/Dvorinka/PPve.git synced 2026-06-05 04:52:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

ff

Browse Source
This commit is contained in:
Tomas Dvorak
2025-05-29 11:00:26 +02:00
parent e9b5c35bcc
commit 3f6b0ad088
1 changed files with 50 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-dashboard.html
+50 -15
View File
@@ -1128,12 +1128,37 @@ document.addEventListener('DOMContentLoaded', () => {
// Show preview // Show preview
const reader = new FileReader(); const reader = new FileReader();
reader.onload = function(e) { reader.onload = function(e) {
currentImage = e.target.result; try {
bannerImagePreview.src = currentImage; currentImage = e.target.result;
uploadPrompt.style.display = 'none'; const bannerImagePreview = document.getElementById('bannerImagePreview');
imagePreview.style.display = 'block'; const uploadPrompt = document.getElementById('uploadPrompt');
updateBannerPreview(); const imagePreview = document.getElementById('imagePreview');
if (bannerImagePreview) {
bannerImagePreview.src = currentImage;
bannerImagePreview.style.display = 'block';
}
if (uploadPrompt) {
uploadPrompt.style.display = 'none';
}
if (imagePreview) {
imagePreview.style.display = 'block';
}
updateBannerPreview();
} catch (error) {
console.error('Error handling image preview:', error);
showNotification('Chyba při načítání náhledu obrázku', 'error');
}
}; };
reader.onerror = function() {
console.error('Error reading file');
showNotification('Chyba při čtení souboru', 'error');
};
reader.readAsDataURL(file); reader.readAsDataURL(file);
} }
@@ -1984,16 +2009,26 @@ function updateBannerPreview() {
</div>`; </div>`;
// Show the image preview in the container // Show the image preview in the container
const bannerImagePreview = document.getElementById('bannerImagePreview'); try {
if (bannerImagePreview) { const bannerImagePreview = document.getElementById('bannerImagePreview');
bannerImagePreview.src = currentImage; if (bannerImagePreview && currentImage) {
bannerImagePreview.style.width = '100%'; bannerImagePreview.src = currentImage;
bannerImagePreview.style.height = 'auto'; bannerImagePreview.style.width = '100%';
bannerImagePreview.style.maxHeight = '200px'; bannerImagePreview.style.height = 'auto';
bannerImagePreview.style.display = 'block'; bannerImagePreview.style.maxHeight = '200px';
} bannerImagePreview.style.display = 'block';
if (imagePreviewContainer) { bannerImagePreview.style.objectFit = 'contain';
imagePreviewContainer.style.display = 'block'; bannerImagePreview.onerror = function() {
console.error('Failed to load banner image:', this.src);
this.style.display = 'none';
};
}
if (imagePreviewContainer) {
imagePreviewContainer.style.display = 'block';
}
} catch (error) {
console.error('Error updating banner preview:', error);
} }
// Add the with-image class to the banner preview for proper spacing // Add the with-image class to the banner preview for proper spacing