ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Enhance logs view with level filtering and improved entry display

Browse Source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
Ross
2026-04-29 22:40:08 +01:00
co-authored by Copilot
parent 2478de6b98
commit 6be7398b42
2 changed files with 174 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/logs_viewer.html
+77 -9
View File
@@ -1,5 +1,34 @@
{% extends 'base.html' %}
{% block css %}
{{ block.super }}
<style>
.log-row {
border-bottom: 1px solid var(--bs-border-color);
}
.log-message {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.9rem;
white-space: pre-wrap;
word-break: break-word;
}
.log-trace {
margin: 0;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.82rem;
line-height: 1.35;
white-space: pre-wrap;
word-break: break-word;
max-height: 24rem;
overflow-y: auto;
background: rgba(0, 0, 0, 0.15);
border: 1px solid var(--bs-border-color);
border-radius: 0.375rem;
padding: 0.75rem;
}
</style>
{% endblock %}
{% block content %}
<div class="container-fluid py-4">
<div class="d-flex justify-content-between align-items-start gap-3 mb-4">
@@ -14,7 +43,7 @@
{% if show_all %}
Viewing all {{ total_entries }} entries
{% else %}
Showing {{ entries|length }}/{{ total_entries }} entries
Showing {{ entries|length }}/{{ total_entries }} entries
{% endif %}
</span>
</div>
@@ -23,24 +52,32 @@
<div class="card border-0 shadow-sm mb-4">
<div class="card-body">
<form method="get" class="row g-2">
<div class="col-12 col-md-6">
<div class="col-12 col-md-5">
<input type="search"
name="q"
class="form-control"
placeholder="Search logs by keyword (error, warning, etc)…"
value="{{ search_query }}">
</div>
<div class="col-12 col-md-3">
<select name="level" class="form-select">
<option value="">All levels</option>
{% for level in available_levels %}
<option value="{{ level }}" {% if level_filter == level %}selected{% endif %}>{{ level }}</option>
{% endfor %}
</select>
</div>
<div class="col-12 col-md-auto">
<button type="submit" class="btn btn-primary">Search</button>
{% if search_query %}
{% if search_query or level_filter %}
<a href="{% url 'logs_view' %}" class="btn btn-outline-secondary ms-1">Clear</a>
{% endif %}
</div>
<div class="col-12 col-md-auto">
{% if show_all %}
<a href="{% url 'logs_view' %}?q={{ search_query }}" class="btn btn-outline-secondary">Show recent only</a>
<a href="{% url 'logs_view' %}?q={{ search_query }}&level={{ level_filter }}" class="btn btn-outline-secondary">Show recent only</a>
{% else %}
<a href="{% url 'logs_view' %}?q={{ search_query }}&all=1" class="btn btn-outline-info">View all logs</a>
<a href="{% url 'logs_view' %}?q={{ search_query }}&level={{ level_filter }}&all=1" class="btn btn-outline-info">View all logs</a>
{% endif %}
</div>
</form>
@@ -49,10 +86,41 @@
{% if entries %}
<div class="card border-0 shadow-sm">
<div class="card-body p-0" style="max-height: 75vh; overflow-y: auto;">
<pre style="margin: 0; padding: 1rem; font-size: 0.85rem; line-height: 1.5;">{% for entry in entries %}
{{ entry }}
<div class="card-body p-0" style="max-height: 78vh; overflow-y: auto;">
{% for entry in entries %}
<div class="p-3 log-row">
<div class="d-flex flex-wrap align-items-center gap-2 mb-2">
{% if entry.level == 'ERROR' or entry.level == 'CRITICAL' %}
<span class="badge bg-danger">{{ entry.level }}</span>
{% elif entry.level == 'WARNING' or entry.level == 'WARN' %}
<span class="badge bg-warning text-dark">{{ entry.level }}</span>
{% elif entry.level == 'DEBUG' %}
<span class="badge bg-secondary">{{ entry.level }}</span>
{% elif entry.level == 'INFO' %}
<span class="badge bg-info text-dark">{{ entry.level }}</span>
{% else %}
<span class="badge bg-dark">{{ entry.level|default:'LOG' }}</span>
{% endif %}
{% if entry.timestamp %}
<span class="text-muted small">{{ entry.timestamp }}</span>
{% endif %}
{% if entry.logger %}
<span class="text-muted small">{{ entry.logger }}{% if entry.source_line %}:{{ entry.source_line }}{% endif %}</span>
{% endif %}
</div>
<div class="log-message">{{ entry.message }}</div>
{% if entry.details %}
<details class="mt-2">
<summary class="small text-muted">Traceback / Details ({{ entry.details|length }} lines)</summary>
<pre class="log-trace mt-2">{% for detail_line in entry.details %}
{{ detail_line }}
{% endfor %}</pre>
</details>
{% endif %}
</div>
{% endfor %}
</div>
</div>
@@ -63,7 +131,7 @@
{% else %}
Displaying most recent 500 entries (newest first).
{% if total_entries > 500 %}
<a href="{% url 'logs_view' %}?q={{ search_query }}&all=1" class="alert-link">View all {{ total_entries }} entries</a>.
<a href="{% url 'logs_view' %}?q={{ search_query }}&level={{ level_filter }}&all=1" class="alert-link">View all {{ total_entries }} entries</a>.
{% endif %}
{% endif %}
{% if search_query %}