Skip to content

Commit d906c84

Browse files
themicrocheezethemicrocheeze
committed
Added Roster Lineups
Added a basic roster lineups graphic with a test animation. Added a roster lineup dashboard Removed the CSS from the dashboards.
1 parent 57723b0 commit d906c84

File tree

10 files changed

+335
-80
lines changed

10 files changed

+335
-80
lines changed

‎dashboard/ehud.html‎

Lines changed: 3 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -2,34 +2,6 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<style>
6-
.monospace {
7-
font-family: monospace;
8-
}
9-
10-
11-
.scoreControls {
12-
background-color: white;
13-
color: black;
14-
border: thistle;
15-
border-radius: 10% 10% 10% 10%;
16-
17-
padding: 25px;
18-
}
19-
20-
.buttonStyle1{
21-
background-color: lightgreen;
22-
padding: 15px 32px;
23-
}
24-
.buttonStyle2{
25-
background-color: firebrick;
26-
}
27-
28-
body{
29-
text-align: center;
30-
}
31-
32-
</style>
335
</head>
346
<body>
357
<div class="scoreControls">
@@ -40,13 +12,8 @@ <h6>Score the current map</h6>
4012
<button class="buttonStyle1" onclick="minusScoreTeam1()">BLU - 1</button>
4113
<button class="buttonStyle1" onclick="minusScoreTeam2()">RED - 1</button><br/>
4214
<button class="buttonStyle2" onclick="resetScoreboard()">RESET THE SCOREBOARD</button>
43-
44-
45-
<br/>
46-
<br/>
47-
<hr/>
48-
<br/>
49-
<br/>
15+
16+
<!--<hr/>
5017
<h3>Series Score Controls</h3>
5118
<h4>NOT YET FUNCTIONAL</h4>
5219
<h6>Score for the entire series</h6>
@@ -55,26 +22,11 @@ <h6>Score for the entire series</h6>
5522
<button class="buttonStyle1" onclick="minusSeriesTeam1()">BLU - 1</button>
5623
<button class="buttonStyle1" onclick="minusSeriesTeam2()">RED - 1</button><br/>
5724
<button class="buttonStyle2" onclick="resetSeries()">RESET THE SERIES</button>
58-
<!--
59-
<h3>TEAM NAME CONTROLS</h3>
60-
TEAM 1's NAME: <input id="team1nameinput" type="text">
61-
<br/>
62-
<br/>
63-
TEAM 2's NAME: <input id="team2nameinput" type="text">
64-
<br>
65-
<button id="nameButton" onclick="setTeamNames()">SET TEAM NAMES</button>-->
25+
-->
6626
</div>
6727

6828

6929
<script src="score.js"></script>
7030
<script src="teamNamesdash.js"></script>
71-
72-
<script>
73-
document.getElementById('path').textContent = `nodecg${window.location.pathname}`;
74-
75-
// You can access the NodeCG api anytime from the `window.nodecg` object
76-
// Or just `nodecg` for short. Like this!:
77-
nodecg.log.info('Here\'s an example of using NodeCG\'s logging API!');
78-
</script>
7931
</body>
8032
</html>

‎dashboard/masterOverlay.html‎

Lines changed: 0 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -2,45 +2,18 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<style>
6-
.monospace {
7-
font-family: monospace;
8-
}
9-
10-
11-
.scoreControls {
12-
background-color: white;
13-
color: black;
14-
border: thistle;
15-
border-radius: 10% 10% 10% 10%;
16-
padding: 25px;
17-
}
18-
19-
.buttonStyle1{
20-
background-color: lightgreen;
21-
}
22-
.buttonStyle2{
23-
background-color: firebrick;
24-
}
25-
26-
</style>
275
</head>
286
<body>
297

308
<div class="scoreControls">
319
<h3>TEAM NAME CONTROLS</h3>
3210
TEAM 1's NAME: <input id="team1nameinput" type="text">
3311
<br/>
34-
<br/>
3512
TEAM 2's NAME: <input id="team2nameinput" type="text">
3613
<br>
3714
<button id="nameButton" onclick="setTeamNames()">SET TEAM NAMES</button>
3815
</div>
39-
<br/>
40-
<br/>
4116
<hr/>
42-
<br/>
43-
<br/>
4417
<div class="scoreControls">
4518
<h3>Customize Team Colors</h3>
4619
Team 1's color: <input id="team1color" type="text" value="black">

