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:47:17 +01:00
parent da1af612ef
commit 3e7861f489
2 changed files with 172 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
templates/logs.html
View File

@@ -27,67 +27,72 @@
</div>
{% endif %}
<!-- Search & Filter Controls -->
<div class="row mb-3 g-2">
<div class="col-md-4">
<!-- Controls Row -->
<div class="row g-2 mb-3">
<div class="col-md-3">
<div class="input-group input-group-sm">
<span class="input-group-text"><i class="bi bi-search"></i></span>
<input type="text" class="form-control" id="search_filter" placeholder="Filter logs (regex)...">
<input type="text" class="form-control" id="search_filter" placeholder="Search logs...">
</div>
</div>
<div class="col-md-3">
<label for="logs_per_page" class="form-label form-label-sm">Logs Per Page</label>
<div class="col-md-2">
<button class="btn btn-sm btn-outline-secondary w-100" id="clear_filter_btn" title="Clear search">
<i class="bi bi-x-circle me-1"></i>Clear
</button>
</div>
<div class="col-md-2">
<select class="form-select form-select-sm" id="logs_per_page">
<option value="25" selected>25</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="25" selected>25 per page</option>
<option value="50">50 per page</option>
<option value="100">100 per page</option>
<option value="200">200 per page</option>
</select>
</div>
<div class="col-md-2">
<button class="btn btn-primary btn-sm w-100" id="refresh_logs_btn">
<i class="bi bi-arrow-clockwise me-1"></i>Refresh
<button class="btn btn-sm btn-primary w-100" id="refresh_logs_btn">
<i class="bi bi-arrow-clockwise"></i>
</button>
</div>
<div class="col-md-3">
<div class="btn-group btn-group-sm w-100" role="group">
<button type="button" class="btn btn-outline-secondary" id="clear_filter_btn">
<i class="bi bi-x-circle me-1"></i>Clear
</button>
<button type="button" class="btn btn-outline-secondary" id="toggle_wrap_btn">
<i class="bi bi-arrow-left-right me-1"></i>Wrap
</button>
<div class="input-group input-group-sm">
<span class="input-group-text"><i class="bi bi-funnel"></i></span>
<input type="text" class="form-control" id="exclude_filter" placeholder="Hide phrase (e.g. /stats)">
<button class="btn btn-outline-warning btn-sm" id="exclude_btn" type="button">Hide</button>
</div>
</div>
</div>
<!-- Statistics -->
<div class="alert alert-info small">
<div class="alert alert-info small mb-3">
<i class="bi bi-info-circle me-2"></i>
<strong>Loaded:</strong> <span id="loaded_count">{{ loaded_count|default(0) }}</span> /
<strong>Total:</strong> <span id="total_count">{{ total_logs|default(0) }}</span> logs |
<strong>Matches:</strong> <span id="match_count">0</span>
<strong>Loaded:</strong> <span id="loaded_count">{{ loaded_count|default(0) }}</span> |
<strong>Displayed:</strong> <span id="match_count">0</span>
</div>
<!-- Logs Container (Dark Theme) -->
<div id="logs_container_wrapper" style="max-height: 700px; overflow-y: auto; border: 1px solid #444; border-radius: 4px; background: #1a1a1a; position: relative;">
<pre id="logs_container" style="margin: 0; padding: 12px; color: #e0e0e0; font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace; font-size: 12px; line-height: 1.6; background: #1a1a1a; white-space: pre-wrap; word-wrap: break-word;">Loading logs...</pre>
<div id="logs_container_wrapper" style="max-height: 650px; overflow-y: auto; border: 1px solid #444; border-radius: 4px; background: #0d1117;">
<table class="table table-sm table-dark mb-0" id="logs_table">
<tbody id="logs_container">
<tr><td class="text-center text-muted py-4">Loading logs...</td></tr>
</tbody>
</table>
</div>
<!-- Pagination -->
<div class="mt-3 d-flex justify-content-between align-items-center flex-wrap gap-2">
<small class="text-muted">
Page <span id="current_page">1</span> of <span id="total_pages">1</span>
Page <span id="current_page">1</span> / <span id="total_pages">1</span>
</small>
<div class="btn-group" role="group">
<button class="btn btn-sm btn-outline-primary" id="prev_btn" disabled>
<i class="bi bi-chevron-left"></i> Previous
<div class="btn-group btn-group-sm" role="group">
<button class="btn btn-outline-primary" id="prev_btn" disabled>
<i class="bi bi-chevron-left"></i> Prev
</button>
<button class="btn btn-sm btn-outline-primary" id="next_btn">
<button class="btn btn-outline-primary" id="next_btn">
Next <i class="bi bi-chevron-right"></i>
</button>
<button class="btn btn-sm btn-outline-secondary" id="load_all_btn">
<i class="bi bi-download me-1"></i>Load All
<button class="btn btn-outline-secondary" id="load_all_btn">
<i class="bi bi-download"></i> All
</button>
</div>
</div>