-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #25 from Acr515/development
Version 2024.1.0
- Loading branch information
Showing
40 changed files
with
2,772 additions
and
194 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| import React from "react"; | ||
| import "./style.scss"; | ||
|
|
||
| export default function LoadingSpinner({ className = "", style = {} }) { | ||
| return <div className={`_LoadingSpinner ${className}`} style={{...style}}> | ||
| </div> | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| ._LoadingSpinner { | ||
| border-radius: 200px; | ||
| width: 64px; | ||
| height: 64px; | ||
| border-left: 5px solid #4941B1; | ||
| border-top: 5px solid #4941B1; | ||
| border-right: 5px solid rgba(0,0,0,0); | ||
| border-bottom: 5px solid rgba(0,0,0,0); | ||
|
|
||
| animation-name: spin; | ||
| animation-duration: 1000ms; | ||
| animation-iteration-count: infinite; | ||
| animation-timing-function: linear; | ||
| } | ||
|
|
||
| @keyframes spin { | ||
| from {transform:rotate(0deg);} | ||
| to {transform:rotate(360deg);} | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,183 @@ | ||
| import React, { useContext, useState } from "react"; | ||
| import Button from "components/Button"; | ||
| import PlayoffHelperTeamCellSet from "components/game_specific/PlayoffHelperTeamCell/GAME_YEAR"; | ||
| import PlayoffHelperContext from "context/PlayoffHelperContext"; | ||
| import getTeamName from "data/getTeamName"; | ||
| import { Weights } from "data/game_specific/weighTeam/GAME_YEAR"; | ||
| import { getOrdinalSuffix } from "util/getOrdinalSuffix"; | ||
| import DialogBoxContext from "context/DialogBoxContext"; | ||
| import { getTeamData } from "data/SearchData"; | ||
| import TeamLink from "components/TeamLink"; | ||
| import BreakdownImage from "assets/images/flag-breakdown.png"; | ||
| import "./style.scss"; | ||
| import { PlayoffHelperState } from "data/PlayoffHelperData"; | ||
|
|
||
| /** | ||
| * Creates a team card to be used on the playoff helper screen. | ||
| * @param {PlayoffTeam} team The `PlayoffTeam` object to display | ||
| * @param {boolean} isOnTheClock Optional. Whether or not the team is a captain who is currently picking. Defaults to false | ||
| * @param {boolean} captain Optional. Whether or not the team is the captain of their alliance. Defaults to false | ||
| * @param {boolean} consolidated Optional. Whether to show the full description of a team in a large card or to only show their RPI in a smaller card. Defaults to true | ||
| * @param {Array} partners Optional. Any `PlayoffTeam` instances in this array will render in a single card along with the captain. `isOnTheClock` must be true for this value to have any affect. Defaults to an empty array | ||
| * @param {boolean} showPickButtons Optional. When true, shows buttons to pick or decline selection for the card. Defaults to false | ||
| * @param {boolean} visible Optional. Defaults to true | ||
| */ | ||
| export default function PlayoffHelperTeam({ team, isOnTheClock = false, captain = false, consolidated = true, partners = [], showPickButtons = false, visible = true }) { | ||
|
|
||
| const playoffHelper = useContext(PlayoffHelperContext); | ||
| const dialogFunctions = useContext(DialogBoxContext) | ||
| const [activeTeam, setActiveTeam] = useState(team); | ||
| const [infoBox, setInfoBox] = useState(false); | ||
|
|
||
| // Tells playoff helper to pick this team | ||
| const pickTeam = () => { | ||
| playoffHelper.pickTeam(team.teamNumber); | ||
| }; | ||
|
|
||
| // Tells playoff helper that this team declined after a confirmation dialog | ||
| const declineTeam = () => { | ||
| dialogFunctions.setDialog({ | ||
| body: "This team will no longer be eligible for selection, but they may still become an alliance captain. Would you like to continue?", | ||
| useConfirmation: true, | ||
| confirmFunction: () => { playoffHelper.declineTeam(team.teamNumber) }, | ||
| confirmLabel: "Yes", | ||
| cancelLabel: "No" | ||
| }); | ||
| }; | ||
|
|
||
| // Gets a back-up robot | ||
| const getBackupRobot = () => { | ||
| let backup = null, alliance = -1; | ||
| for (let team of playoffHelper.data.teams) { | ||
| if (!team.selected && !team.captain && !team.declined) { | ||
| backup = team; | ||
| break; | ||
| } | ||
| } | ||
| for (let i = 0; i < playoffHelper.data.alliances.length; i ++) { | ||
| if (playoffHelper.data.alliances[i][0] == team.teamNumber) { | ||
| alliance = i; | ||
| break; | ||
| } | ||
| } | ||
|
|
||
| if (backup != null && alliance != -1) { | ||
| dialogFunctions.setDialog({ | ||
| body: `The designated back-up robot is the robot with the highest qualifying ranking that didn't get selected. According to available data, that team is ${backup.teamNumber}. Are you sure you would like to assign this back-up robot to this alliance?`, | ||
| useConfirmation: true, | ||
| confirmFunction: () => { | ||
| // Add backup and save the data | ||
| playoffHelper.addBackupTeam(backup.teamNumber, alliance); | ||
| }, | ||
| confirmLabel: "Yes", | ||
| cancelLabel: "No" | ||
| }); | ||
| } else { | ||
| dialogFunctions.setDialog({ | ||
| body: "There are no eligible backups available for the alliance." | ||
| }); | ||
| } | ||
| }; | ||
|
|
||
| // Gets the text content to write in the info box | ||
| const InfoBoxInnerContent = () => { | ||
| let bestAttribute = { rank: 1000, weight: "---" }; | ||
| let estimatedWinRate = Math.round((team.simulatedWinRate - playoffHelper.data.config.weightOfSimulations) * 1000) / 10; | ||
| if (estimatedWinRate < 1) estimatedWinRate = "<1"; | ||
| if (estimatedWinRate > 99) estimatedWinRate = ">99"; | ||
|
|
||
| Object.keys(Weights).forEach(weight => { | ||
| if (team.powerScoreRankings[weight] < bestAttribute.rank) bestAttribute = { rank: team.powerScoreRankings[weight], weight }; | ||
| }); | ||
|
|
||
| // Get flag #s | ||
| let breakdowns = 0, fouls = 0; | ||
| getTeamData(team.teamNumber).data.forEach(match => { | ||
| breakdowns += match.performance.notes.broken; | ||
| fouls += match.performance.notes.fouls; | ||
| }); | ||
|
|
||
| return <> | ||
| <div className="row">Base score used to rank team: <span className="strong">{Math.round(team.bestCompositeScore * 10) / 10}</span></div> | ||
| <div className="row">Best strength: <span className="strong">{bestAttribute.weight}</span> ({getOrdinalSuffix(bestAttribute.rank)} at event)</div> | ||
| { (breakdowns > 0 || fouls > 0) && | ||
| <div className="row">Broke down in <span className="strong">{breakdowns}</span> matches, drew excessive fouls in <span className="strong">{fouls}</span> matches</div> | ||
| } | ||
| { team.uniqueStrengthAdded != -1 && | ||
| <div className="row">Ranks <span className="strong">{getOrdinalSuffix(team.uniqueStrengthAddedRank)}</span> against remaining teams in improving the alliance's weaknesses ({Math.round(team.uniqueStrengthAdded * playoffHelper.data.config.weightOfUniqueStrengths * 10) / 10} points added to base score above)</div> | ||
| } | ||
| { team.simulatedWinRate != -1 && | ||
| <div className="row">Simulator estimates a <span className="strong">{estimatedWinRate}%</span> win rate against alliance's first round opponent ({getOrdinalSuffix(team.simulatedWinRateRank)} among remaining teams)</div> | ||
| } | ||
| </> | ||
| }; | ||
|
|
||
| const teamNumber = team.teamNumber; | ||
| const place = getOrdinalSuffix(team.qualRanking); | ||
| const record = `(${typeof team.getRecord !== 'undefined' ? team.getRecord() : ""})`; | ||
| const partnerTeamNumbers = partners.map(p => p.teamNumber); | ||
|
|
||
| return ( | ||
| <div className={`_PlayoffHelperTeam${ !visible ? " hidden" : "" }`}> | ||
| <div className={`team-card${ isOnTheClock ? " on-the-clock" : "" }${ consolidated ? " consolidated" : "" }${ consolidated && captain ? " captain" : "" }`}> | ||
| <div className="headline-row"> | ||
| <div className="number-record"> | ||
| <div className={`inline-entry team-number${partners.length > 0 && isOnTheClock ? " small" : ""}`}>{(partners.length == 0 || !isOnTheClock) ? <TeamLink number={teamNumber} returnName="Playoff Helper">{teamNumber}</TeamLink> : `${teamNumber}, ${partnerTeamNumbers.join(", ")}`}</div> | ||
| { partners.length == 0 && <div className="inline-entry record">{place} {record}</div> } | ||
| </div> | ||
| { (!isOnTheClock && !consolidated) && <div className="inline-entry grade-info"> | ||
| <div className="letter-grade">{team.pickGrade}</div> | ||
| <div className="info-button" onClick={() => setInfoBox(!infoBox)}>{infoBox ? "X" : "i"}</div> | ||
| <div className={`info-box${infoBox ? " visible" : ""}`}> | ||
| <InfoBoxInnerContent /> | ||
| </div> | ||
| </div> } | ||
| </div> | ||
| <div className="label-row"> | ||
| <div className="team-name">{ isOnTheClock ? ( partners.length > 0 ? "are on the clock..." : "is on the clock..." ) : getTeamName(teamNumber) }</div> | ||
| { (team.bestCompositeType !== null && !consolidated && !captain ) && <div className="best-available">Best {team.bestCompositeType} robot</div> } | ||
| </div> | ||
| { (isOnTheClock && partners.length > 0) && | ||
| <div className="number-buttons"> | ||
| { [team, ...partners].map(t => | ||
| <div | ||
| key={t.teamNumber} | ||
| className={`number${ t.teamNumber == activeTeam.teamNumber ? " active" : ""}`} | ||
| onClick={() => setActiveTeam(t)} | ||
| > | ||
| {t.teamNumber} | ||
| </div> | ||
| ) } | ||
| </div> | ||
| } | ||
| { consolidated ? | ||
| <div className="rpi-row"> | ||
| <span>{team.rpi.RPI} RPI ({getOrdinalSuffix(team.rpi.ranking)})</span> | ||
| { (captain && partners.length < 3 && (playoffHelper.data.state == PlayoffHelperState.LIVE_PLAYOFFS || playoffHelper.data.state == PlayoffHelperState.SIMULATED_PLAYOFFS)) && | ||
| <div className="backup-button" onClick={getBackupRobot} style={{ backgroundImage: 'url(' + BreakdownImage + ')' }}></div> | ||
| } | ||
| </div> | ||
| : | ||
| <div className="cell-row"> | ||
| <PlayoffHelperTeamCellSet team={activeTeam} /> | ||
| </div> | ||
| } | ||
| </div> | ||
| { showPickButtons && <div className="pick-buttons"> | ||
| <Button | ||
| text="Select" | ||
| action={pickTeam} | ||
| className="pick-button" | ||
| marginTop={8} | ||
| /> | ||
| <Button | ||
| text="Decline" | ||
| action={declineTeam} | ||
| useBorder | ||
| className="pick-button" | ||
| marginTop={8} | ||
| /> | ||
| </div>} | ||
| </div> | ||
| ) | ||
| } |
Oops, something went wrong.