‎dashboard/teamLinups.js‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
//Replicants for roster lineups
2+
3+
//Red Team
4+
const team1player1Rep = nodecg.Replicant('team1player1', {defaultValue: "BLU 1"});
5+
const team1player2Rep = nodecg.Replicant('team1player2', {defaultValue: "BLU 2"});
6+
const team1player3Rep = nodecg.Replicant('team1player3', {defaultValue: "BLU 3"});
7+
const team1player4Rep = nodecg.Replicant('team1player4', {defaultValue: "BLU 4"});
8+
const team1player5Rep = nodecg.Replicant('team1player5', {defaultValue: "BLU 5"});
9+
const team1player6Rep = nodecg.Replicant('team1player6', {defaultValue: "BLU 6"});
10+
//red Team
11+
const team2player1Rep = nodecg.Replicant('team2player1', {defaultValue: "RED 1"});
12+
const team2player2Rep = nodecg.Replicant('team2player2', {defaultValue: "RED 2"});
13+
const team2player3Rep = nodecg.Replicant('team2player3', {defaultValue: "RED 3"});
14+
const team2player4Rep = nodecg.Replicant('team2player4', {defaultValue: "RED 4"});
15+
const team2player5Rep = nodecg.Replicant('team2player5', {defaultValue: "RED 5"});
16+
const team2player6Rep = nodecg.Replicant('team2player6', {defaultValue: "RED 6"});
17+
18+
function setTeamRosters(){
19+
team1player1Rep.value = document.getElementById('bluePlayer1').value;
20+
team1player2Rep.value = document.getElementById('bluePlayer2').value;
21+
team1player3Rep.value = document.getElementById('bluePlayer3').value;
22+
team1player4Rep.value = document.getElementById('bluePlayer4').value;
23+
team1player5Rep.value = document.getElementById('bluePlayer5').value;
24+
team1player6Rep.value = document.getElementById('bluePlayer6').value;
25+
26+
team2player1Rep.value = document.getElementById('redPlayer1').value;
27+
team2player2Rep.value = document.getElementById('redPlayer2').value;
28+
team2player3Rep.value = document.getElementById('redPlayer3').value;
29+
team2player4Rep.value = document.getElementById('redPlayer4').value;
30+
team2player5Rep.value = document.getElementById('redPlayer5').value;
31+
team2player6Rep.value = document.getElementById('redPlayer6').value;
32+
}

‎dashboard/teamLinupsDash.html‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<style>
7+
.monospace {
8+
font-family: monospace;
9+
}
10+
11+
12+
.scoreControls {
13+
background-color: white;
14+
color: black;
15+
border: thistle;
16+
border-radius: 10% 10% 10% 10%;
17+
padding: 25px;
18+
}
19+
20+
.buttonStyle1 {
21+
background-color: lightgreen;
22+
}
23+
24+
.buttonStyle2 {
25+
background-color: firebrick;
26+
}
27+
</style>
28+
</head>
29+
30+
<body>
31+
<div>
32+
<div>
33+
<h4>Red Team</h4>
34+
Pocket Scout:<br /> <input type="text" id="redPlayer1" /><br />
35+
Flank Scout:<br /> <input type="text" id="redPlayer2" /><br />
36+
Pocket Solider:<br /> <input type="text" id="redPlayer3" /><br />
37+
Flank Solider:<br /> <input type="text" id="redPlayer4" /><br />
38+
Demo:<br /> <input type="text" id="redPlayer5" /><br />
39+
Medic:<br /> <input type="text" id="redPlayer6" /><br />
40+
41+
42+
43+
</div>
44+
<div>
45+
<h4>Blu Team</h4>
46+
Pocket Scout: <br /> <input type="text" id="bluePlayer1" /><br />
47+
Flank Scout: <br /> <input type="text" id="bluePlayer2" /><br />
48+
Pocket Solider:<br /> <input type="text" id="bluePlayer3" /><br />
49+
Flank Solider: <br /> <input type="text" id="bluePlayer4" /><br />
50+
Demo: <br /> <input type="text" id="bluePlayer5" /><br />
51+
Medic: <br /> <input type="text" id="bluePlayer6" /><br />
52+
53+
54+
55+
</div>
56+
</div>
57+
<button id="TeamRosters" onclick="setTeamRosters()">Set Team Rosters</button>
58+
59+
<script src="teamLinups.js"></script>
60+
</body>
61+
62+
</html>

‎extension.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
'use strict';
22

33
module.exports = function (nodecg) {
4-
nodecg.log.info('ESSENTIAL SCORE VERSION 0.0.6')
4+
nodecg.log.info('ESSENTIAL SCORE VERSION 0.0.8')
55
};

‎graphics/lthird.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,25 @@
88
</head>
99
<body>
1010

11+
<h1>STILL A WORK IN PROGRESS</h1>
12+
<h1>STILL A WORK IN PROGRESS</h1>
13+
<h1>STILL A WORK IN PROGRESS</h1>
14+
<h1>STILL A WORK IN PROGRESS</h1>
15+
<h1>STILL A WORK IN PROGRESS</h1>
16+
<h1>STILL A WORK IN PROGRESS</h1>
17+
<h1>STILL A WORK IN PROGRESS</h1>
18+
<h1>STILL A WORK IN PROGRESS</h1>
19+
<h1>STILL A WORK IN PROGRESS</h1>
20+
<h1>STILL A WORK IN PROGRESS</h1>
21+
<h1>STILL A WORK IN PROGRESS</h1>
22+
<h1>STILL A WORK IN PROGRESS</h1>
23+
<h1>STILL A WORK IN PROGRESS</h1>
24+
<h1>STILL A WORK IN PROGRESS</h1>
25+
<h1>STILL A WORK IN PROGRESS</h1>
26+
<h1>STILL A WORK IN PROGRESS</h1>
27+
<h1>STILL A WORK IN PROGRESS</h1>
28+
<h1>STILL A WORK IN PROGRESS</h1>
29+
<h1>STILL A WORK IN PROGRESS</h1>
1130

