marva/sumorobot-web
1
0
Fork 1
Code Issues Pull Requests Activity

update remote control checkbox

Browse Source
This commit is contained in:
Silver Kuusik
2017-12-27 13:12:45 +01:00
parent 9c53c50ac3
commit 5cc6efa684
4 changed files with 39 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
bootstrap.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

15
index.html
View File

@@ -7,6 +7,7 @@
<link rel="stylesheet" href="bootstrap.min.css"> <link rel="stylesheet" href="bootstrap.min.css">
<link rel="shortcut icon" type="image/png" href="logo.png"/> <link rel="shortcut icon" type="image/png" href="logo.png"/>
<script src="jquery.min.js"></script> <script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="blockly_compressed.js"></script> <script src="blockly_compressed.js"></script>
<script src="sumorobot_compressed.js"></script> <script src="sumorobot_compressed.js"></script>
<script src="blocks_compressed.js"></script> <script src="blocks_compressed.js"></script>
@@ -40,11 +41,17 @@
<a href="#" class="btn btn-lg btn-robot-nr">5</a> <a href="#" class="btn btn-lg btn-robot-nr">5</a>
<a href="#" class="btn btn-lg btn-robot-add">+</a> <a href="#" class="btn btn-lg btn-robot-add">+</a>
</div> </div>
<div> <div class="remote-label">
<label class="form-check-label"> <div class="btn-group form-check-label" data-toggle="buttons">
<input type="checkbox" class="form-check-input big-checkbox" id="remote-control"> <label class="btn btn-primary active" id="remote-disabled">
Remote control <input type="radio" name="remote" autocomplete="off" checked> Disabled
</label> </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">-->
</div> </div>
</div> </div>

8
styles.css
View File

@@ -38,6 +38,11 @@ input.has-error {
.input-group-addon { .input-group-addon {
padding: 0.5vw 1vw !important; padding: 0.5vw 1vw !important;
} }
div.remote-label {
font-size: 4vw;
margin-top: 1vw;
font-weight: bold;
}
.btn-group-control { .btn-group-control {
z-index: 34; z-index: 34;
bottom: 0px; bottom: 0px;
@@ -57,6 +62,9 @@ input.has-error {
border-width: 3px !important; border-width: 3px !important;
background-color: #44CC00 !important; background-color: #44CC00 !important;
} }
.btn-primary {
border-width: 3px !important;
}
.btn-danger { .btn-danger {
border-width: 3px !important; border-width: 3px !important;
background-color: #b80000 !important; background-color: #b80000 !important;

16
sumorobot.js
View File

@@ -374,7 +374,10 @@ window.onload = function() {
pythonEnabled = !pythonEnabled; pythonEnabled = !pythonEnabled;
break; break;
case 82: // r case 82: // r
$("#remote-control").click(); if (remoteControl)
$("#remote-disabled").click();
else
$("#remote-enabled").click();
break; break;
case 83: // s case 83: // s
$(".btn-stop").addClass("hover"); $(".btn-stop").addClass("hover");
@@ -423,9 +426,14 @@ window.onload = function() {
workspace.highlightBlock(highlighted, false); workspace.highlightBlock(highlighted, false);
}); });
/* remote control checkbox listener */ /* remote control enable listener */
$("#remote-control").click(function() { $("#remote-enabled").click(function() {
remoteControl = $("#remote-control").is(":checked"); remoteControl = true;
});
/* remote control disable listener */
$("#remote-disabled").click(function() {
remoteControl = false;
}); });
/* robot number button listener */ /* robot number button listener */