</head>
<body>
<div id="area"></div>
- <table class="scorebug">
- <tr>
- <td class="team1color" id="team1color"></td>
- <td class="team1" id="team1">PCL</td>
- <td class="score" id="score">17 – 11</td>
- <td class="team2" id="team2">NMBUI</td>
- <td class="team2color" id="team2color"></td>
- </tr>
- </table>
- <table class="clockbug clockbug-hidden" id="clockbug">
- <tr>
- <td class="clock" id="clock">25:00</td>
- </tr>
- </table>
- <table class="commentbug commentbug-hidden" id="commentbug">
- <tr>
- <td class="comment" id="comment">Pagacap: First to 9 points</td>
- </tr>
- </table>
+ <div id="entire-bug">
+ <table class="scorebug">
+ <tr>
+ <td class="team1color" id="team1color"></td>
+ <td class="team1" id="team1">PCL</td>
+ <td class="score" id="score">17 – 11</td>
+ <td class="team2" id="team2">NMBUI</td>
+ <td class="team2color" id="team2color"></td>
+ </tr>
+ </table>
+ <table class="clockbug clockbug-hidden" id="clockbug">
+ <tr>
+ <td class="clock" id="clock">0:00</td>
+ </tr>
+ </table>
+ <table class="commentbug commentbug-hidden" id="commentbug">
+ <tr>
+ <td class="comment" id="comment">Pagacap: First to 9 points</td>
+ </tr>
+ </table>
+ </div>
<div class="lowerthird-headline lowerthird-headline-hidden" id="lowerthird-headline"><div class="lowerthird-headline-content lowerthird-headline-content-hidden" id="lowerthird-headline-content">
- John Doe<br>Ola Nordmann
+ Call on the field: Foul
</div></div>
<div class="lowerthird-subheading lowerthird-subheading-hidden" id="lowerthird-subheading"><div class="lowerthird-subheading-content lowerthird-subheading-content-hidden" id="lowerthird-subheading-content">
Commentators, Trøndisk 2016
</div></div>
+ <div class="lowerthird-picture lowerthird-picture-hidden" id="lowerthird-picture"><div class="lowerthird-picture-content lowerthird-picture-content-hidden" id="lowerthird-picture-content">
+ <img src="foul.png" id="lowerthird-img" style="display: none">
+ </div></div>
<table id="carousel">
- <thead>
- <tr>
- <th colspan="5">Current standings, TrønDisk 2017<br />Group A</th>
- </tr>
- </thead>
- <tr class="subfooter">
- <th class="rank"></th>
- <th class="team"></th>
- <th class="nplayed">P</th>
- <th class="gd">GD</th>
- <th class="pts">Pts</th>
- </tr>
-<!--
- <tr>
- <th class="rank">1</th>
- <td class="team">Trondheim Frisbeeklubb</td>
- <td class="nplayed">3</td>
- <td class="gd">+7</td>
- <td class="pts">6</td>
- </tr>
- <tr>
- <th class="rank">2</th>
- <td class="team">Pancake Circle Ltd.</td>
- <td class="nplayed">2</td>
- <td class="gd">+2</td>
- <td class="pts">4</td>
- </tr>
- <tr>
- <th class="rank">3</th>
- <td class="team">Norges Handelshøyskole 1</td>
- <td class="nplayed">2</td>
- <td class="gd">-2</td>
- <td class="pts">2</td>
- </tr>
- <tr>
- <th class="rank">3</th>
- <td class="team">Pick-up Team</td>
- <td class="nplayed">2</td>
- <td class="gd">-2</td>
- <td class="pts">2</td>
- </tr>
- <tr>
- <th class="rank">5</th>
- <td class="team">Whatever Team</td>
- <td class="nplayed">3</td>
- <td class="gd">-11</td>
- <td class="pts">0</td>
- </tr>
- <tr class="footer">
- <td colspan="5">www.trondheimfrisbeeklubb.no | #trøndisk</td>
- </tr>
--->
</table>
<div id="manualcontrols">
<p>
<a href="javascript:startclock()">start clock</a>
<a href="javascript:stopclock()">stop clock</a>
- <a href="javascript:setclock(25*60)">reset clock</a>
+ <a href="javascript:setclock(0)">reset clock</a>
<a href="javascript:showclock()">show clock</a>
<a href="javascript:hideclock()">hide clock</a>
</p>
<a href="javascript:showlowerthird()">show lower third</a>
<a href="javascript:hidelowerthird()">hide lower third</a>
</p>
+ <p>
+ <a href="javascript:stopcarousel();hidetable();showscorebug()">show scorebug</a>
+ <a href="javascript:stopcarousel();showroster('TFK')">show roster 1</a>
+ <a href="javascript:stopcarousel();showroster('ESK')">show roster 2</a>
+ <a href="javascript:stopcarousel();showrostercarousel('TFK', 'ESK')">show roster 1+2</a>
+ <a href="javascript:stopcarousel();showgroup('Group A')">show group A</a>
+ <a href="javascript:stopcarousel();showgroup('Group B')">show group B</a>
+ <a href="javascript:stopcarousel();showschedule()">show schedule</a>
+ <a href="javascript:stopcarousel();showcarousel()">show carousel</a>
+ <a href="javascript:stopcarousel();hidetable()">table out</a>
+ </p>
</div>
-<script src="carousel.js" type="text/javascript" />
-<script>
-var clock_running = false;
-var clock_visible = false;
-var comment_visible = false;
-var lowerthird_visible = false;
-var clock_left = 25 * 60;
-var scoreA = 0;
-var scoreB = 0;
-var clock_origin;
-var state = {};
-
-function setteams()
-{
- document.getElementById('team1').innerHTML = state['team1'];
- document.getElementById('team2').innerHTML = state['team2'];
-}
-
-function setcolors()
-{
- document.getElementById('team1color').style.backgroundColor = state['team1color'];
- document.getElementById('team2color').style.backgroundColor = state['team2color'];
-}
-
-function setscore()
-{
- scoreA = state['score1'];
- scoreB = state['score2'];
- update_score();
-}
-
-function startclock()
-{
- if (!clock_running) {
- clock_origin = Date.now();
- clock_running = true;
- }
- showclock();
-}
-
-function stopclock()
-{
- if (!clock_running) return;
- clock_left = time_left();
- clock_origin = Date.now();
- clock_running = false;
-}
-
-function setclock(amount)
-{
- clock_left = amount;
- clock_origin = Date.now();
- update_clock();
-}
-
-function setclockfromstate()
-{
- var amount = parseInt(state['clock_min']) * 60 + parseInt(state['clock_sec']);
- setclock(amount);
-}
-
-function showclock()
-{
- if (clock_visible) return;
- var clockbug = document.getElementById('clockbug');
- clockbug.className = 'clockbug clockbug-animate-in';
- clock_visible = true;
-}
-
-function hideclock()
-{
- if (!clock_visible) return;
- var clockbug = document.getElementById('clockbug');
- clockbug.className = 'clockbug clockbug-animate-out';
- clock_visible = false;
-}
-
-function setcomment()
-{
- document.getElementById('comment').innerHTML = state['comment'];
-}
-
-function showcomment()
-{
- if (comment_visible) return;
- var commentbug = document.getElementById('commentbug');
- commentbug.className = 'commentbug commentbug-animate-in';
- comment_visible = true;
-}
-
-function hidecomment()
-{
- if (!comment_visible) return;
- var commentbug = document.getElementById('commentbug');
- commentbug.className = 'commentbug commentbug-animate-out';
- comment_visible = false;
-}
-
-function showlowerthird()
-{
- if (lowerthird_visible) return;
-
- // With no flexbox, this is how it has to be...
- var f = document.getElementById('lowerthird-headline');
- var g = document.getElementById('lowerthird-headline-content');
- f.style.paddingTop = Math.round((f.clientHeight - g.clientHeight) / 2) + 'px';
-
- f = document.getElementById('lowerthird-subheading');
- g = document.getElementById('lowerthird-subheading-content');
- f.style.paddingTop = Math.round((f.clientHeight - g.clientHeight) / 2) + 'px';
-
- document.getElementById('lowerthird-headline').className = 'lowerthird-headline lowerthird-headline-animate-in';
- document.getElementById('lowerthird-headline-content').className = 'lowerthird-headline-content lowerthird-headline-content-animate-in';
- document.getElementById('lowerthird-subheading').className = 'lowerthird-subheading lowerthird-subheading-animate-in';
- document.getElementById('lowerthird-subheading-content').className = 'lowerthird-subheading-content lowerthird-subheading-content-animate-in';
- lowerthird_visible = true;
-}
-
-function setandshowlowerthird()
-{
- document.getElementById('lowerthird-headline-content').innerHTML = state['text1'];
- document.getElementById('lowerthird-subheading-content').innerHTML = state['text2'];
- showlowerthird();
-}
-
-function hidelowerthird()
-{
- if (!lowerthird_visible) return;
- document.getElementById('lowerthird-headline').className = 'lowerthird-headline lowerthird-headline-hidden lowerthird-headline-animate-out';
- document.getElementById('lowerthird-headline-content').className = 'lowerthird-headline-content lowerthird-headline-content-animate-out';
- document.getElementById('lowerthird-subheading').className = 'lowerthird-subheading lowerthird-subheading-animate-out';
- document.getElementById('lowerthird-subheading-content').className = 'lowerthird-subheading-content lowerthird-subheading-content-animate-out';
- lowerthird_visible = false;
-}
-
-function time_left()
-{
- var elapsed = (Date.now() - clock_origin) * 1e-3;
- if (elapsed > clock_left) return 0;
- return Math.ceil(clock_left - elapsed);
-}
-
-function update_clock()
-{
- var left = time_left();
- var min = Math.floor(left / 60);
- var sec = left % 60;
-
- if (sec < 10) sec = "0" + sec;
- document.getElementById('clock').innerHTML = min + ":" + sec;
-}
-
-function goalA()
-{
- ++scoreA;
- update_score();
-}
-
-function goalB()
-{
- ++scoreB;
- update_score();
-}
-
-function ungoalA()
-{
- if (scoreA > 0) --scoreA;
- update_score();
-}
-
-function ungoalB()
-{
- if (scoreB > 0) --scoreB;
- update_score();
-}
-
-function resetscore()
-{
- scoreA = scoreB = 0;
- update_score();
-}
-
-function update_score()
-{
- document.getElementById('score').innerHTML = scoreA + " – " + scoreB;
-}
-
-/* called by caspar only */
-function play()
-{
- document.getElementById('manualcontrols').style.display = 'none';
- document.getElementById('area').style.display = 'none';
-
- // Old CEF workaround
- document.getElementById('lowerthird-subheading').style.top = '638px';
-}
-
-function update(v)
-{
- console.log('[[[' + v + ']]]');
- var j = JSON.parse(v);
- for(var key in j) state[key] = j[key];
-}
-
-setInterval(function() {
- if (clock_running) {
- update_clock();
- }
-}, 100);
-update_score();
-
-//play();
-//startclock();
-
-</script>
+<script src="carousel.js" type="text/javascript"></script>
+<script src="score.js" type="text/javascript"></script>
+<script src="quickl3.js" type="text/javascript"></script>
+<script src="roster.js" type="text/javascript"></script>
</body>
</html>