andrew/alembic
1
0
Fork 0
Code Pull Requests Actions Releases 18 Wiki Activity

Apply new frontend theme

Browse Source 
Full style rewrite (holographic/chrome dark theme) plus matching favicon,
authored externally and dropped in at /home/andrew/alembic-theme. Verified
every template's variable names, form field names, and action URLs match
the actual data each router passes before importing -- all matched exactly
with zero router/service changes needed. Validated all templates parse
(Jinja2 env.get_template over the full tree) and confirmed the live
container serves the new theme after rebuild+redeploy.
This commit is contained in:
andrew
2026-07-08 15:01:39 -06:00
parent a1f5bbb121
commit ee21251f3e
13 changed files with 927 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/playlists/index.html
+56 -38
View File
@@ -1,44 +1,62 @@
{% extends "base.html" %}
{% block title %}Playlists — alembic{% endblock %}
{% block content %}
<h1>Playlists</h1>
<table>
<thead>
<tr><th>Name</th><th>Active</th><th>Cron</th><th>No M3U</th><th></th></tr>
</thead>
<tbody>
{% for p in playlists %}
<tr>
<td><a href="/playlists/{{ p.id }}">{{ p.name }}</a></td>
<td>{{ "yes" if p.active else "no" }}</td>
<td class="muted">{{ p.cron_expr or "(unscheduled)" }}</td>
<td>{{ "yes" if p.no_m3u else "no" }}</td>
<td>
<form method="post" action="/playlists/{{ p.id }}/delete" style="display:inline"
onsubmit="return confirm('Remove {{ p.name }}? This deletes its rendered config but not any downloaded music.')">
<button type="submit">remove</button>
</form>
</td>
</tr>
{% else %}
<tr><td colspan="5" class="muted">No playlists yet.</td></tr>
{% endfor %}
</tbody>
</table>
<div class="page-header">
<div>
<h1>Playlists</h1>
<p class="subtitle muted">Each active playlist syncs on its own schedule, or run it manually from its page.</p>
</div>
</div>
<div class="table-wrap scroll">
<table>
<thead>
<tr><th>Name</th><th>Active</th><th>Cron</th><th>No M3U</th><th></th></tr>
</thead>
<tbody>
{% for p in playlists %}
<tr>
<td><a href="/playlists/{{ p.id }}">{{ p.name }}</a></td>
<td>{% if p.active %}<span class="badge badge-success">active</span>{% else %}<span class="badge badge-muted">paused</span>{% endif %}</td>
<td class="muted mono">{{ p.cron_expr or "unscheduled" }}</td>
<td class="muted">{{ "yes" if p.no_m3u else "no" }}</td>
<td class="actions-cell">
<form method="post" action="/playlists/{{ p.id }}/delete" class="inline"
onsubmit="return confirm('Remove {{ p.name }}? This deletes its rendered config but not any downloaded music.')">
<button type="submit" class="btn btn-sm btn-danger">Remove</button>
</form>
</td>
</tr>
{% else %}
<tr class="empty-row"><td colspan="5">
<div class="empty-state">
<div class="sparkle-inline"><span class="sparkle" style="position:relative;top:0;left:0;"></span></div>
<p class="muted" style="margin:0;">No playlists yet — add your first one below.</p>
</div>
</td></tr>
{% endfor %}
</tbody>
</table>
</div>
<h2>Add a playlist</h2>
<form method="post" action="/playlists">
<label for="name">Name (used as the beets grouping tag)</label>
<input type="text" id="name" name="name" required pattern="[a-z0-9_-]+">
<label for="spotify_url">Spotify playlist URL</label>
<input type="text" id="spotify_url" name="spotify_url" required>
<label for="cron_expr">Cron schedule (5-field, blank = unscheduled/manual-only)</label>
<input type="text" id="cron_expr" name="cron_expr" placeholder="0 1 * * *">
<label><input type="checkbox" name="no_m3u" value="true"> skip M3U generation (e.g. "liked songs")</label>
<button type="submit">Add playlist</button>
</form>
<div class="panel" style="max-width:560px;">
<form method="post" action="/playlists">
<div class="field">
<label for="name">Name (used as the beets grouping tag)</label>
<input type="text" id="name" name="name" required pattern="[a-z0-9_-]+" placeholder="late-night-drive">
</div>
<div class="field">
<label for="spotify_url">Spotify playlist URL</label>
<input type="text" id="spotify_url" name="spotify_url" required placeholder="https://open.spotify.com/playlist/...">
</div>
<div class="field">
<label for="cron_expr">Cron schedule</label>
<input type="text" id="cron_expr" name="cron_expr" placeholder="0 1 * * *">
<span class="hint">5-field cron. Leave blank for unscheduled/manual-only.</span>
</div>
<label class="checkbox-field"><input type="checkbox" name="no_m3u" value="true"> Skip M3U generation (e.g. "liked songs")</label>
<button type="submit" class="btn btn-primary">Add playlist</button>
</form>
</div>
{% endblock %}