NCGEARS/cheesy-arena-lite
1
0
Fork 0
mirror of https://github.com/Team254/cheesy-arena-lite.git synced 2026-03-09 21:56:50 -04:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Updated referee display and optimized for iPad.

Browse Source
This commit is contained in:
Patrick Fairbank
2015-08-30 22:52:03 -07:00
parent 2e16998bb8
commit 4ea0ced315
7 changed files with 64 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
static/css/referee_display.css
View File

@@ -17,15 +17,15 @@ h3, h4 {
color: #fff;
}
.btn-referee {
width: 120px;
width: 100px;
margin: 5px 5px;
font-size: 30px;
font-size: 25px;
cursor: default;
}
.btn-referee-wide {
width: 254px;
margin: 5px 5px;
font-size: 30px;
font-size: 25px;
}
.btn {
cursor: default;

41
static/js/referee_display.js
View File

@@ -4,21 +4,29 @@
// Client-side logic for the referee interface.
var websocket;
var foulAlliance;
var foulTeam;
var foulRule;
var foulTeamButton;
var foulRuleButton;
// Handles a click on a team button.
var setFoulTeam = function(teamButton) {
foulAlliance = $(teamButton).attr("data-alliance");
foulTeam = $(teamButton).attr("data-team");
setSelections();
if (foulTeamButton) {
foulTeamButton.attr("data-selected", false);
}
foulTeamButton = $(teamButton);
foulTeamButton.attr("data-selected", true);
$("#commit").prop("disabled", !(foulTeamButton && foulRuleButton));
};
// Handles a click on a rule button.
var setFoulRule = function(ruleButton) {
foulRule = $(ruleButton).attr("data-rule");
setSelections();
if (foulRuleButton) {
foulRuleButton.attr("data-selected", false);
}
foulRuleButton = $(ruleButton);
foulRuleButton.attr("data-selected", true);
$("#commit").prop("disabled", !(foulTeamButton && foulRuleButton));
};
// Sets button styles to match the selection cached in the global variables.
@@ -30,20 +38,25 @@ var setSelections = function() {
$("[data-rule]").each(function(i, ruleButton) {
$(ruleButton).attr("data-selected", $(ruleButton).attr("data-rule") == foulRule);
});
$("#commit").prop("disabled", (foulTeam == "" || foulRule == ""));
};
// Resets the buttons to their default selections.
var clearFoul = function() {
foulTeam = "";
foulRule = "";
setSelections();
if (foulTeamButton) {
foulTeamButton.attr("data-selected", false);
foulTeamButton = null;
}
if (foulRuleButton) {
foulRuleButton.attr("data-selected", false);
foulRuleButton = null;
}
$("#commit").prop("disabled", true);
};
// Sends the foul to the server to add it to the list.
var commitFoul = function() {
websocket.send("addFoul", {Alliance: foulAlliance, TeamId: parseInt(foulTeam), Rule: foulRule});
websocket.send("addFoul", {Alliance: foulTeamButton.attr("data-alliance"),
TeamId: parseInt(foulTeamButton.attr("data-team")), Rule: foulRuleButton.attr("data-rule")});
};
// Removes the foul with the given parameters from the list.