bvandeusenandClaude Opus 5.5
5ec930bf76
#5212 "Plain labels: no raw ids, scopes, metric keys or unexplained jargon", batch 3: - Disk page: each tile says what it holds. "Writable layers" becomes "Container files" and Build cache says it is safe to clear. Shared is "Shared with other images" with a tooltip, and "dangling" is gone. Untagged images show by id instead of "<none>", a capped list says "The 50 largest of N images", and each host shows "as of" its report. - Traefik: an expired certificate reads "expired 12 days ago", not "-12 days" (cert_left). The Traffic empty state knows whether the access log is on: off points to Settings → Plugins → Traefik; on says to check the mounted log path. - Moments use |ago with an exact UTC tooltip: UniFi last seen, alarms, events, speed test and DPI; AI token last used. - Settings: the Auth tab is "Authentication" like its breadcrumb, plugin fields read "Metrics URL" not metrics_url (field_label), a source's pull interval is "every 1h", and the last report time drops the ISO "T". Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
105 lines
4.7 KiB
HTML
105 lines
4.7 KiB
HTML
{# plugins/traefik/templates/traefik/traffic.html #}
|
|
{% if summary %}
|
|
|
|
{# ── Overview bar ─────────────────────────────────────────────────────────── #}
|
|
<div style="display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;padding:0.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;font-size:0.85rem;font-variant-numeric:tabular-nums;align-items:center;">
|
|
<span>
|
|
<span style="color:var(--text-muted);">Total</span>
|
|
<span style="margin-left:0.4rem;font-weight:500;">{{ summary.total }}</span>
|
|
</span>
|
|
<span>
|
|
<span style="color:var(--text-muted);">Internal</span>
|
|
<span style="margin-left:0.4rem;color:var(--green);font-weight:500;">{{ summary.internal }}</span>
|
|
</span>
|
|
<span>
|
|
<span style="color:var(--text-muted);">External</span>
|
|
<span style="margin-left:0.4rem;color:{% if summary.external_pct > 50 %}var(--yellow){% else %}var(--green){% endif %};font-weight:500;">
|
|
{{ summary.external }} ({{ "%.1f"|format(summary.external_pct) }}%)
|
|
</span>
|
|
</span>
|
|
<span>
|
|
<span style="color:var(--text-muted);">Bytes</span>
|
|
<span style="margin-left:0.4rem;">
|
|
{{ summary.total_bytes|bytes }}
|
|
</span>
|
|
</span>
|
|
|
|
{# External % sparkline #}
|
|
<span style="margin-left:auto;">
|
|
<span style="color:var(--text-muted);font-size:0.78rem;margin-right:0.4rem;">ext % over time</span>
|
|
{{ summary.sparkline_external | safe }}
|
|
</span>
|
|
</div>
|
|
|
|
{# ── Internal/external fill bar ───────────────────────────────────────────── #}
|
|
{% set ext_pct = summary.external_pct %}
|
|
<div style="height:6px;border-radius:3px;background:var(--border);margin-bottom:1.25rem;overflow:hidden;">
|
|
<div style="height:100%;width:{{ ext_pct | round(1) }}%;background:var(--yellow);border-radius:3px;transition:width 0.4s;"></div>
|
|
</div>
|
|
|
|
{# ── Detail cards in columns ──────────────────────────────────────────────── #}
|
|
<div style="column-width:300px;column-count:3;column-gap:1rem;">
|
|
|
|
{# Top source IPs #}
|
|
<div class="card" style="break-inside:avoid;margin-bottom:1rem;">
|
|
<div class="section-title" style="margin-bottom:0.75rem;">Top Source IPs</div>
|
|
<table class="table" style="font-size:0.82rem;width:100%;">
|
|
{% for entry in summary.top_ips %}
|
|
<tr>
|
|
<td style="padding:0.2rem 0.5rem 0.2rem 0;font-family:monospace;">{{ entry.ip }}</td>
|
|
{% if entry.country %}
|
|
<td style="padding:0.2rem 0.3rem;color:var(--text-muted);">{{ entry.country }}</td>
|
|
{% endif %}
|
|
<td style="text-align:right;padding:0.2rem 0;">
|
|
<span style="color:{% if entry.internal %}var(--text-muted){% else %}var(--yellow){% endif %};">
|
|
{{ entry.count }}
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
|
|
{# Top routers #}
|
|
<div class="card" style="break-inside:avoid;margin-bottom:1rem;">
|
|
<div class="section-title" style="margin-bottom:0.75rem;">Top Services Hit</div>
|
|
<table class="table" style="font-size:0.82rem;width:100%;">
|
|
{% for entry in summary.top_routers %}
|
|
<tr>
|
|
<td style="padding:0.2rem 0.5rem 0.2rem 0;word-break:break-all;">{{ entry.router }}</td>
|
|
<td style="text-align:right;padding:0.2rem 0;">{{ entry.count }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
|
|
{# Top countries (only shown if GeoIP is active) #}
|
|
{% if summary.top_countries %}
|
|
<div class="card" style="break-inside:avoid;margin-bottom:1rem;">
|
|
<div class="section-title" style="margin-bottom:0.75rem;">External Traffic by Country</div>
|
|
<table class="table" style="font-size:0.82rem;width:100%;">
|
|
{% for entry in summary.top_countries %}
|
|
<tr>
|
|
<td style="padding:0.2rem 0.5rem 0.2rem 0;">{{ entry.country }}</td>
|
|
<td style="text-align:right;padding:0.2rem 0;">{{ entry.count }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
{% else %}
|
|
<div class="card" style="color:var(--text-muted);font-size:0.85rem;">
|
|
{% if not access_log_enabled %}
|
|
The access log is off. Turn it on in <a href="/settings/plugins/traefik/">Settings → Plugins → Traefik</a>,
|
|
and mount Traefik's log directory into Steward so it can read the file.
|
|
{% else %}
|
|
No requests in the last {{ range_key }}. The access log is on; if this stays empty, check that
|
|
{% if access_log_path %}<code>{{ access_log_path }}</code>{% else %}the log path{% endif %} is mounted into Steward
|
|
and that Traefik is writing to it.
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|