X-Git-Url: https://git.sesse.net/?a=blobdiff_plain;f=score.js;h=273a311896ee3712ef8c87bc48d7971b4ab01f80;hb=b2f520916cf152c9d2c868f9181369127b485a12;hp=17ac07c4f8a679b7ec2466b59a1c6a43135be7ce;hpb=7acfe5e3d4efcbc670e7acd5c7ea7d61f6ba24d5;p=ultimatescore

diff --git a/score.js b/score.js
index 17ac07c..273a311 100644
--- a/score.js
+++ b/score.js
@@ -1,14 +1,18 @@
 'use strict';
 
 let clock_running = false;
+let clock2_running = false;
 let clock_visible = false;
+let scorebug2_visible = false;
 let comment_visible = false;
 let lowerthird_visible = false;
 let clock_elapsed = 0;
+let clock2_elapsed = 0;
 let clock_limit = 30 * 60;
 let scoreA = 0;
 let scoreB = 0;
 let clock_origin;
+let clock2_origin;
 let state = {};
 
 function setteams()
@@ -20,6 +24,12 @@ function setteams()
 	loadquickl3s(sheets);
 }
 
+function setteams2()
+{
+	document.getElementById('score2_team1').innerHTML = state['team1'];
+	document.getElementById('score2_team2').innerHTML = state['team2'];
+}
+
 function setcolors()
 {
 	document.getElementById('team1color').style.backgroundColor = state['team1color'];
@@ -33,6 +43,13 @@ function setscore()
 	update_score();
 }
 
+function setscore2()
+{
+	scoreA = state['score1'];
+	scoreB = state['score2'];
+	document.getElementById('score2_score').innerHTML = scoreA + " â€“ " + scoreB;
+}
+
 function startclock()
 {
 	if (!clock_running) {
@@ -42,6 +59,15 @@ function startclock()
 	showclock();
 }
 
+function startclock2()
+{
+	if (!clock2_running) {
+		clock2_origin = Date.now();
+		clock2_running = true;
+	}
+	// No showclock.
+}
+
 function stopclock()
 {
 	if (!clock_running) return;
@@ -50,6 +76,14 @@ function stopclock()
 	clock_running = false;
 }
 
+function stopclock2()
+{
+	if (!clock2_running) return;
+	clock2_elapsed = time2_elapsed();
+	clock2_origin = Date.now();
+	clock2_running = false;
+}
+
 function setclock(amount)
 {
 	clock_elapsed = amount;
@@ -57,12 +91,39 @@ function setclock(amount)
 	update_clock();
 }
 
+function setclock2(amount)
+{
+	clock2_elapsed = amount;
+	clock2_origin = Date.now();
+	update_clock2();
+}
+
 function setclockfromstate()
 {
 	let amount = parseInt(state['clock_min']) * 60 + parseInt(state['clock_sec']);
 	setclock(amount);
 }
 
+// No setclock2fromstate.
+
+function adjustclockfromstate()
+{
+	let amount = parseInt(state['clock_min']) * 60 + parseInt(state['clock_sec']);
+	let elapsed = time_elapsed_raw();
+	if (Math.abs(amount - elapsed) >= 2.0) {
+		setclock(amount);
+	}
+}
+
+function adjustclock2fromstate()
+{
+	let amount = parseInt(state['clock_min']) * 60 + parseInt(state['clock_sec']);
+	let elapsed = time_elapsed2_raw();
+	if (Math.abs(amount - elapsed) >= 2.0) {
+		setclock2(amount);
+	}
+}
+
 function setclocklimitfromstate()
 {
 	let amount = parseInt(state['clock_limit_min']) * 60 + parseInt(state['clock_limit_sec']);
@@ -145,7 +206,7 @@ function hidelowerthird()
 	lowerthird_visible = false;
 }
 
-function time_elapsed()
+function time_elapsed_raw()
 {
 	let elapsed = (Date.now() - clock_origin) * 1e-3;
 	if (clock_elapsed + elapsed >= clock_limit) {
@@ -154,7 +215,27 @@ function time_elapsed()
 		clock_running = false;
 		return clock_limit;
 	}
-	return Math.floor(clock_elapsed + elapsed);
+	return clock_elapsed + elapsed;
+}
+
+function time_elapsed2_raw()
+{
+	let elapsed = (Date.now() - clock2_origin) * 1e-3;
+	if (clock2_elapsed + elapsed >= clock_limit) {
+		// No separate clock 2 limit.
+		return clock_limit;
+	}
+	return clock2_elapsed + elapsed;
+}
+
+function time_elapsed()
+{
+	return Math.floor(time_elapsed_raw());
+}
+
+function time_elapsed2()
+{
+	return Math.floor(time_elapsed2_raw());
 }
 
 function update_clock()
@@ -164,7 +245,36 @@ function update_clock()
 	let sec = elapsed % 60;
 
 	if (sec < 10) sec = "0" + sec;
-	document.getElementById('clock').innerHTML = min + ":" + sec;
+	let text = min + ":" + sec;
+
+	if (false) {
+		// This is a hack around the fact that Exo has variable-width numerals.
+		// It doesn't look fantastic, but for the clock, it's better not to have
+		// the text jumping around.
+		let html = "";
+		for (let i = 0; i < text.length; ++i) {
+			if (text.charAt(i) === ':') {
+				html += ':';
+			} else {
+				html += "<div style='display: inline-block; width: 15px'>" + text.charAt(i) + "</div>";
+			}
+		}
+		document.getElementById('clock').innerHTML = html;
+	} else {
+		document.getElementById('clock').innerHTML = text;
+	}
+}
+
+function update_clock2()
+{
+	let elapsed = time_elapsed2();
+	let min = Math.floor(elapsed / 60);
+	let sec = elapsed % 60;
+
+	if (sec < 10) sec = "0" + sec;
+	let text = min + ":" + sec;
+
+	document.getElementById('clock2').innerHTML = text;
 }
 
 function goalA()
@@ -220,6 +330,9 @@ setInterval(function() {
 	if (clock_running) {
 		update_clock();
 	}
+	if (clock2_running) {
+		update_clock2();
+	}
 }, 100);
 update_score();