Telos4
/
RoboRallyGUI
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

enabled displaying robot position in the web app and setting the 

position at the start of the game
master
Simon Pirkelmann 2020-09-24 23:58:17 +02:00
parent 845c6b1cf1
commit 4baeace2ee
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
templates/drag_example.html
View File

@ -26,6 +26,24 @@
</div>
{% if robot_pos is none %}
<div class="row">
<label for="inputRobotX">X:</label>
<input type="number" id="inputRobotX" name="robot_x" min="1" max="12" value="5">
<label for="inputRobotY">Y:</label>
<input type="number" id="inputRobotY" name="robot_y" min="1" max="6" value="3">
</div>
{% else %}
<div class="row">
<label for="inputRobotX">X:</label>
<input type="number" id="inputRobotX" name="robot_x" min="1" max="12" value="{{ robot_pos[0] }}" readonly>
<label for="inputRobotY">Y:</label>
<input type="number" id="inputRobotY" name="robot_y" min="1" max="6" value="{{ robot_pos[1] }}" readonly>
</div>
{% endif %}
</div><!-- container -->
<input id="btnSubmit" type="submit" value="Befehle abschicken" />
@ -43,7 +61,12 @@
var box = $(".box");
var mainCanvas = $(".main-canvas");
$("#btnSubmit").click(function () {
var robot_x = $("#inputRobotX");
var robot_y = $("#inputRobotY");
//alert("button");
for (i = 0; i < 9; i++) {
var c = document.getElementsByClassName("box card" + String(i));
@ -51,10 +74,9 @@
$(c).hide();
}
}
$(please_wait).show();
$.post("/send_cmds", "", function (data) {
$.post("/send_cmds", { "x" : robot_x.val(), "y": robot_y.val()}, function (data) {
console.log(data);
if (data === 'OK') {
location.reload(); // reload page to get new cards for next round