2020-03-26 20:25:33 +01:00
|
|
|
{% extends "base" %}
|
|
|
|
|
|
|
|
{% block content %}
|
|
|
|
<div class="main">
|
2020-03-28 19:07:55 +01:00
|
|
|
<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>
|
2020-03-26 20:25:33 +01:00
|
|
|
<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>
|
2020-03-27 10:31:56 +01:00
|
|
|
<button onclick="start_game()">
|
2020-03-26 20:25:33 +01:00
|
|
|
Start
|
|
|
|
</button>
|
|
|
|
<div id="map_holder">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script src="script/maps.js"></script>
|
|
|
|
{% endblock %}
|