1231
<div id="blueScore" class="scoreBox1"></div>
1332
<div id="redScore" class="scoreBox2"></div>

‎graphics/meetTheTeams.css‎

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
body{
2+
background-color: black;
3+
color: white;
4+
}
5+
6+
.rosterlineup_base{
7+
background-color: lightslategray;
8+
position: fixed;
9+
width: 1408px;
10+
height: 742px;
11+
left: 256px;
12+
top: 169px;
13+
}
14+
15+
.rosterlineup_header{
16+
background-color: black;
17+
color: white;
18+
padding: 0px;
19+
margin: 0px;
20+
}
21+
22+
.theblueside{
23+
width: 704px;
24+
height: 678px;
25+
padding: 0px;
26+
margin: 0px;
27+
left: 256px;
28+
top: 233px;
29+
position: fixed;
30+
}
31+
32+
.theblueside p{
33+
font-size: 50px;
34+
padding: 0px;
35+
margin: 0px;
36+
text-align: center;
37+
}
38+
39+
.theredside{
40+
position: fixed;
41+
width: 704px;
42+
height: 678px;
43+
left: 960px;
44+
top: 233px;
45+
}
46+
47+
.theredside p{
48+
font-size: 50px;
49+
padding: 0px;
50+
margin: 0px;
51+
text-align: center;
52+
}
53+
54+
55+
.blue_team_roster{
56+
background-color: blue;
57+
width: 704px;
58+
height: 48px;
59+
position: fixed;
60+
left: 256px;
61+
top: 209px;
62+
padding: 0px;
63+
margin: 0px;
64+
text-align: center;
65+
font-size: 32px;
66+
}
67+
.red_team_roster{
68+
background-color: blue;
69+
width: 704px;
70+
height: 48px;
71+
left: 959px;
72+
top: 209px;
73+
position: fixed;
74+
padding: 0px;
75+
margin: 0px;
76+
margin: 0px;
77+
text-align: center;
78+
font-size: 32px;
79+
}
80+
81+
.bp{
82+
animation-name: roster_name_fadeins;
83+
animation-fill-mode: forwards;
84+
animation-delay: 5s;
85+
opacity: 0;
86+
}
87+
88+
89+
/* ANIMATIONS */
90+
@keyframes roster_name_fadeins {
91+
from {opacity: 0; background-color: white;}
92+
to {opacity: 1; background-color: black;}
93+
}

‎graphics/rosterLineups.html‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<link rel="stylesheet" href="scoreboard.css">
7+
<link href="https://fonts.googleapis.com/css?family=Staatliches&display=swap" rel="stylesheet">
8+
<link rel="stylesheet" href="meetTheTeams.css">
9+
</head>
10+
11+
<body>
12+
<div class="rosterlineup_base">
13+
14+
<h1 class="rosterlineup_header">Teams</h1>
15+
<h3 id="blue_team_name" class="blue_team_roster">Team 1</h3>
16+
<h3 id="red_team_name" class="red_team_roster">Team 2</h3>
17+
18+
<div class="theblueside">
19+
<br/>
20+
<p id="blue_player_1" class="bp" style="animation-duration: 1s;"></p><br/>
21+
<p id="blue_player_2" class="bp" style="animation-duration: 2s;"></p><br/>
22+
<p id="blue_player_3" class="bp" style="animation-duration: 3s;"></p><br/>
23+
<p id="blue_player_4" class="bp" style="animation-duration: 4s;"></p><br/>
24+
<p id="blue_player_5" class="bp" style="animation-duration: 5s;"></p><br/>
25+
<p id="blue_player_6" class="bp" style="animation-duration: 6s;"></p>
26+
</div>
27+
<div class="theredside"><br/>
28+
<p id="red_player_1" class="bp" style="animation-duration: 1.5s;"></p><br/>
29+
<p id="red_player_2" class="bp" style="animation-duration: 2.5s;"></p><br/>
30+
<p id="red_player_3" class="bp" style="animation-duration: 3.5s;"></p><br/>
31+
<p id="red_player_4" class="bp" style="animation-duration: 4.5s;"></p><br/>
32+
<p id="red_player_5" class="bp" style="animation-duration: 5.5s;"></p><br/>
33+
<p id="red_player_6" class="bp" style="animation-duration: 6.5s;"></p>
34+
</div>
35+
</div>
36+
<script src="rosterlineups.js"></script>
37+
<script src="teamnames.js"></script>
38+
</body>
39+
40+
</html>

0 commit comments

Comments
 (0)