TDvorak/PPve
1
0
Fork 0
mirror of https://github.com/Dvorinka/PPve.git synced 2026-06-04 04:22: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
const reader = new FileReader();
reader.onload = function(e) {
currentImage = e.target.result;
bannerImagePreview.src = currentImage;
uploadPrompt.style.display = 'none';
imagePreview.style.display = 'block';
updateBannerPreview();
try {
currentImage = e.target.result;
const bannerImagePreview = document.getElementById('bannerImagePreview');
const uploadPrompt = document.getElementById('uploadPrompt');
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);
}
@@ -1984,16 +2009,26 @@ function updateBannerPreview() {
</div>`;
// Show the image preview in the container
const bannerImagePreview = document.getElementById('bannerImagePreview');
if (bannerImagePreview) {
bannerImagePreview.src = currentImage;
bannerImagePreview.style.width = '100%';
bannerImagePreview.style.height = 'auto';
bannerImagePreview.style.maxHeight = '200px';
bannerImagePreview.style.display = 'block';
}
if (imagePreviewContainer) {
imagePreviewContainer.style.display = 'block';
try {
const bannerImagePreview = document.getElementById('bannerImagePreview');
if (bannerImagePreview && currentImage) {
bannerImagePreview.src = currentImage;
bannerImagePreview.style.width = '100%';
bannerImagePreview.style.height = 'auto';
bannerImagePreview.style.maxHeight = '200px';
bannerImagePreview.style.display = 'block';
bannerImagePreview.style.objectFit = 'contain';
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