2017-09-25 09:37:41 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>Sumorobot</title>
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
|
|
|
<link rel="stylesheet" href="bootstrap.min.css">
|
2017-10-11 09:03:23 +00:00
|
|
|
<link rel="shortcut icon" type="image/png" href="logo.png"/>
|
2017-09-25 09:37:41 +00:00
|
|
|
<script src="jquery.min.js"></script>
|
2017-12-27 12:12:45 +00:00
|
|
|
<script src="bootstrap.min.js"></script>
|
2017-09-25 09:37:41 +00:00
|
|
|
<script src="blockly_compressed.js"></script>
|
|
|
|
<script src="sumorobot_compressed.js"></script>
|
|
|
|
<script src="blocks_compressed.js"></script>
|
|
|
|
<script src="msg/js/en.js"></script>
|
|
|
|
<script src="sumorobot.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
2017-11-07 22:24:37 +00:00
|
|
|
<div id="bar">Disconnected<span id="battery"></span></div>
|
2017-12-20 00:35:50 +00:00
|
|
|
|
2017-09-25 09:37:41 +00:00
|
|
|
<div id="panel">
|
2017-10-13 12:15:58 +00:00
|
|
|
<object type="image/svg+xml" data="logo.svg">
|
|
|
|
RoboKoding logo
|
|
|
|
</object>
|
2017-09-25 09:37:41 +00:00
|
|
|
<div class="input-group">
|
|
|
|
<span class="input-group-addon robot-nr">1</span>
|
|
|
|
<input type="text" class="form-control robot-id" placeholder="ID" />
|
|
|
|
<span class="input-group-addon addon-no-border robot-nr">2</span>
|
|
|
|
<input type="text" class="form-control robot-id" placeholder="ID" />
|
|
|
|
<span class="input-group-addon addon-no-border robot-nr">3</span>
|
|
|
|
<input type="text" class="form-control robot-id" placeholder="ID" />
|
|
|
|
<span class="input-group-addon addon-no-border robot-nr">4</span>
|
|
|
|
<input type="text" class="form-control robot-id" placeholder="ID" />
|
|
|
|
<span class="input-group-addon addon-no-border robot-nr">5</span>
|
|
|
|
<input type="text" class="form-control robot-id" placeholder="ID" />
|
|
|
|
</div>
|
|
|
|
<div class="btn-group btn-group-justified btn-group-robot" role="group" aria-label="robots">
|
|
|
|
<a href="#" class="btn btn-lg btn-robot-nr">1</a>
|
|
|
|
<a href="#" class="btn btn-lg btn-robot-nr">2</a>
|
|
|
|
<a href="#" class="btn btn-lg btn-robot-nr">3</a>
|
|
|
|
<a href="#" class="btn btn-lg btn-robot-nr">4</a>
|
|
|
|
<a href="#" class="btn btn-lg btn-robot-nr">5</a>
|
|
|
|
<a href="#" class="btn btn-lg btn-robot-add">+</a>
|
|
|
|
</div>
|
2017-12-27 12:12:45 +00:00
|
|
|
<div class="remote-label">
|
|
|
|
<div class="btn-group form-check-label" data-toggle="buttons">
|
|
|
|
<label class="btn btn-primary active" id="remote-disabled">
|
|
|
|
<input type="radio" name="remote" autocomplete="off" checked> Disabled
|
|
|
|
</label>
|
|
|
|
<label class="btn btn-primary" id="remote-enabled">
|
|
|
|
<input type="radio" name="remote" autocomplete="off"> Enabled
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
Remote control
|
|
|
|
<!--<input type="checkbox" class="form-check-input big-checkbox" id="remote-control">-->
|
2017-09-25 09:37:41 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<table>
|
|
|
|
<tr>
|
|
|
|
<td id="blocklyArea"></td>
|
2017-12-20 00:35:50 +00:00
|
|
|
<td id="blocklyCodeArea">
|
|
|
|
<div id="stream"></div>
|
|
|
|
<textarea id="blocklyCode" class="non-clickable"></textarea>
|
|
|
|
</td>
|
2017-09-25 09:37:41 +00:00
|
|
|
</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_delay"></block>
|
|
|
|
<block type="sumorobot_enemy"></block>
|
|
|
|
<block type="sumorobot_line"></block>
|
|
|
|
</xml>
|
|
|
|
|
2017-12-20 00:35:50 +00:00
|
|
|
<div class="btn-group btn-group-justified btn-group-control">
|
2017-09-25 09:37:41 +00:00
|
|
|
<a href="#" class="btn btn-lg btn-success btn-start">Start</a>
|
|
|
|
<a href="#" class="btn btn-lg btn-danger btn-stop">Stop</a>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|