mirror of
https://github.com/Team254/cheesy-arena-lite.git
synced 2026-03-09 13:46:44 -04:00
89 lines
3.5 KiB
JavaScript
89 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 handleAudienceDisplayMode = 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 handleMatchLoad = function(data) {
|
|
$("#matchName").text(data.MatchType + " Match " + data.Match.DisplayName);
|
|
$("#red1").html(teamTemplate(formatTeam(data.Teams["R1"])));
|
|
$("#red2").html(teamTemplate(formatTeam(data.Teams["R2"])));
|
|
$("#red3").html(teamTemplate(formatTeam(data.Teams["R3"])));
|
|
$("#blue1").html(teamTemplate(formatTeam(data.Teams["B1"])));
|
|
$("#blue2").html(teamTemplate(formatTeam(data.Teams["B2"])));
|
|
$("#blue3").html(teamTemplate(formatTeam(data.Teams["B3"])));
|
|
};
|
|
|
|
// 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.Red.Score);
|
|
$("#blueScore").text(data.Blue.Score);
|
|
};
|
|
|
|
// Handles a websocket message to populate the final score data.
|
|
var handleScorePosted = function(data) {
|
|
$("#scoreMatchName").text(data.MatchType + " Match " + data.Match.DisplayName);
|
|
$("#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");
|
|
|
|
// Activate tooltips above the foul listings.
|
|
$("[data-toggle=tooltip]").tooltip({"placement": "top"});
|
|
};
|
|
|
|
// 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", {
|
|
audienceDisplayMode: function(event) { handleAudienceDisplayMode(event.data); },
|
|
matchLoad: function(event) { handleMatchLoad(event.data); },
|
|
matchTime: function(event) { handleMatchTime(event.data); },
|
|
matchTiming: function(event) { handleMatchTiming(event.data); },
|
|
realtimeScore: function(event) { handleRealtimeScore(event.data); },
|
|
scorePosted: function(event) { handleScorePosted(event.data); }
|
|
});
|
|
|
|
// Make the score blink.
|
|
setInterval(function() {
|
|
var blinkOn = $("#savedMatchResult").attr("data-blink") === "true";
|
|
$("#savedMatchResult").attr("data-blink", !blinkOn);
|
|
}, 500);
|
|
});
|