fix: hide broken service logo images gracefully in edit modal
Adds onerror handler to edit-service-logo-preview that hides the img when the logo source fails to load, preventing broken-image icons.
This commit is contained in:
@@ -12,7 +12,13 @@
|
||||
document.getElementById('service-edit-title').textContent = `Edit ${service.name}`;
|
||||
document.getElementById('edit-service-name').value = service.name;
|
||||
document.getElementById('edit-service-url-display').textContent = service.url || buildServiceUrl(service.id);
|
||||
document.getElementById('edit-service-logo-preview').src = service.logo || `/assets/${service.id}.png`;
|
||||
const logoPreview = document.getElementById('edit-service-logo-preview');
|
||||
const logoSrc = service.logo || `/assets/${service.id}.png`;
|
||||
logoPreview.src = logoSrc;
|
||||
// Hide broken images gracefully instead of showing a broken icon
|
||||
logoPreview.onerror = function() { this.style.display = 'none'; };
|
||||
logoPreview.onload = function() { this.style.display = ''; };
|
||||
logoPreview.style.display = '';
|
||||
document.getElementById('edit-subdomain').value = service.id;
|
||||
document.getElementById('edit-port').value = service.port || '';
|
||||
document.getElementById('edit-ip').value = service.ip || 'localhost';
|
||||
|
||||
Reference in New Issue
Block a user