neale
/
woozle-scoreboard
mirror of https://github.com/nealey/woozle-scoreboard
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add team name box (hidden)

This commit is contained in:
Neale Pickett 2014-02-15 17:06:58 -07:00
parent 651eeac2d2
commit c404968c6c
3 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
res/scoreboard.css
View File

@ -61,6 +61,10 @@ input[readonly] {
text-align: center; text-align: center;
} }
.name {
display: none;
}
.logo { .logo {
text-align: center; text-align: center;
} }

10
res/scoreboard.html
View File

@ -27,27 +27,29 @@
<body> <body>
<div id="scoreboard"> <div id="scoreboard">
<div class="team" id="team-a"> <div class="team" id="team-a">
<span class="jammer" id="jammer-a">★</span>
<input class="name" id="name-a" value="HOME">
<div class="logo" id="logo-a"> <div class="logo" id="logo-a">
<img class="img" id="img-a" src="" alt="A"> <img class="img" id="img-a" src="" alt="A">
<canvas class="kitty" id="kitty-a"></canvas> <canvas class="kitty" id="kitty-a"></canvas>
<input type="color" class="setup color" id="color-a" value="#666666"> <input type="color" class="setup color" id="color-a" value="#666666">
<input type="image" class="setup load" id="load-a" src="ic_picture.png"> <input type="image" class="setup load" id="load-a" src="ic_picture.png">
</div> </div>
<span class="timeouts" id="timeouts-a">3</span>
<span class="jammer" id="jammer-a">★</span>
<span class="score" id="score-a">-</span> <span class="score" id="score-a">-</span>
<span class="timeouts" id="timeouts-a">3</span>
</div> </div>
<div class="team" id="team-b"> <div class="team" id="team-b">
<span class="jammer" id="jammer-b">★</span>
<input class="name" id="name-b" value="HOME">
<div class="logo" id="logo-b"> <div class="logo" id="logo-b">
<img class="img" id="img-b" src="" alt="B"> <img class="img" id="img-b" src="" alt="B">
<canvas class="kitty" id="kitty-b"></canvas> <canvas class="kitty" id="kitty-b"></canvas>
<input type="color" class="setup color" id="color-b" value="#ffffff"> <input type="color" class="setup color" id="color-b" value="#ffffff">
<input type="image" class="setup load" id="load-b" src="ic_picture.png"> <input type="image" class="setup load" id="load-b" src="ic_picture.png">
</div> </div>
<span class="timeouts" id="timeouts-b">3</span>
<span class="jammer" id="jammer-b">★</span>
<span class="score" id="score-b">-</span> <span class="score" id="score-b">-</span>
<span class="timeouts" id="timeouts-b">3</span>
</div> </div>
<div class="clocks"> <div class="clocks">

12
res/scoreboard.js
View File

@ -602,8 +602,8 @@ function start() {
ei("close"); ei("close");
ei("preset"); ei("preset");
e("color-a").addEventListener("change", function() {rekitty("a")}, false); e("color-a").addEventListener("change", function() {recolor("a")}, false);
e("color-b").addEventListener("change", function() {rekitty("b")}, false); e("color-b").addEventListener("change", function() {recolor("b")}, false);
ei("periodtext").innerHTML = periodtext[period]; ei("periodtext").innerHTML = periodtext[period];
ei("jamtext").innerHTML = jamtext[3]; ei("jamtext").innerHTML = jamtext[3];
@ -622,13 +622,15 @@ function start() {
} }
function rekitty(team) { function recolor(team) {
var i = e("img-" + team) var i = e("img-" + team)
var k = e("kitty-" + team) var k = e("kitty-" + team)
var n = e("name-" + team)
var color = e("color-" + team).value var color = e("color-" + team).value
i.style.display = "none" i.style.display = "none"
k.style.display = "inline" k.style.display = "inline"
n.style.backgroundColor = color
kitty(k.getContext("2d"), color) kitty(k.getContext("2d"), color)
} }
@ -649,8 +651,8 @@ function resize() {
k.width = kw k.width = kw
k.height = kh k.height = kh
} }
rekitty("a") recolor("a")
rekitty("b") recolor("b")
} }
window.onload = start; window.onload = start;