3 let clock_running = false;
4 let clock_visible = false;
5 let comment_visible = false;
6 let lowerthird_visible = false;
8 let clock_limit = 30 * 60;
16 document.getElementById('team1').innerHTML = state['team1'];
17 document.getElementById('team2').innerHTML = state['team2'];
19 let sheets = { 'A': state['team1'], 'B': state['team2'] };
25 document.getElementById('team1color').style.backgroundColor = state['team1color'];
26 document.getElementById('team2color').style.backgroundColor = state['team2color'];
31 scoreA = state['score1'];
32 scoreB = state['score2'];
39 clock_origin = Date.now();
47 if (!clock_running) return;
48 clock_elapsed = time_elapsed();
49 clock_origin = Date.now();
50 clock_running = false;
53 function setclock(amount)
55 clock_elapsed = amount;
56 clock_origin = Date.now();
60 function setclockfromstate()
62 let amount = parseInt(state['clock_min']) * 60 + parseInt(state['clock_sec']);
66 function setclocklimitfromstate()
68 let amount = parseInt(state['clock_limit_min']) * 60 + parseInt(state['clock_limit_sec']);
74 if (clock_visible) return;
75 let clockbug = document.getElementById('clockbug');
76 clockbug.className = 'clockbug clockbug-animate-in';
82 if (!clock_visible) return;
83 let clockbug = document.getElementById('clockbug');
84 clockbug.className = 'clockbug clockbug-animate-out';
85 clock_visible = false;
90 document.getElementById('comment').innerHTML = state['comment'];
93 function showcomment()
95 if (comment_visible) return;
96 let commentbug = document.getElementById('commentbug');
97 commentbug.className = 'commentbug commentbug-animate-in';
98 comment_visible = true;
101 function hidecomment()
103 if (!comment_visible) return;
104 let commentbug = document.getElementById('commentbug');
105 commentbug.className = 'commentbug commentbug-animate-out';
106 comment_visible = false;
109 function showlowerthird()
111 if (lowerthird_visible) return;
113 // With no flexbox, this is how it has to be...
114 let f = document.getElementById('lowerthird-headline');
115 let g = document.getElementById('lowerthird-headline-content');
116 f.style.paddingTop = Math.round((f.clientHeight - g.clientHeight) / 2) + 'px';
118 f = document.getElementById('lowerthird-subheading');
119 g = document.getElementById('lowerthird-subheading-content');
120 f.style.paddingTop = Math.round((f.clientHeight - g.clientHeight) / 2) + 'px';
122 f = document.getElementById('lowerthird-picture');
123 g = document.getElementById('lowerthird-picture-content');
124 f.style.paddingTop = Math.round((f.clientHeight - g.clientHeight) / 2) + 'px';
126 document.getElementById('lowerthird-headline').className = 'lowerthird-headline lowerthird-headline-animate-in';
127 document.getElementById('lowerthird-headline-content').className = 'lowerthird-headline-content lowerthird-headline-content-animate-in';
128 document.getElementById('lowerthird-subheading').className = 'lowerthird-subheading lowerthird-subheading-animate-in';
129 document.getElementById('lowerthird-subheading-content').className = 'lowerthird-subheading-content lowerthird-subheading-content-animate-in';
130 document.getElementById('lowerthird-picture').className = 'lowerthird-picture lowerthird-picture-animate-in';
131 document.getElementById('lowerthird-picture-content').className = 'lowerthird-picture-content lowerthird-picture-content-animate-in';
132 lowerthird_visible = true;
135 function setandshowlowerthird()
137 document.getElementById('lowerthird-headline-content').innerHTML = state['text1'];
138 document.getElementById('lowerthird-subheading-content').innerHTML = state['text2'];
139 let img = document.getElementById('lowerthird-img');
140 if (state['image'] === undefined) {
141 img.style.display = 'none';
143 img.src = state['image'];
144 img.style.display = 'inline';
149 function hidelowerthird()
151 if (!lowerthird_visible) return;
152 document.getElementById('lowerthird-headline').className = 'lowerthird-headline lowerthird-headline-hidden lowerthird-headline-animate-out';
153 document.getElementById('lowerthird-headline-content').className = 'lowerthird-headline-content lowerthird-headline-content-animate-out';
154 document.getElementById('lowerthird-subheading').className = 'lowerthird-subheading lowerthird-subheading-animate-out';
155 document.getElementById('lowerthird-subheading-content').className = 'lowerthird-subheading-content lowerthird-subheading-content-animate-out';
156 document.getElementById('lowerthird-picture').className = 'lowerthird-picture lowerthird-picture-hidden lowerthird-picture-animate-out';
157 document.getElementById('lowerthird-picture-content').className = 'lowerthird-picture-content lowerthird-picture-content-animate-out';
158 lowerthird_visible = false;
161 function time_elapsed()
163 let elapsed = (Date.now() - clock_origin) * 1e-3;
164 if (clock_elapsed + elapsed >= clock_limit) {
165 clock_elapsed = clock_limit;
166 clock_origin = Date.now();
167 clock_running = false;
170 return Math.floor(clock_elapsed + elapsed);
173 function update_clock()
175 let elapsed = time_elapsed();
176 let min = Math.floor(elapsed / 60);
177 let sec = elapsed % 60;
179 if (sec < 10) sec = "0" + sec;
180 document.getElementById('clock').innerHTML = min + ":" + sec;
197 if (scoreA > 0) --scoreA;
203 if (scoreB > 0) --scoreB;
207 function resetscore()
213 function update_score()
215 document.getElementById('score').innerHTML = scoreA + " – " + scoreB;
218 /* called by caspar only */
221 document.getElementById('manualcontrols').style.display = 'none';
222 document.getElementById('area').style.display = 'none';
224 // Old CEF workaround
225 document.getElementById('lowerthird-subheading').style.top = '638px';
230 console.log('[[[' + v + ']]]');
231 let j = JSON.parse(v);
232 for(let key in j) state[key] = j[key];
235 setInterval(function() {