mirror of
https://github.com/Team254/cheesy-arena-lite.git
synced 2026-03-09 21:56:50 -04:00
91 lines
3.5 KiB
JavaScript
91 lines
3.5 KiB
JavaScript
// Copyright 2014 Team 254. All Rights Reserved.
|
|
// Author: pat@patfairbank.com (Patrick Fairbank)
|
|
//
|
|
// Client-side logic for the announcer display.
|
|
|
|
var websocket;
|
|
var teamTemplate = Handlebars.compile($("#teamTemplate").html());
|
|
var matchResultTemplate = Handlebars.compile($("#matchResultTemplate").html());
|
|
Handlebars.registerHelper("eachMapEntry", function(context, options) {
|
|
var ret = "";
|
|
$.each(context, function(key, value) {
|
|
var entry = {"key": key, "value": value};
|
|
ret = ret + options.fn(entry);
|
|
});
|
|
return ret;
|
|
});
|
|
|
|
// Handles a websocket message to hide the score dialog once the next match is being introduced.
|
|
var handleSetAudienceDisplay = function(targetScreen) {
|
|
// Hide the final results so that they aren't blocking the current teams when the announcer needs them most.
|
|
if (targetScreen == "intro" || targetScreen == "match") {
|
|
$("#matchResult").modal("hide");
|
|
}
|
|
};
|
|
|
|
// Handles a websocket message to update the teams for the current match.
|
|
var handleSetMatch = function(data) {
|
|
$("#matchName").text(data.MatchType + " Match " + data.MatchDisplayName);
|
|
$("#red1").html(teamTemplate(formatTeam(data.Red1)));
|
|
$("#red2").html(teamTemplate(formatTeam(data.Red2)));
|
|
$("#red3").html(teamTemplate(formatTeam(data.Red3)));
|
|
$("#blue1").html(teamTemplate(formatTeam(data.Blue1)));
|
|
$("#blue2").html(teamTemplate(formatTeam(data.Blue2)));
|
|
$("#blue3").html(teamTemplate(formatTeam(data.Blue3)));
|
|
};
|
|
|
|
// Handles a websocket message to update the match time countdown.
|
|
var handleMatchTime = function(data) {
|
|
translateMatchTime(data, function(matchState, matchStateText, countdownSec) {
|
|
$("#matchState").text(matchStateText);
|
|
$("#matchTime").text(getCountdown(data.MatchState, data.MatchTimeSec));
|
|
});
|
|
};
|
|
|
|
// Handles a websocket message to update the match score.
|
|
var handleRealtimeScore = function(data) {
|
|
$("#redScore").text(data.RedScore);
|
|
$("#blueScore").text(data.BlueScore);
|
|
};
|
|
|
|
// Handles a websocket message to populate the final score data.
|
|
var handleSetFinalScore = function(data) {
|
|
$("#scoreMatchName").text(data.MatchType + " Match " + data.MatchDisplayName);
|
|
$("#redScoreDetails").html(matchResultTemplate({score: data.RedScoreSummary, fouls: data.RedFouls,
|
|
cards: data.RedCards}));
|
|
$("#blueScoreDetails").html(matchResultTemplate({score: data.BlueScoreSummary, fouls: data.BlueFouls,
|
|
cards: data.BlueCards}));
|
|
$("#matchResult").modal("show");
|
|
};
|
|
|
|
var postMatchResult = function(data) {
|
|
$("#savedMatchResult").attr("data-blink", false);
|
|
websocket.send("setAudienceDisplay", "score");
|
|
}
|
|
|
|
// Replaces newlines in team fields with HTML line breaks.
|
|
var formatTeam = function(team) {
|
|
if (team) {
|
|
team.Accomplishments = team.Accomplishments.replace(/[\r\n]+/g, "<br />");
|
|
}
|
|
return team;
|
|
};
|
|
|
|
$(function() {
|
|
// Set up the websocket back to the server.
|
|
websocket = new CheesyWebsocket("/displays/announcer/websocket", {
|
|
setMatch: function(event) { handleSetMatch(event.data); },
|
|
matchTiming: function(event) { handleMatchTiming(event.data); },
|
|
matchTime: function(event) { handleMatchTime(event.data); },
|
|
realtimeScore: function(event) { handleRealtimeScore(event.data); },
|
|
setFinalScore: function(event) { handleSetFinalScore(event.data); },
|
|
setAudienceDisplay: function(event) { handleSetAudienceDisplay(event.data); }
|
|
});
|
|
|
|
// Make the score blink.
|
|
setInterval(function() {
|
|
var blinkOn = $("#savedMatchResult").attr("data-blink") == "true";
|
|
$("#savedMatchResult").attr("data-blink", !blinkOn);
|
|
}, 500);
|
|
});
|