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

Update scoring panel for 2020.

Browse Source
This commit is contained in:
Patrick Fairbank
2020-03-21 23:32:28 -07:00
parent fd84cdcd73
commit 93cbce7aa1
6 changed files with 318 additions and 414 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
static/css/scoring_panel.css
View File

@@ -12,27 +12,45 @@ body {
background-color: #222;
}
.container {
padding-top: 2vw;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#alliance {
width: 90%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
border-radius: 25px;
border: 1px solid #333;
}
#alliance[data-alliance="red"] {
background-color: #322;
}
#alliance[data-alliance="blue"] {
background-color: #223;
}
#matchName {
font-size: 2vw;
}
#robots {
.scoring-section {
margin-bottom: 0.5vw;
display: flex;
font-size: 1.5vw;
color: #ccc;
}
#robotHeader {
margin-right: 1vw;
.scoring-header>div{
height: 2.5vw;
margin: 0.4vw 1vw 0.4vw 0.2vw;
color: #666;
}
.robot-field {
min-width: 12vw;
width: 17vw;
height: 2.5vw;
display: flex;
justify-content: space-between;
@@ -42,180 +60,91 @@ body {
.team {
display: flex;
justify-content: center;
font-weight: bold;
}
.robot-start-level[data-value="0"] {
background-color: #633;
}
.robot-start-level[data-value="1"] {
background-color: #236;
}
.robot-start-level[data-value="2"] {
background-color: #263;
}
.robot-start-level[data-value="3"] {
background-color: #850;
}
.sandstorm-bonus[data-value="false"] {
.boolean[data-value="false"] {
background-color: #333;
}
.sandstorm-bonus[data-value="true"] {
.boolean[data-value="true"] {
background-color: #263;
}
.robot-end-level[data-value="0"] {
.endgame-status[data-value="0"] {
background-color: #333;
}
.robot-end-level[data-value="1"] {
.endgame-status[data-value="1"] {
background-color: #236;
}
.robot-end-level[data-value="2"] {
background-color: #224d4d;
}
.robot-end-level[data-value="3"] {
.endgame-status[data-value="2"] {
background-color: #263;
}
.robot-shortcut {
width: 2vw;
.control-panel[data-value="disabled"] {
background-color: #333;
}
.control-panel[data-value="false"] {
background-color: #236;
}
.control-panel[data-value="true"] {
background-color: #263;
}
.shortcut {
margin: 0 0.2vw;
font-size: 1vw;
align-self: flex-start;
}
.team {
font-weight: bold;
}
#scoringElements {
#elements {
width: 100%;
height: 100%;
display: flex;
justify-content: space-evenly;
align-items: center;
}
.goal-header {
height: 5vw;
margin: 0.4vw 0vw;
color: #666;
display: flex;
flex-direction: column;
justify-content: center;
}
.goal-period {
text-align: center;
color: #666;
}
.goal {
width: 13vw;
height: 5vw;
margin: 0.4vw 3vw;
display: flex;
justify-content: space-between;
}
.rocket {
display: flex;
align-items: flex-end;
}
.rocket-outline {
display: flex;
align-items: flex-end;
padding: 5vw 2vw 1vw 2vw;
border: 1px solid #222;
border-radius: 40% 40% 0% 0%;
}
.alliance-color[data-alliance="red"] {
background-color: #633;
}
.alliance-color[data-alliance="blue"] {
background-color: #236;
}
.outer-rocket {
height: 26vw;
margin: 0.2vw;
}
.inner-rocket {
margin: 0.2vw;
}
#centerColumn {
display: flex;
flex-direction: column;
align-items: center;
}
#cargoShipContainer {
display: flex;
flex-direction: column;
align-items: center;
}
#cargoShip {
display: flex;
flex-direction: column;
align-items: center;
padding: 1vw;
border: 1px solid #222;
border-radius: 10%;
}
.cargo-ship-side {
width: 25vw;
.number-button {
width: 4vw;
height: 4vw;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #666;
border-radius: 0.5vw;
font-size: 3vw;
}
.cargo-ship-front {
display: flex;
.plus {
background: #263;
}
.bay {
position: relative;
width: 7vw;
height: 7vw;
margin: 0.2vw;
border: 1px solid #222;
background-color: #666;
border-radius: 10%;
}
.bay[data-value="0"] .hatch-panel {
display: none;
}
.bay[data-value="1"] .hatch-panel {
display: flex;
}
.bay[data-value="2"] .hatch-panel {
display: flex;
}
.bay[data-value="3"] .hatch-panel {
display: none;
}
.bay[data-value="0"] .cargo {
display: none;
}
.bay[data-value="1"] .cargo {
display: none;
}
.bay[data-value="2"] .cargo {
display: flex;
}
.bay[data-value="3"] .cargo {
display: flex;
}
.shortcut {
position: absolute;
left: 0.3vw;
top: -0.1vw;
font-size: 1.2vw;
color: #fff
}
.hatch-panel {
width: 6vw;
height: 6vw;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
margin: auto auto;
border: 1vw solid #c80;
border-radius: 50%;
}
.cargo {
width: 3vw;
height: 3vw;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
margin: auto auto;
background-color: #c50;
border-radius: 50%;
.minus {
background: #633;
}
#instructions {
margin-top: 0.3vw;
}
#preMatchMessage, #postMatchMessage {
height: 100%;
#postMatchMessage {
height: 5vw;
display: none;
align-items: center;
font-size: 1.5vw;
color: #c90;
}
#commitMatchScore {
height: 100%;
height: 5vw;
display: none;
align-items: center;
}

89
static/js/scoring_panel.js
View File

@@ -29,31 +29,44 @@ var handleRealtimeScore = function(data) {
realtimeScore = data.Blue;
}
var score = realtimeScore.Score;
var summary = realtimeScore.ScoreSummary;
for (var i = 0; i < 3; i++) {
var i1 = i + 1;
$("#robotStartLevel" + i1 + ">.value").text(getRobotStartLevelText(score.RobotStartLevels[i]));
$("#robotStartLevel" + i1).attr("data-value", score.RobotStartLevels[i]);
$("#sandstormBonus" + i1 + ">.value").text(score.SandstormBonuses[i] ? "Yes" : "No");
$("#sandstormBonus" + i1).attr("data-value", score.SandstormBonuses[i]);
$("#robotEndLevel" + i1 + ">.value").text(getRobotEndLevelText(score.RobotEndLevels[i]));
$("#robotEndLevel" + i1).attr("data-value", score.RobotEndLevels[i]);
getBay("rocketNearLeft", i).attr("data-value", score.RocketNearLeftBays[i]);
getBay("rocketNearRight", i).attr("data-value", score.RocketNearRightBays[i]);
getBay("rocketFarLeft", i).attr("data-value", score.RocketFarLeftBays[i]);
getBay("rocketFarRight", i).attr("data-value", score.RocketFarRightBays[i]);
}
for (var i = 0; i < 8; i++) {
getBay("cargoShip", i).attr("data-value", score.CargoBays[i]);
$("#exitedInitiationLine" + i1 + ">.value").text(score.ExitedInitiationLine[i] ? "Yes" : "No");
$("#exitedInitiationLine" + i1).attr("data-value", score.ExitedInitiationLine[i]);
$("#endgameStatus" + i1 + ">.value").text(getEndgameStatusText(score.EndgameStatuses[i]));
$("#endgameStatus" + i1).attr("data-value", score.EndgameStatuses[i]);
setGoalValue($("#autoCellsInner"), score.AutoCellsInner);
setGoalValue($("#autoCellsOuter"), score.AutoCellsOuter);
setGoalValue($("#autoCellsBottom"), score.AutoCellsBottom);
setGoalValue($("#teleopCellsInner"), score.TeleopCellsInner);
setGoalValue($("#teleopCellsOuter"), score.TeleopCellsOuter);
setGoalValue($("#teleopCellsBottom"), score.TeleopCellsBottom);
}
if (matchStates[data.MatchState] === "PRE_MATCH") {
if (realtimeScore.IsPreMatchScoreReady) {
$("#preMatchMessage").hide();
} else {
$("#preMatchMessage").css("display", "flex");
}
if (score.ControlPanelStatus >= 1) {
$("#rotationControl>.value").text("Yes");
$("#rotationControl").attr("data-value", true);
} else if (summary.StagePowerCellsRemaining[1] === 0) {
$("#rotationControl>.value").text("Unlocked");
$("#rotationControl").attr("data-value", false);
} else {
$("#rotationControl>.value").text("Disabled (" + summary.StagePowerCellsRemaining[1] + " left)");
$("#rotationControl").attr("data-value", "disabled");
}
if (score.ControlPanelStatus === 2) {
$("#positionControl>.value").text("Yes");
$("#positionControl").attr("data-value", true);
} else if (summary.StagePowerCellsRemaining[2] === 0) {
$("#positionControl>.value").text("Unlocked");
$("#positionControl").attr("data-value", false);
} else {
$("#positionControl>.value").text("Disabled (" + summary.StagePowerCellsRemaining[2] + " left)");
$("#positionControl").attr("data-value", "disabled");
}
$("#rungIsLevel>.value").text(score.RungIsLevel ? "Yes" : "No");
$("#rungIsLevel").attr("data-value", score.RungIsLevel);
};
// Handles a websocket message to update the match status.
@@ -93,42 +106,30 @@ var commitMatchScore = function() {
$("#commitMatchScore").hide();
};
// Returns the display text corresponding to the given integer start level value.
var getRobotStartLevelText = function(level) {
// Returns the display text corresponding to the given integer endgame status value.
var getEndgameStatusText = function(level) {
switch (level) {
case 1:
return "1";
return "Park";
case 2:
return "2";
case 3:
return "No-Show";
return "Hang";
default:
return " ";
return "None";
}
};
// Returns the display text corresponding to the given integer end level value.
var getRobotEndLevelText = function(level) {
switch (level) {
case 1:
return "1";
case 2:
return "2";
case 3:
return "3";
default:
return "Not On";
}
// Updates the power cell count for a goal, given the element and score values.
var setGoalValue = function(element, powerCells) {
var total = 0;
$.each(powerCells, function(k, v) {
total += v;
});
element.text(total);
};
// Returns the bay element matching the given parameters.
var getBay = function(type, index) {
return $("#bay" + bayMappings[type][index]);
}
$(function() {
alliance = window.location.href.split("/").slice(-1)[0];
$(".alliance-color").attr("data-alliance", alliance);
$("#alliance").attr("data-alliance", alliance);
// Set up the websocket back to the server.
websocket = new CheesyWebsocket("/panels/scoring/" + alliance + "/websocket", {