sumorobot-web/index.html
2018-01-28 10:36:50 +01:00

77 lines
3.3 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sumorobot</title>
<!-- css -->
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/cookieconsent.min.css">
<!-- favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<!-- cookie notification -->
<script src="assets/js/cookieconsent.min.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/cookie.js" type="text/javascript" charset="utf-8"></script>
<!-- Google Blockly -->
<script src="assets/blockly/blockly_compressed.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/blockly/blocks_compressed.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/blockly/python_compressed.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/blockly/msg/js/en.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/sumorobot.js" type="text/javascript" charset="utf-8"></script>
<!-- ace editor -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ext-language_tools.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="battery">Disconnected</div>
<div id="panel">
<img class="logo" src="assets/img/logo.png" alt="logo">
<div class="input-group">
<span class="input-group-addon" id="robot-label">robot name</span>
<input type="text" class="form-control" id="robot-id" placeholder="sumo-ID" />
</div>
<div class="btn-group btn-group-robot" role="group" aria-label="robots">
<a href="#" class="btn btn-lg btn-robot-go">GO!</a>
</div>
</div>
<table class="blockly-table">
<tr>
<td id="leftCell">
<div id="blocklyArea"></div>
<div id="blocklyCode" style="display: none;"></div>
</td>
<td id="rightCell">
<div id="stream"></div>
<div id="readOnlyBlocklyCode"></div>
</td>
</tr>
</table>
<div id="blocklyDiv" style="position: absolute"></div>
<xml id="toolbox" style="display: none">
<block type="controls_if"></block>
<block type="sumorobot_move"></block>
<block type="sumorobot_sleep"></block>
<block type="sumorobot_opponent"></block>
<block type="sumorobot_line"></block>
</xml>
<xml id="toolbox_no_if" style="display: none">
<block type="controls_if" disabled="true"></block>
<block type="sumorobot_move"></block>
<block type="sumorobot_sleep"></block>
<block type="sumorobot_opponent"></block>
<block type="sumorobot_line"></block>
</xml>
<div class="btn-group d-flex btn-group-control" role="group">
<a href="#" class="btn btn-lg btn-success btn-start w-100">Start</a>
<a href="#" class="btn btn-lg btn-danger btn-stop w-100">Stop</a>
</div>
</body>
</html>