diff --git a/templates/index.html b/templates/index.html index 389b782..fc440f4 100644 --- a/templates/index.html +++ b/templates/index.html @@ -87,11 +87,24 @@ background-color: #f2dede; color: #a94442; } + .regenerate-btn { + background-color: #ff9800; + color: white; + padding: 10px 15px; + border: none; + border-radius: 4px; + cursor: pointer; + margin-bottom: 20px; + } + .regenerate-btn:hover { + background-color: #f57c00; + }

HAProxy Domain Manager

+
@@ -270,6 +283,83 @@ } } + async function regenerateConfig() { + try { + const response = await fetch('/api/regenerate', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + } + }); + + if (response.ok) { + showStatus('HAProxy configuration regenerated successfully', 'success'); + } else { + const data = await response.json(); + showStatus('Failed to regenerate configuration: ' + (data.message || 'Unknown error'), 'error'); + } + } catch (error) { + showStatus('Error: ' + error.message, 'error'); + console.error('Error regenerating config:', error); + } + } + + function showStatus(message, type) { + const statusDiv = document.createElement('div'); + statusDiv.className = `status ${type}`; + statusDiv.textContent = message; + const container = document.querySelector('.container'); + const domainList = document.querySelector('.domain-list'); + if (container && domainList) { + container.insertBefore(statusDiv, domainList); + } else { + document.body.appendChild(statusDiv); + } + setTimeout(() => { + if (statusDiv.parentNode) { + statusDiv.remove(); + } + }, 5000); + } + + function loadDomains() { + fetch('/api/domains') + .then(response => response.json()) + .then(domains => { + const domainList = document.getElementById('domainList'); + domainList.innerHTML = ''; + domains.forEach(domain => { + const domainDiv = document.createElement('div'); + domainDiv.className = 'domain-list-item'; + domainDiv.innerHTML = ` +

${domain.domain}

+

Backend: ${domain.backend_name}

+

SSL: ${domain.ssl_enabled ? 'Enabled' : 'Disabled'}

+ + + `; + domainList.appendChild(domainDiv); + }); + }) + .catch(error => { + console.error('Error loading domains:', error); + showStatus('Error loading domains: ' + error.message, 'error'); + }); + } + + addServerField(); + loadDomains(); + + + + const domainList = document.getElementById('domainList'); + domainList.innerHTML = ''; + domains.forEach(domain => { + const domainDiv = document.createElement('div'); + domainDiv.className = 'domain-list-item'; + domainDiv.innerHTML = ` function showStatus(message, type) { const statusDiv = document.createElement('div'); statusDiv.className = `status ${type}`;