You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.6 KiB
45 lines
1.6 KiB
<!-- =======================================================================
|
|
File: templates/components/log_view.html
|
|
Purpose: Reusable log viewer component for any page (dashboard/start/book)
|
|
Notes:
|
|
- Requires JS: /static/js/log_view.js
|
|
- Supports filtering by tag (e.g. [DL], [PARSE], [AUDIO], [CTRL], ...)
|
|
- Template expects optional variable `logs` (list[str])
|
|
======================================================================= -->
|
|
|
|
<div id="log-viewer" class="log-viewer">
|
|
<!-- ========================== HEADER ========================== -->
|
|
<div class="log-header">
|
|
<h2>Live Log</h2>
|
|
|
|
<div class="log-filters">
|
|
<label for="log-filter">Filter:</label>
|
|
|
|
<select id="log-filter">
|
|
<option value="ALL">All</option>
|
|
<option value="[DL]">Download</option>
|
|
<option value="[PARSE]">Parse</option>
|
|
<option value="[SAVE]">Save</option>
|
|
<option value="[AUDIO]">Audio</option>
|
|
<option value="[CTRL]">Controller</option>
|
|
<option value="[SCRAPING]">Scraping</option>
|
|
<option value="[BOOK]">Book</option>
|
|
<option value="[ERROR]">Errors</option>
|
|
</select>
|
|
|
|
<button id="log-clear" class="btn-small">Clear</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ========================== OUTPUT ========================== -->
|
|
<div id="log-output" class="log-output">
|
|
{% if logs and logs|length > 0 %} {% for line in logs %}
|
|
<div class="log-line">{{ line }}</div>
|
|
{% endfor %} {% else %}
|
|
<div class="log-empty">No logs yet…</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/js/log_view.js"></script>
|