Apply new frontend theme
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:
@@ -1,30 +1,49 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Dashboard — alembic{% endblock %}
|
||||
{% block content %}
|
||||
<h1>Dashboard</h1>
|
||||
<p class="muted">Logged in as {{ user.name or user.email }}.</p>
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h1>Welcome back, {{ user.name or user.email }}</h1>
|
||||
<p class="subtitle muted">Distilling Spotify playlists into a tuned, tagged library.</p>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<a class="btn btn-primary" href="/playlists">Manage playlists</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>At a glance</h2>
|
||||
<ul>
|
||||
<li>{{ stats.total_tracks }} tracks in the beets library{% if not stats.db_exists %} <span class="muted">(beets DB not found)</span>{% endif %}</li>
|
||||
<li>{{ active_playlist_count }} / {{ playlist_count }} playlists active — <a href="/playlists">manage</a></li>
|
||||
</ul>
|
||||
<div class="stat-grid">
|
||||
<div class="stat-card">
|
||||
<div class="stat-value chrome-text">{{ stats.total_tracks }}</div>
|
||||
<div class="stat-label">Tracks in library{% if not stats.db_exists %} <span class="muted">(beets db not found)</span>{% endif %}</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-value">{{ active_playlist_count }}<span class="muted"> / {{ playlist_count }}</span></div>
|
||||
<div class="stat-label">Playlists active</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-value">{{ stats.groupings | length }}</div>
|
||||
<div class="stat-label">Distinct groupings</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Recent job runs</h2>
|
||||
<table>
|
||||
<thead><tr><th>Job</th><th>Status</th><th>Triggered by</th><th>Summary</th></tr></thead>
|
||||
<tbody>
|
||||
{% for run in recent_runs %}
|
||||
<tr>
|
||||
<td>{{ run.job_key }}</td>
|
||||
<td>{{ run.status }}</td>
|
||||
<td class="muted">{{ run.triggered_by }}</td>
|
||||
<td>{{ run.summary or "" }}</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr><td colspan="4" class="muted">No job runs yet.</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="table-wrap scroll">
|
||||
<table>
|
||||
<thead><tr><th>Job</th><th>Status</th><th>Triggered by</th><th>Summary</th></tr></thead>
|
||||
<tbody>
|
||||
{% set status_badge = {"running": "badge-info badge-pulse", "success": "badge-success", "failed": "badge-danger", "skipped_lock": "badge-muted"} %}
|
||||
{% for run in recent_runs %}
|
||||
<tr>
|
||||
<td>{{ run.job_key }}</td>
|
||||
<td><span class="badge {{ status_badge.get(run.status, 'badge-muted') }}">{{ run.status }}</span></td>
|
||||
<td class="muted">{{ run.triggered_by }}</td>
|
||||
<td>{{ run.summary or "—" }}</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr class="empty-row"><td colspan="4" class="muted">No job runs yet.</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p><a href="/jobs">See all jobs →</a></p>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user