python-werkzeug/examples/cupoftee/templates/serverlist.html

63 lines
2.2 KiB
HTML

{% extends "layout.html" %}
{% block body %}
<h2>Server List</h2>
<p>
Currently <strong>{{ len(players) }}</strong> players are playing on
<strong>{{ len(servers) }}</strong> servers.
{% if cup.server_browser.last_sync %}
This list was last synced on
<strong>{{ cup.server_browser.last_sync.strftime('%d %B %Y at %H:%M UTC') }}</strong>.
{% else %}
Synchronization with main server in progress. Reload the page in a minute
or two, to see the server list.
{% endif %}
</p>
<table class="servers">
<thead>
<tr>
<th>{{ self.order_link('name', 'Name') }}</th>
<th>{{ self.order_link('map', 'Map') }}</th>
<th>{{ self.order_link('gametype', 'Gametype') }}</th>
<th>{{ self.order_link('players', 'Players') }}</th>
<th>{{ self.order_link('progression', 'Progression') }}</th>
</tr>
</thead>
<tbody>
{% for server in servers %}
<tr>
<th><a href="{{ url_for('server', id=server.id) }}">{{ server.name }}</a></th>
<td>{{ server.map }}</td>
<td>{{ server.gametype }}</td>
<td>{{ server.player_count }} / {{ server.max_players }}</td>
<td>{{ '%d%%' % server.progression if server.progression >= 0 else '?' }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<h3>Players online</h3>
<p>
The following map represents the users playing currently. The bigger their name
the higher their score in the current game. Clicking on the name takes you to
the detail page of the server for some more information.
</p>
<div class="players">
{% for player in players %}
<a href="{{ url_for('server', id=player.server.id) }}" title="score: {{ player.score }}"
style="font-size: {{ player.size }}%">{{ player.name }}</a>
{% endfor %}
</div>
<h3>Find User</h3>
<p>
Find a user by username. The result page contains a link you can bookmark to
find your buddy easily. Because currently there is no central user database
users can appear on multiple servers for too generic usernames (like the
default "nameless tee" user).
</p>
<form action="{{ url_for('search') }}" method="get">
<p>
<input type="text" name="user" value="" size="30">
<input type="submit" value="Search">
</p>
</form>
{% endblock %}