105 lines
4.3 KiB
HTML
105 lines
4.3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% set active_page = "logs" %}
|
|
|
|
{% block title %}HAProxy • Logs{% endblock %}
|
|
|
|
{% block breadcrumb %}
|
|
<nav aria-label="breadcrumb" class="mb-3">
|
|
<ol class="breadcrumb mb-0">
|
|
<li class="breadcrumb-item"><a href="{{ url_for('main.index') }}"><i class="bi bi-house"></i></a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">Logs</li>
|
|
</ol>
|
|
</nav>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="card shadow-sm mb-4">
|
|
<div class="card-header bg-primary text-white">
|
|
<h5 class="mb-0"><i class="bi bi-file-earmark-text me-2"></i>HAProxy Logs</h5>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
{% if error_message %}
|
|
<div class="alert alert-warning">
|
|
<i class="bi bi-exclamation-triangle me-2"></i>{{ error_message }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- 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="Search logs...">
|
|
</div>
|
|
</div>
|
|
<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 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-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="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 mb-3">
|
|
<i class="bi bi-info-circle me-2"></i>
|
|
<strong>Total:</strong> <span id="total_count">{{ total_logs|default(0) }}</span> logs |
|
|
<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: 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> / <span id="total_pages">1</span>
|
|
</small>
|
|
<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-outline-primary" id="next_btn">
|
|
Next <i class="bi bi-chevron-right"></i>
|
|
</button>
|
|
<button class="btn btn-outline-secondary" id="load_all_btn">
|
|
<i class="bi bi-download"></i> All
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ url_for('static', filename='js/logs.js') }}"></script>
|
|
|
|
{% endblock %}
|