Files
alembic/app/templates/library/index.html
T
andrew c87ddc2649 Dashboard detail, library filtering/pagination, simplified playlist times,
job descriptions

Dashboard: format breakdown (FLAC/MP3/etc. counts), approximate library
size (bitrate*length/8, same approximation `beet stats` itself uses --
verified to match its "100.5 GiB" output exactly against the real
library), and a credential auth-state summary per scope (configured y/n
plus, for Bandcamp, cookie expiry parsed locally from the stored cookie
jar -- deliberately not a live network probe like pipeline-status.sh's
Qobuz check, since this renders on every dashboard load).

Library: was one unfiltered page dumping all 4072 tracks. Added search
(artist/title/album), playlist and format filter dropdowns, and real
SQL-level pagination (LIMIT/OFFSET, not fetch-everything-then-slice).
beets_service gained count_items()/distinct_formats() to support this.

Playlists: cron_expr is still the stored/scheduled representation, but the
UI now shows and edits a plain daily time picker instead of raw cron
syntax -- every playlist schedule today is a simple daily HH:MM anyway.
playlist_service.cron_to_time()/time_to_cron() convert at the router
boundary; verified round-trip against all real playlist cron values.

Jobs: each maintenance job now shows a short one-line description of what
it actually does (MAINTENANCE_JOB_DESCRIPTIONS), and "next run" is
formatted consistently with playlists' time style (HH:MM, with a day
qualifier for non-today runs -- maintenance jobs can be weekly/monthly,
unlike playlists' plain daily schedule).

Verified end-to-end against the real production data (4072 tracks, 100.5
GiB, real credentials): stats/format-breakdown/search/pagination all
correct, all 7 credential scopes report configured with Bandcamp's real
cookie expiry (325 days), and a full authenticated page-render sweep
(dashboard, library with every filter combination, playlist detail,
jobs) all returned 200 with no template errors.
2026-07-08 15:39:22 -06:00

77 lines
2.8 KiB
HTML

{% extends "base.html" %}
{% block title %}Library — alembic{% endblock %}
{% block content %}
<div class="page-header">
<div>
<h1>Library</h1>
<p class="subtitle muted">{{ total }} track{{ "s" if total != 1 else "" }}{% if grouping or format or q %} matching the filters below{% endif %}.</p>
</div>
</div>
<form method="get" action="/library" class="panel" style="display:flex; gap:0.75rem; flex-wrap:wrap; align-items:flex-end; max-width:none;">
<div class="field">
<label for="q">Search</label>
<input type="text" id="q" name="q" value="{{ q }}" placeholder="artist, title, album...">
</div>
<div class="field">
<label for="grouping">Playlist</label>
<select id="grouping" name="grouping">
<option value="">(any)</option>
{% for g in all_groupings %}
<option value="{{ g }}" {{ "selected" if g == grouping }}>{{ g }}</option>
{% endfor %}
</select>
</div>
<div class="field">
<label for="format">Format</label>
<select id="format" name="format">
<option value="">(any)</option>
{% for f in all_formats %}
<option value="{{ f }}" {{ "selected" if f == format }}>{{ f }}</option>
{% endfor %}
</select>
</div>
<button type="submit" class="btn btn-primary">Filter</button>
{% if grouping or format or q %}<a class="btn btn-ghost" href="/library">Clear</a>{% endif %}
</form>
<div class="table-wrap scroll">
<table>
<thead>
<tr><th>Artist</th><th>Title</th><th>Album</th><th>Format</th><th></th></tr>
</thead>
<tbody>
{% for item in items %}
<tr>
<td>{{ item.artist }}</td>
<td>{{ item.title }}</td>
<td class="muted">{{ item.albumartist }}</td>
<td><span class="badge badge-muted">{{ item.format }}</span></td>
<td><a href="/library/track/{{ item.id }}" class="btn btn-sm btn-ghost">Edit</a></td>
</tr>
{% else %}
<tr class="empty-row"><td colspan="5">
<div class="empty-state">
<span class="sparkle" style="position:relative; display:inline-block; margin-bottom:0.5rem;"></span>
<p class="muted" style="margin:0;">No tracks match{% if grouping or format or q %} these filters{% endif %}.</p>
</div>
</td></tr>
{% endfor %}
</tbody>
</table>
</div>
{% if total_pages > 1 %}
{% set qs = "&grouping=" + grouping + "&format=" + format + "&q=" + q %}
<div class="pagination" style="display:flex; gap:0.5rem; align-items:center; margin-top:1rem;">
{% if page > 1 %}
<a class="btn btn-sm" href="/library?page={{ page - 1 }}{{ qs }}">&larr; Prev</a>
{% endif %}
<span class="muted">Page {{ page }} of {{ total_pages }}</span>
{% if page < total_pages %}
<a class="btn btn-sm" href="/library?page={{ page + 1 }}{{ qs }}">Next &rarr;</a>
{% endif %}
</div>
{% endif %}
{% endblock %}