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

enabled displaying robot position in the web app and setting the

Browse Source 
position at the start of the game
This commit is contained in:
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> </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 --> </div><!-- container -->
<input id="btnSubmit" type="submit" value="Befehle abschicken" /> <input id="btnSubmit" type="submit" value="Befehle abschicken" />
@ -43,7 +61,12 @@
var box = $(".box"); var box = $(".box");
var mainCanvas = $(".main-canvas"); var mainCanvas = $(".main-canvas");
$("#btnSubmit").click(function () { $("#btnSubmit").click(function () {
var robot_x = $("#inputRobotX");
var robot_y = $("#inputRobotY");
//alert("button"); //alert("button");
for (i = 0; i < 9; i++) { for (i = 0; i < 9; i++) {
var c = document.getElementsByClassName("box card" + String(i)); var c = document.getElementsByClassName("box card" + String(i));
@ -51,10 +74,9 @@
$(c).hide(); $(c).hide();
} }
} }
$(please_wait).show(); $(please_wait).show();
$.post("/send_cmds", "", function (data) { $.post("/send_cmds", { "x" : robot_x.val(), "y": robot_y.val()}, function (data) {
console.log(data); console.log(data);
if (data === 'OK') { if (data === 'OK') {
location.reload(); // reload page to get new cards for next round location.reload(); // reload page to get new cards for next round