planet-wars/backend/templates/lobby.html.tera
2020-03-28 19:07:55 +01:00

49 lines
1.6 KiB
Text

{% extends "base" %}
{% block content %}
<div class="main">
<div class="lobby">
{% for state in games %}
<div class="game_state">
<div class="info">
<p>{{state.name}}</p>
{% if state.finished %}<p>Finished</p> {% endif %}
{% if state.turns %}<p>Turns: {{ state.turns }} </p> {% endif %}
</div>
<div class="players">
{% for player in state.players %}
<p>{{ player }}</p>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
<div class="creator">
<h1>Start new game</h1>
<div class="input_container">
<label for="name">Name:</label>
<input id="name" type="text"></input>
</div>
<label>Select Map</label>
<div class="map_select">
{% include "maps" %}
</div>
<div class="input_container number">
<label for="turns">Max turns:</label>
<input id="turns" type="number" value=200></input>
</div>
<div class="input_container number">
<label for="nop">Number of players:</label>
<input id="nop" type="number" value=2></input>
</div>
<button onclick="start_game()">
Start
</button>
<div id="map_holder">
</div>
</div>
</div>
<script src="script/maps.js"></script>
{% endblock %}