Added referee display.

static/css/referee_display.css

@@ -0,0 +1,41 @@
+html {
+  cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+}
+body {
+  background-color: #333;
+  padding: 50px;
+  color: #fff;
+}
+h3, h4 {
+  color: #fff;
+}
+.btn-referee {
+  width: 120px;
+  margin: 5px 5px;
+  font-size: 30px;
+  cursor: default;
+}
+.btn-referee-wide {
+  width: 254px;
+  margin: 5px 5px;
+  font-size: 30px;
+}
+.btn {
+  cursor: default;
+}
+.btn-referee[data-selected="true"] {
+  border: 5px solid #fc0;
+  margin: 0px 5px;
+  background-color: #fc0;
+}
+tr {
+  font-size: 15px;
+}
+.row-red {
+  background-color: #cb210e;
+}
+.row-blue {
+  background-color: #028fc0;
+}

static/js/referee_display.js

@@ -0,0 +1,78 @@
+// Copyright 2014 Team 254. All Rights Reserved.
+// Author: pat@patfairbank.com (Patrick Fairbank)
+//
+// Client-side logic for the referee interface.
+
+var websocket;
+var foulAlliance;
+var foulTeam;
+var foulIsTech;
+var foulRule;
+
+// Handles a click on a team button.
+var setFoulTeam = function(teamButton) {
+  foulAlliance = $(teamButton).attr("data-alliance");
+  foulTeam = $(teamButton).attr("data-team");
+  setSelections();
+};
+
+// Handles a click on the non-tech/tech foul buttons.
+var setFoulIsTech = function(isTech) {
+  foulIsTech = isTech;
+  setSelections();
+};
+
+// Handles a click on a rule button.
+var setFoulRule = function(ruleButton) {
+  foulRule = $(ruleButton).attr("data-rule");
+  setSelections();
+};
+
+// Sets button styles to match the selection cached in the global variables.
+var setSelections = function() {
+  $("[data-team]").each(function(i, teamButton) {
+    $(teamButton).attr("data-selected", $(teamButton).attr("data-team") == foulTeam);
+  });
+
+  $("#foul").attr("data-selected", !foulIsTech);
+  $("#techFoul").attr("data-selected", foulIsTech);
+
+  $("[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 = "";
+  foulIsTech = false;
+  foulRule = "";
+  setSelections();
+};
+
+// 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,
+      IsTechnical: foulIsTech});
+};
+
+// Removes the foul with the given parameters from the list.
+var deleteFoul = function(alliance, team, rule, timeSec, isTech) {
+  websocket.send("deleteFoul", {Alliance: alliance, TeamId: parseInt(team), Rule: rule,
+      TimeInMatchSec: timeSec, IsTechnical: isTech});
+};
+
+// Signals the scorekeeper that foul entry is complete for this match.
+var commitMatch = function() {
+  websocket.send("commitMatch");
+};
+
+$(function() {
+  // Set up the websocket back to the server.
+  websocket = new CheesyWebsocket("/displays/referee/websocket", {
+  });
+
+  clearFoul();
+});