Merge branch 'master' into stable
This commit is contained in:
commit
5897d02d41
|
@ -90,9 +90,8 @@ input[readonly] {
|
||||||
|
|
||||||
.timeouts {
|
.timeouts {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 50%;
|
width: 1.8em;
|
||||||
bottom: 1em;
|
bottom: 0.1em;
|
||||||
color: #0f0;
|
|
||||||
}
|
}
|
||||||
#timeouts-a {
|
#timeouts-a {
|
||||||
left: 0em;
|
left: 0em;
|
||||||
|
@ -102,15 +101,16 @@ input[readonly] {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Jammer indicators */
|
/* Jammer indicators */
|
||||||
#jammer-a, #jammer-b {
|
.jammer {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0em;
|
bottom: 1em;
|
||||||
color: #444;
|
color: rgba(255, 255, 255, 0.2);
|
||||||
}
|
}
|
||||||
#jammer-a.lead, #jammer-b.lead, #jamtext, #periodtext {
|
.jammer.lead, #jamtext, #periodtext {
|
||||||
color: yellow;
|
color: yellow;
|
||||||
}
|
}
|
||||||
|
|
||||||
#jammer-a {
|
#jammer-a {
|
||||||
left: 0.5em;
|
left: 0.5em;
|
||||||
}
|
}
|
||||||
|
@ -118,6 +118,7 @@ input[readonly] {
|
||||||
right: 0.5em;
|
right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#jam, #period {
|
#jam, #period {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -165,11 +166,6 @@ input[readonly] {
|
||||||
bottom: 1.4em;
|
bottom: 1.4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#advert {
|
|
||||||
margin-top: 2.2em;
|
|
||||||
max-height: 1em;
|
|
||||||
max-width: 5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.score {
|
.score {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
@ -36,7 +36,7 @@
|
||||||
<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="score" id="score-a">-</span>
|
<span class="score" id="score-a">-</span>
|
||||||
<span class="timeouts" id="timeouts-a">3</span>
|
<canvas class="timeouts" id="timeouts-a" height="20" width="300" data-gravity="west">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="team" id="team-b">
|
<div class="team" id="team-b">
|
||||||
|
@ -49,7 +49,7 @@
|
||||||
<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="score" id="score-b">-</span>
|
<span class="score" id="score-b">-</span>
|
||||||
<span class="timeouts" id="timeouts-b">3</span>
|
<canvas class="timeouts" id="timeouts-b" height="20" width="300" data-gravity="east">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="clocks">
|
<div class="clocks">
|
||||||
|
|
|
@ -35,7 +35,6 @@ var presets = [
|
||||||
var period_time;
|
var period_time;
|
||||||
var jam_time;
|
var jam_time;
|
||||||
var lineup_time;
|
var lineup_time;
|
||||||
var timeouts;
|
|
||||||
|
|
||||||
/* State names */
|
/* State names */
|
||||||
var SETUP = 0;
|
var SETUP = 0;
|
||||||
|
@ -186,6 +185,66 @@ function startTimer(element) {
|
||||||
timer_updates.push(pulse);
|
timer_updates.push(pulse);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Timeout arrow thingy
|
||||||
|
function timeouts(c, total) {
|
||||||
|
var ctx = c.getContext("2d")
|
||||||
|
var gravity = c.getAttribute("data-gravity")
|
||||||
|
var enabled = "#ffff00"
|
||||||
|
var disabled = "#666666"
|
||||||
|
|
||||||
|
c.render = function() {
|
||||||
|
var bw = 300 / c.max;
|
||||||
|
var pw = bw / 10;
|
||||||
|
|
||||||
|
ctx.clearRect(0, 0, c.width, c.height)
|
||||||
|
|
||||||
|
ctx.save()
|
||||||
|
|
||||||
|
ctx.fillStyle = "#ffff00"
|
||||||
|
for (var i = 0; i < c.max; i += 1) {
|
||||||
|
ctx.fillStyle = disabled
|
||||||
|
if (gravity == "east") {
|
||||||
|
if (c.max - i <= c.cur) {
|
||||||
|
ctx.fillStyle = enabled
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (i < c.cur) {
|
||||||
|
ctx.fillStyle = enabled
|
||||||
|
}
|
||||||
|
}
|
||||||
|
ctx.beginPath()
|
||||||
|
ctx.moveTo(i * bw + pw, c.height)
|
||||||
|
ctx.lineTo(i*bw + bw/2, c.height - 20)
|
||||||
|
ctx.lineTo(i*bw + bw - pw, c.height)
|
||||||
|
ctx.closePath()
|
||||||
|
ctx.fill()
|
||||||
|
}
|
||||||
|
|
||||||
|
ctx.restore()
|
||||||
|
}
|
||||||
|
|
||||||
|
c.set = function(cur) {
|
||||||
|
c.cur = cur
|
||||||
|
if (c.cur == -1) {
|
||||||
|
c.cur = c.max
|
||||||
|
}
|
||||||
|
c.render()
|
||||||
|
}
|
||||||
|
|
||||||
|
c.dec = function() {
|
||||||
|
c.set(c.cur - 1)
|
||||||
|
}
|
||||||
|
|
||||||
|
c.set_max = function(max) {
|
||||||
|
c.max = max
|
||||||
|
c.cur = max
|
||||||
|
c.render()
|
||||||
|
}
|
||||||
|
|
||||||
|
c.set_max(total)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Transition state machine based on state
|
// Transition state machine based on state
|
||||||
function transition(newstate) {
|
function transition(newstate) {
|
||||||
var jt = e("jam");
|
var jt = e("jam");
|
||||||
|
@ -228,6 +287,10 @@ function transition(newstate) {
|
||||||
e("jammer-a").className = "jammer";
|
e("jammer-a").className = "jammer";
|
||||||
e("jammer-b").className = "jammer";
|
e("jammer-b").className = "jammer";
|
||||||
|
|
||||||
|
// Make team names read-only
|
||||||
|
e("name-a").readOnly = true
|
||||||
|
e("name-b").readOnly = true
|
||||||
|
|
||||||
var setupElements = document.getElementsByClassName("setup")
|
var setupElements = document.getElementsByClassName("setup")
|
||||||
for (var i = 0; i < setupElements.length; i += 1) {
|
for (var i = 0; i < setupElements.length; i += 1) {
|
||||||
var el = setupElements[i]
|
var el = setupElements[i]
|
||||||
|
@ -245,7 +308,7 @@ function transition(newstate) {
|
||||||
*/
|
*/
|
||||||
|
|
||||||
var notices = {
|
var notices = {
|
||||||
"banana": '<img src="res/banana.gif">'
|
"banana": '<img src="banana.gif">'
|
||||||
};
|
};
|
||||||
|
|
||||||
var notice_timer;
|
var notice_timer;
|
||||||
|
@ -330,6 +393,12 @@ function handle(event) {
|
||||||
case "load-b":
|
case "load-b":
|
||||||
changeLogo(team)
|
changeLogo(team)
|
||||||
break
|
break
|
||||||
|
case "name-a":
|
||||||
|
case "name-b":
|
||||||
|
if (tgt.readOnly) {
|
||||||
|
score(team, -adj);
|
||||||
|
}
|
||||||
|
break;
|
||||||
case "img-a":
|
case "img-a":
|
||||||
case "img-b":
|
case "img-b":
|
||||||
case "kitty-a":
|
case "kitty-a":
|
||||||
|
@ -342,14 +411,7 @@ function handle(event) {
|
||||||
break;
|
break;
|
||||||
case "timeouts-a":
|
case "timeouts-a":
|
||||||
case "timeouts-b":
|
case "timeouts-b":
|
||||||
// Allow for timeouts > 3
|
tgt.dec()
|
||||||
var v = Number(tgt.innerHTML);
|
|
||||||
|
|
||||||
v -= adj;
|
|
||||||
if (v == -1) {
|
|
||||||
v = timeouts;
|
|
||||||
}
|
|
||||||
tgt.innerHTML = v;
|
|
||||||
break;
|
break;
|
||||||
case "period":
|
case "period":
|
||||||
if ((state == SETUP) || (state == TIMEOUT)) {
|
if ((state == SETUP) || (state == TIMEOUT)) {
|
||||||
|
@ -511,8 +573,8 @@ function save() {
|
||||||
"preset": e("preset").innerHTML,
|
"preset": e("preset").innerHTML,
|
||||||
"score_a": e("score-a").innerHTML,
|
"score_a": e("score-a").innerHTML,
|
||||||
"score_b": e("score-b").innerHTML,
|
"score_b": e("score-b").innerHTML,
|
||||||
"timeouts_a": e("timeouts-a").innerHTML,
|
"timeouts_a": e("timeouts-a").cur,
|
||||||
"timeouts_b": e("timeouts-b").innerHTML,
|
"timeouts_b": e("timeouts-b").cur,
|
||||||
"period_clock": e("period").remaining(),
|
"period_clock": e("period").remaining(),
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
@ -521,6 +583,7 @@ function save() {
|
||||||
function load_preset(preset_name) {
|
function load_preset(preset_name) {
|
||||||
var inc = false;
|
var inc = false;
|
||||||
var pn = 0;
|
var pn = 0;
|
||||||
|
var ntimeouts = 3;
|
||||||
|
|
||||||
if (preset_name == +1) {
|
if (preset_name == +1) {
|
||||||
preset_name = e("preset").innerHTML;
|
preset_name = e("preset").innerHTML;
|
||||||
|
@ -540,15 +603,16 @@ function load_preset(preset_name) {
|
||||||
period_time = presets[pn][1];
|
period_time = presets[pn][1];
|
||||||
jam_time = presets[pn][2];
|
jam_time = presets[pn][2];
|
||||||
lineup_time = presets[pn][3];
|
lineup_time = presets[pn][3];
|
||||||
timeouts = presets[pn][4];
|
ntimeouts = presets[pn][4];
|
||||||
|
|
||||||
e("preset").innerHTML = preset_name;
|
e("preset").innerHTML = preset_name;
|
||||||
e("jam").set(jam_time);
|
e("jam").set(jam_time);
|
||||||
e("period").set(period_time);
|
e("period").set(period_time);
|
||||||
e("timeouts-a").innerHTML = timeouts;
|
|
||||||
e("timeouts-b").innerHTML = timeouts;
|
|
||||||
e("score-a").innerHTML = 0;
|
e("score-a").innerHTML = 0;
|
||||||
e("score-b").innerHTML = 0;
|
e("score-b").innerHTML = 0;
|
||||||
|
|
||||||
|
timeouts(e("timeouts-a"), ntimeouts)
|
||||||
|
timeouts(e("timeouts-b"), ntimeouts)
|
||||||
}
|
}
|
||||||
|
|
||||||
function load() {
|
function load() {
|
||||||
|
@ -560,9 +624,9 @@ function load() {
|
||||||
e("score-a").innerHTML = state.score_a;
|
e("score-a").innerHTML = state.score_a;
|
||||||
e("score-b").innerHTML = state.score_b;
|
e("score-b").innerHTML = state.score_b;
|
||||||
|
|
||||||
e("timeouts-a").innerHTML = (state.timeouts_a >= 0) ? state.timeouts_a : timeouts;
|
e("timeouts-a").grape = state.timeouts_a
|
||||||
e("timeouts-b").innerHTML = (state.timeouts_b >= 0) ? state.timeouts_b : timeouts;
|
e("timeouts-a").set(state.timeouts_a)
|
||||||
|
e("timeouts-b").set(state.timeouts_b)
|
||||||
}
|
}
|
||||||
|
|
||||||
chrome.storage.local.get({
|
chrome.storage.local.get({
|
||||||
|
@ -588,14 +652,16 @@ function start() {
|
||||||
resize();
|
resize();
|
||||||
load();
|
load();
|
||||||
|
|
||||||
|
ei("name-a")
|
||||||
|
ei("name-b")
|
||||||
ei("logo-a");
|
ei("logo-a");
|
||||||
ei("logo-b");
|
ei("logo-b");
|
||||||
ei("score-a");
|
ei("score-a");
|
||||||
ei("score-b")
|
ei("score-b")
|
||||||
ei("jammer-a");
|
ei("jammer-a");
|
||||||
ei("jammer-b");
|
ei("jammer-b");
|
||||||
ei("timeouts-a");
|
ei("timeouts-a")
|
||||||
ei("timeouts-b");
|
ei("timeouts-b")
|
||||||
ei("period");
|
ei("period");
|
||||||
ei("jam");
|
ei("jam");
|
||||||
ei("prefs");
|
ei("prefs");
|
||||||
|
@ -628,10 +694,10 @@ function fgColor(color) {
|
||||||
for (var i = 0; i < 3; i += 1) {
|
for (var i = 0; i < 3; i += 1) {
|
||||||
v += parseInt(color.substr(1+i*2, 2), 16)
|
v += parseInt(color.substr(1+i*2, 2), 16)
|
||||||
}
|
}
|
||||||
if (v / 3 >= 0x88) {
|
if (v / 3 < 0x88) {
|
||||||
return "#000000"
|
|
||||||
} else {
|
|
||||||
return "#ffffff"
|
return "#ffffff"
|
||||||
|
} else {
|
||||||
|
return "#000000"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue