planet-wars/backend/templates/visualizer.html.tera

42 lines
1.2 KiB
Text
Raw Normal View History

2020-03-27 15:27:19 +01:00
{% extends "base" %}
{% block content %}
<link rel="stylesheet" type="text/css" href="/style/visualizer.css">
<input type="file" id="fileselect" style="display: none">
2020-03-27 17:32:18 +01:00
<div id=wrapper>
2020-03-27 15:27:19 +01:00
2020-03-27 17:32:18 +01:00
<div id="main" class="loading">
2020-03-27 15:27:19 +01:00
<canvas id="c"></canvas>
<div id="name"></div>
<div id="addbutton" class="button"></div>
<div id="meta">
2020-03-27 17:32:18 +01:00
<div id="turnCounter">
2020-03-27 15:27:19 +01:00
0 / 0
2020-03-27 17:32:18 +01:00
</div>
<div>
<span>Ms per frame:&nbsp;</span>
<input type="number" id="speed" value="100">
</div>
<div class="slidecontainer">
<input type="range" min="0" max="1" value="1" class="slider" id="turnSlider">
</div>
2020-03-27 15:27:19 +01:00
</div>
2020-03-27 17:32:18 +01:00
</div>
2020-03-27 15:27:19 +01:00
2020-03-27 17:32:18 +01:00
<div class="options">
{% for game in games %}
<div class="option" onclick="visualizer.handle('/games/{{ game.location}}', '{{ game.name }}')">
<p>{{game.name}}</p>
<p>Turns: {{game.turns}}</p>
</div>
{% endfor %}
2020-03-27 15:27:19 +01:00
</div>
2020-03-27 17:32:18 +01:00
</div>
2020-03-27 15:27:19 +01:00
2020-03-27 17:32:18 +01:00
<noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
2020-03-27 15:27:19 +01:00
<script src="frontend/bootstrap.js"></script>
{% endblock %}