andrew
ee21251f3e
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.
63 lines
2.6 KiB
HTML
63 lines
2.6 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Playlists — alembic{% endblock %}
|
|
{% block content %}
|
|
<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>
|
|
<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 %}
|