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

keybindings, html/css cleanup

This commit is contained in:
Neale Pickett 2011-11-15 21:56:33 -07:00
parent 2c30d72b42
commit fbe83d92a4
3 changed files with 66 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Presentation Timer 2011 Neale Pickett --> <!-- Presentation Timer 2011 Neale Pickett -->
<!-- Placed in the public domain. --> <!-- Placed in the public domain. -->
<!-- Time-stamp: "2011-11-14 16:44:07 neale" --> <!-- Time-stamp: "2011-11-15 20:55:47 neale" -->
<html> <html>
<head> <head>
<title>LADD Scoreboard</title> <title>LADD Scoreboard</title>
@ -10,38 +10,38 @@
<script type="text/javascript" src="scoreboard.js"></script> <script type="text/javascript" src="scoreboard.js"></script>
</head> </head>
<body> <body>
<table onclick="handle(event);"> <table>
<tr> <tr>
<td width="20%" class="team"> <td width="20%" class="team">
<span id="name-a">-</span> <span id="name-a" onclick="handle(event);">-</span>
<br> <br>
<img src="" alt="" class="logo" id="logo-a"> <img src="" alt="" id="logo-a" onclick="handle(event);">
</td> </td>
<td width="60%" rowspan="2"> <td width="60%" rowspan="2">
<p> <p>
<span class="timer" id="period">--:--</span> <span id="period" onclick="handle(event);">--:--</span>
<br> <br>
<span id="periodtext">-</span> <span id="periodtext" onclick="handle(event);">-</span>
</p> </p>
<p> <p>
<span id="jamtext">-</span> <span id="jamtext">-</span>
<br> <br>
<span class="timer" id="jam">-:--.--</span> <span id="jam" onclick="handle(event);">-:--.--</span>
</p> </p>
</td> </td>
<td width="20%" class="team"> <td width="20%" class="team">
<span id="name-b">-</span> <span id="name-b" onclick="handle(event);">-</span>
<br> <br>
<img src="" alt="" class="logo" id="logo-b"> <img src="" alt="" id="logo-b" onclick="handle(event);">
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span id="score-a" class="number">-</span> <span id="score-a" onclick="handle(event);">-</span>
</td> </td>
<td> <td>
<span id="score-b" class="number">-</span> <span id="score-b" onclick="handle(event);">-</span>
</td> </td>
</tr> </tr>
</table> </table>

68
scoreboard.js
View File

@ -173,13 +173,6 @@ function save() {
} }
// A timer was clicked
// 0 = period timer
// 1 = jam timer
function timer(tn) {
transition();
}
function e(id) { function e(id) {
return document.getElementById(id); return document.getElementById(id);
} }
@ -200,11 +193,10 @@ function teamname(t, v) {
function handle(event) { function handle(event) {
var e = event.target; var e = event.target;
var team = e.id.substr(e.id.length - 1);
if (state == TIMEOUT) { if (state == TIMEOUT) {
// During startup, everything is editable // During startup, everything is editable
var team = e.id.substr(e.id.length - 1);
switch (e.id) { switch (e.id) {
case "name-a": case "name-a":
case "name-b": case "name-b":
@ -243,6 +235,7 @@ function handle(event) {
break; break;
case "jam": case "jam":
state = JAM; state = JAM;
transition();
break; break;
} }
} else { } else {
@ -259,23 +252,64 @@ function handle(event) {
break; break;
case "name-a": case "name-a":
case "logo-a": case "logo-a":
score("a", -1);
break;
case "score-a":
score("a", 1);
break;
case "name-b": case "name-b":
case "logo-b": case "logo-b":
score("b", -1); score(team, -1);
break; break;
case "score-a":
case "score-b": case "score-b":
score("b", 1); score(team, 1);
break; break;
} }
transition(); transition();
} }
} }
function key(e) {
var s;
switch (String.fromCharCode(e.which || 0)) {
case " ":
if (state == JAM) {
s = ROTATE;
} else {
s = JAM;
}
break;
case "j":
s = JAM;
break;
case "r":
case "l": // WFTDA TV uses this
s = ROTATE;
break;
case "t":
s = TIMEOUT;
break;
case "a":
case ",":
score('a', 1);
break;
case "b":
case ".":
score('b', 1);
break;
case "A":
case "<":
score('a', -1);
break;
case "B":
case ">":
score('b', -1);
break;
}
if ((s != undefined) && (s != state)) {
state = s;
transition();
}
}
function start() { function start() {
var p = document.getElementById("period"); var p = document.getElementById("period");
var j = document.getElementById("jam"); var j = document.getElementById("jam");
@ -291,7 +325,7 @@ function start() {
startTimer(j, 1, 120000); startTimer(j, 1, 120000);
save_itimer = setInterval(save, 1000); save_itimer = setInterval(save, 1000);
transition();
} }
window.onload = start; window.onload = start;
window.onkeypress = key;

11
style.css
View File

@ -23,21 +23,18 @@ p {
margin: 0; margin: 0;
} }
.team { .team {
font-family: Comunicacion Digital; font-family: Comunicacion Digital, sans-serif;
} }
img.logo { .team img {
max-width: 100%; max-width: 100%;
} }
.number { #score-a, #score-b, #jam, #period {
color: yellow; color: yellow;
font-family: sans-serif; font-family: sans-serif;
font-weight: bold; font-weight: bold;
} }
.timer { #jam, #period {
background: #000; background: #000;
color: yellow;
font-family: sans-serif;
font-weight: bold;
font-size: 150%; font-size: 150%;
border-radius: 15px; border-radius: 15px;
padding: 0 0.1em; padding: 0 0.1em;