6cbe7dc9f2
Wraps avatar + persona name in an a[href=steamcommunity.com/profiles/<id>] in both the Current and Recent blocks. Steam auto-redirects to the user's vanity URL on follow, so we don't need to store profileurl separately. target=_blank + rel=noopener noreferrer to keep the dashboard page in place when a link is followed. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
65 lines
2.5 KiB
HTML
65 lines
2.5 KiB
HTML
<section class="panel live-state"
|
|
hx-get="/servers/{{ server.id }}/live-state"
|
|
hx-trigger="every {{ poll_seconds }}s"
|
|
hx-swap="outerHTML">
|
|
<h2 class="section-title">Live state</h2>
|
|
{% if not snapshot or not snapshot_fresh %}
|
|
<p class="muted">No data — server is not currently reporting.</p>
|
|
{% else %}
|
|
<p class="server-live-summary">
|
|
{{ snapshot.players }}/{{ snapshot.max_players }}
|
|
{% if snapshot.hibernating %}· idle{% endif %}
|
|
· {{ snapshot.map }}
|
|
<small class="muted">
|
|
polled {{ ((now - snapshot.last_seen_at).total_seconds() | int) }}s ago
|
|
</small>
|
|
</p>
|
|
{% endif %}
|
|
|
|
{% if current_players %}
|
|
<h3 class="section-subtitle">Current players</h3>
|
|
<ul class="player-grid">
|
|
{% for session, profile in current_players %}
|
|
<li class="player-card">
|
|
<a class="player-link"
|
|
href="https://steamcommunity.com/profiles/{{ session.steam_id_64 }}"
|
|
target="_blank" rel="noopener noreferrer">
|
|
{% if profile and profile.avatar_url %}
|
|
<img class="avatar" src="{{ profile.avatar_url }}" alt="" loading="lazy">
|
|
{% else %}
|
|
<span class="avatar placeholder" aria-hidden="true"></span>
|
|
{% endif %}
|
|
<span class="name">{{ (profile and profile.persona_name) or session.name_at_join }}</span>
|
|
</a>
|
|
<span class="meta">
|
|
joined {{ ((now - session.joined_at).total_seconds() // 60) | int }}m ago
|
|
· ping {{ session.min_ping }}-{{ session.max_ping }}ms
|
|
</span>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
|
|
{% if recent_players %}
|
|
<h3 class="section-subtitle">Recent players</h3>
|
|
<ul class="player-grid recent">
|
|
{% for row in recent_players %}
|
|
<li class="player-card">
|
|
<a class="player-link"
|
|
href="https://steamcommunity.com/profiles/{{ row.steam_id_64 }}"
|
|
target="_blank" rel="noopener noreferrer">
|
|
{% if row.avatar_url %}
|
|
<img class="avatar" src="{{ row.avatar_url }}" alt="" loading="lazy">
|
|
{% else %}
|
|
<span class="avatar placeholder" aria-hidden="true"></span>
|
|
{% endif %}
|
|
<span class="name">{{ row.persona_name or row.name_at_join }}</span>
|
|
</a>
|
|
<span class="meta">
|
|
last seen {{ ((now - row.last_seen).total_seconds() // 60) | int }}m ago
|
|
</span>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</section>
|