-
addheading = function(carousel, colspan, content)
{
var thead = document.createElement("thead");
return teams;
};
-parse_games_from_spreadsheet = function(response, include_unplayed) {
+parse_games_from_spreadsheet = function(response, group_name, include_unplayed) {
var games = [];
for (var i = 12; response.values[i] !== undefined && response.values[i].length >= 1; ++i) {
if ((response.values[i][2] && response.values[i][3]) || include_unplayed) {
"name2": response.values[i][1],
"score1": parseInt(response.values[i][2]),
"score2": parseInt(response.values[i][3]),
- "streamtime": response.values[i][7]
+ "streamtime": response.values[i][7],
+ "group_name": group_name
});
}
}
return games;
};
-var req = new XMLHttpRequest();
-req.onload = function(e) {
- var response = JSON.parse(req.responseText);
+var display_group = function(response, group_name) {
var teams = parse_teams_from_spreadsheet(response);
- var games = parse_games_from_spreadsheet(response, false);
+ var games = parse_games_from_spreadsheet(response, group_name, false);
var teams_to_idx = make_teams_to_idx(teams);
for (i = 0; i < games.length; ++i) {
teams = rank(games, teams, 1, tiebreakers);
var carousel = document.getElementById('carousel');
+ clear_carousel(carousel);
- addheading(carousel, 5, "Current standings, TrønDisk 2017<br />Group A");
+ addheading(carousel, 5, "Current standings, TrønDisk 2017<br />" + group_name);
var tr = document.createElement("tr");
tr.className = "subfooter";
addth(tr, "rank", "");
addtd(tr, "gd", teams[i].gd.toString().replace(/-/, '−'));
addtd(tr, "pts", teams[i].pts);
- tr.style = "-webkit-animation: fade-in 1.0s ease; -webkit-animation-delay: " + 0.25 * (row_num++) + "s; -webkit-animation-fill-mode: both;";
carousel.appendChild(tr);
}
if (tiebreakers.length > 0) {
var tie_tr = document.createElement("tr");
tie_tr.className = "footer";
- tie_tr.style = "-webkit-animation: fade-in 2.0s ease; -webkit-animation-delay: " + 0.25 * (row_num++) + "s; -webkit-animation-fill-mode: both;";
var td = document.createElement("td");
td.appendChild(document.createTextNode("Tiebreaks applied: " + tiebreakers.join(', ')));
td.setAttribute("colspan", "5");
var footer_tr = document.createElement("tr");
footer_tr.className = "footer";
- footer_tr.style = "-webkit-animation: fade-in 2.0s ease; -webkit-animation-delay: " + 0.25 * (row_num++) + "s; -webkit-animation-fill-mode: both;";
var td = document.createElement("td");
td.appendChild(document.createTextNode("www.trondheimfrisbeeklubb.no | #trøndisk"));
td.setAttribute("colspan", "5");
footer_tr.appendChild(td);
carousel.appendChild(footer_tr);
+ fade_in_rows(carousel);
+
carousel.style.display = 'table';
};
-req.open('GET', 'https://sheets.googleapis.com/v4/spreadsheets/1CwRHQtpokVMGTPJu2FYYG-6rnG7OfISIcEHwBfXh-Y4/values/A1:H25?key=AIzaSyAuP9yQn8g0bSay6r_RpGtpFeIbwprH1TU');
-if (false) {
- req.send();
-}
+
+var fade_in_rows = function(table)
+{
+ var trs = table.getElementsByTagName("tr");
+ for (var i = 1; i < trs.length; ++i) { // The header already has its own fade-in.
+ if (trs[i].className === "footer") {
+ trs[i].style = "-webkit-animation: fade-in 1.0s ease; -webkit-animation-delay: " + (0.25 * i) + "s; -webkit-animation-fill-mode: both;";
+ } else {
+ trs[i].style = "-webkit-animation: fade-in 2.0s ease; -webkit-animation-delay: " + (0.25 * i) + "s; -webkit-animation-fill-mode: both;";
+ }
+ }
+};
+
+var fade_out_rows = function(table)
+{
+ var trs = table.getElementsByTagName("tr");
+ for (var i = 0; i < trs.length; ++i) {
+ if (trs[i].className === "footer") {
+ trs[i].style = "-webkit-animation: fade-out 1.0s ease; -webkit-animation-delay: " + (0.125 * i) + "s; -webkit-animation-fill-mode: both;";
+ } else {
+ trs[i].style = "-webkit-animation: fade-out 1.0s ease; -webkit-animation-delay: " + (0.125 * i) + "s; -webkit-animation-fill-mode: both;";
+ }
+ }
+};
+
+var clear_carousel = function(table)
+{
+ while (table.childNodes.length > 0) {
+ table.removeChild(table.firstChild);
+ }
+};
// Stream schedule
-var req2 = new XMLHttpRequest();
-req2.onload = function(e) {
- var response = JSON.parse(req.responseText);
+var display_stream_schedule = function(response, group_name) {
var teams = parse_teams_from_spreadsheet(response);
+ var games = parse_games_from_spreadsheet(response, group_name, true);
+ display_stream_schedule_parsed(teams, games);
+};
+
+var display_stream_schedule_parsed = function(teams, games) {
var teams_to_idx = make_teams_to_idx(teams);
- var games = parse_games_from_spreadsheet(response, true);
games = games.filter(function(game) { return game.streamtime !== undefined && game.streamtime.match(/[0-9]+:[0-9]+/) != null; });
games.sort(function(a, b) {
var m1 = a.streamtime.match(/([0-9]+):([0-9]+)/);
}
var carousel = document.getElementById('carousel');
+ clear_carousel(carousel);
addheading(carousel, 3, "Stream schedule, TrønDisk 2017<br />Saturday");
var row_num = 0;
var name2 = teams[teams_to_idx[games[i].name2]].mediumname;
addtd(tr, "matchup", name1 + "–" + name2);
- addtd(tr, "group", "Group A");
+ addtd(tr, "group", games[i].group_name);
if (!isNaN(games[i].score1) && !isNaN(games[i].score2) &&
games[i].score1 !== games[i].score2) {
addth(tr, "streamtime", games[i].streamtime);
}
- tr.style = "-webkit-animation: fade-in 1.0s ease; -webkit-animation-delay: " + 0.25 * (row_num++) + "s; -webkit-animation-fill-mode: both;";
+ row_num++;
carousel.appendChild(tr);
}
+
+ fade_in_rows(carousel);
+
+ carousel.style.display = 'table';
+};
+
+var get_group = function(group_name, cb)
+{
+ var req = new XMLHttpRequest();
+ req.onload = function(e) {
+ cb(JSON.parse(req.responseText), group_name);
+ };
+ req.open('GET', 'https://sheets.googleapis.com/v4/spreadsheets/1CwRHQtpokVMGTPJu2FYYG-6rnG7OfISIcEHwBfXh-Y4/values/\'' + group_name + '\'!A1:H25?key=AIzaSyAuP9yQn8g0bSay6r_RpGtpFeIbwprH1TU');
+ req.send();
+};
+
+var showgroup = function(group_name)
+{
+ get_group(group_name, display_group);
+};
+
+var hidetable = function()
+{
+ fade_out_rows(document.getElementById('carousel'));
+};
+
+var showschedule = function()
+{
+ var teams = [];
+ var games = [];
+ var num_left = 5;
+
+ var cb = function(response, group_name) {
+ teams = teams.concat(parse_teams_from_spreadsheet(response));
+ games = games.concat(parse_games_from_spreadsheet(response, group_name, true));
+ if (--num_left == 0) {
+ display_stream_schedule_parsed(teams, games);
+ }
+ };
+
+ get_group('Group A', cb);
+ get_group('Group B', cb);
+ get_group('Semifinals', cb);
+ get_group('Bronze final', cb);
+ get_group('Final', cb);
};
-req2.open('GET', 'https://sheets.googleapis.com/v4/spreadsheets/1CwRHQtpokVMGTPJu2FYYG-6rnG7OfISIcEHwBfXh-Y4/values/A1:H25?key=AIzaSyAuP9yQn8g0bSay6r_RpGtpFeIbwprH1TU');
-if (false) {
- req2.send();
-}