85b0d861b4
Adds a self-hosted stylesheet (no CDN dependencies) with a card-based dashboard and color-coded status badges, and shows the last 10 sync runs per user on the detail page.
43 lines
1.7 KiB
HTML
43 lines
1.7 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Dashboard - MyWhoosh Garmin Sync{% endblock %}
|
|
|
|
{% block content %}
|
|
<h1>Dashboard</h1>
|
|
|
|
<div class="page-actions">
|
|
<a class="btn secondary" href="/users/new">Add user</a>
|
|
<form method="post" action="/sync-all" class="inline-form">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
|
|
<button type="submit">Sync all now</button>
|
|
</form>
|
|
</div>
|
|
|
|
<ul class="user-list">
|
|
{% for row in rows %}
|
|
<li class="card user-card">
|
|
<div class="user-main">
|
|
<a class="user-name" href="/users/{{ row.id }}">{{ row.name }}</a>
|
|
<div class="user-meta">
|
|
<span class="badge badge-{{ row.health_state }}">{{ row.health_state.replace("_", " ") }}</span>
|
|
<span>{{ "enabled" if row.enabled else "disabled" }}</span>
|
|
<span>last sync: {{ row.last_sync_at or "-" }}</span>
|
|
<span>last activity: {{ row.last_activity_name or "-" }} ({{ row.last_activity_status or "-" }})</span>
|
|
</div>
|
|
{% if row.action_reason == "garmin_mfa_required" %}
|
|
<span class="action-required">Garmin MFA required — <a href="/users/{{ row.id }}">resolve</a></span>
|
|
{% endif %}
|
|
</div>
|
|
<div class="user-actions">
|
|
<form method="post" action="/users/{{ row.id }}/sync" class="inline-form">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
|
|
<button type="submit" class="secondary">Sync now</button>
|
|
</form>
|
|
</div>
|
|
</li>
|
|
{% else %}
|
|
<li class="card empty-state">No users yet.</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endblock %}
|