gru/haproxy-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2025-11-04 08:51:11 +01:00
parent 3e7861f489
commit 0a027bbebd
2 changed files with 65 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
static/js/logs.js
View File

@@ -1,6 +1,5 @@
/**
* HAProxy Logs Management
* Pagination, filtering, and proper formatting
* HAProxy Logs Management with Security Alerts
*/
document.addEventListener('DOMContentLoaded', function() {
@@ -115,8 +114,8 @@ document.addEventListener('DOMContentLoaded', function() {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
page: currentPage,
per_page: perPage
page: 1,
per_page: 200 // Load initial 200
})
})
.then(r => r.json())
@@ -124,6 +123,9 @@ document.addEventListener('DOMContentLoaded', function() {
if (data.success) {
allLoadedLogs = data.logs;
loadedSpan.textContent = data.logs.length;
totalLogs = data.total;
document.getElementById('total_count').textContent = data.total;
console.log(`[Logs] Loaded ${data.logs.length}/${data.total}`, flush=true);
applyFilters();
} else {
showError(data.error);
@@ -145,7 +147,7 @@ document.addEventListener('DOMContentLoaded', function() {
if (searchFilter.value.trim()) {
const query = searchFilter.value.toLowerCase();
filtered = filtered.filter(log => {
const text = `${log.timestamp || ''} ${log.source || ''} ${log.message || ''}`.toLowerCase();
const text = `${log.timestamp} ${log.ip_address} ${log.http_method} ${log.requested_url} ${log.frontend} ${log.backend}`.toLowerCase();
return text.includes(query);
});
}
@@ -153,7 +155,7 @@ document.addEventListener('DOMContentLoaded', function() {
// Apply exclude phrases
if (excludePhrases.length > 0) {
filtered = filtered.filter(log => {
const text = `${log.timestamp || ''} ${log.source || ''} ${log.message || ''}`;
const text = `${log.timestamp} ${log.ip_address} ${log.message}`;
return !excludePhrases.some(phrase => text.includes(phrase));
});
}
@@ -190,23 +192,27 @@ document.addEventListener('DOMContentLoaded', function() {
return;
}
logsContainer.innerHTML = logs.map((entry, idx) => {
const timestamp = entry.timestamp || '-';
const source = entry.source || '-';
const message = entry.message || '-';
logsContainer.innerHTML = logs.map((entry) => {
const threat_badges = [];
if (entry.xss_alert) threat_badges.push('<span class="badge bg-danger me-1">XSS</span>');
if (entry.sql_alert) threat_badges.push('<span class="badge bg-danger me-1">SQL</span>');
if (entry.webshell_alert) threat_badges.push('<span class="badge bg-danger me-1">SHELL</span>');
if (entry.put_method) threat_badges.push('<span class="badge bg-warning me-1">PUT</span>');
if (entry.illegal_resource) threat_badges.push('<span class="badge bg-warning me-1">403</span>');
// Color code by status code if present
let statusClass = '';
if (message.includes('200')) statusClass = 'table-success';
else if (message.includes('404')) statusClass = 'table-warning';
else if (message.includes('500')) statusClass = 'table-danger';
const threat_html = threat_badges.length > 0 ? `<div class="mb-2">${threat_badges.join('')}</div>` : '';
return `
<tr class="${statusClass}" style="font-family: monospace; font-size: 11px;">
<tr class="table-${entry.status_class}" style="font-family: monospace; font-size: 11px;">
<td>
<small class="text-info">${escapeHtml(timestamp)}</small><br>
<small class="text-warning">${escapeHtml(source)}</small><br>
<small style="color: #ddd; word-break: break-all;">${escapeHtml(message)}</small>
${threat_html}
<small class="text-info">${escapeHtml(entry.timestamp)}</small><br>
<small class="text-warning">${escapeHtml(entry.ip_address)}</small><br>
<strong>${escapeHtml(entry.http_method)}</strong>
<code>${escapeHtml(entry.requested_url)}</code>
<span class="badge bg-secondary ms-2">${escapeHtml(entry.status_code)}</span>
<br>
<small style="color: #aaa;">${escapeHtml(entry.frontend)}~ ${escapeHtml(entry.backend)}</small>
</td>
</tr>
`;
@@ -214,7 +220,7 @@ document.addEventListener('DOMContentLoaded', function() {
}
/**
* Update exclude UI to show active filters
* Update exclude UI
*/
function updateExcludeUI() {
if (excludePhrases.length > 0) {
@@ -240,7 +246,7 @@ document.addEventListener('DOMContentLoaded', function() {
}
/**
* Global function to remove exclude phrase
* Remove exclude phrase
*/
window.removeExcludePhrase = function(idx) {
excludePhrases.splice(idx, 1);