cloud-hosting-platform/haproxy-manager-base
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding config regenerate
All checks were successful
HAProxy Manager Build and Push / Build-and-Push (push) Successful in 37s
Details

Browse Source
This commit is contained in:
jknapp 2025-03-07 19:06:38 -08:00
parent c27f7fb5e8
commit d3dd69cc02
1 changed files with 90 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
templates/index.html
View File

@ -87,11 +87,24 @@
background-color: #f2dede; background-color: #f2dede;
color: #a94442; 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;
}
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>HAProxy Domain Manager</h1> <h1>HAProxy Domain Manager</h1>
<button onclick="regenerateConfig()" class="regenerate-btn">Regenerate HAProxy Config</button>
<form id="domainForm"> <form id="domainForm">
<div class="form-group"> <div class="form-group">
<label for="domain">Domain:</label> <label for="domain">Domain:</label>
@ -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 = `
<h3>${domain.domain}</h3>
<p>Backend: ${domain.backend_name}</p>
<p>SSL: ${domain.ssl_enabled ? 'Enabled' : 'Disabled'}</p>
<button onclick="requestSSL('${domain.domain}')" class="ssl-btn">
${domain.ssl_enabled ? 'Renew SSL' : 'Enable SSL'}
</button>
<button onclick="deleteDomain('${domain.domain}')" class="delete-btn">Delete Domain</button>
`;
domainList.appendChild(domainDiv);
});
})
.catch(error => {
console.error('Error loading domains:', error);
showStatus('Error loading domains: ' + error.message, 'error');
});
}
addServerField();
loadDomains();
</script>
</body>
</html>
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) { function showStatus(message, type) {
const statusDiv = document.createElement('div'); const statusDiv = document.createElement('div');
statusDiv.className = `status ${type}`; statusDiv.className = `status ${type}`;