diff options
Diffstat (limited to 'js/liststudy.js')
-rw-r--r-- | js/liststudy.js | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/js/liststudy.js b/js/liststudy.js new file mode 100644 index 0000000..a0be379 --- /dev/null +++ b/js/liststudy.js @@ -0,0 +1,92 @@ +/* + liststudy.js + this script formats the data in batch_data and reviews_data to make a nice table out of it. +*/ + +var items = []; + +function show_batch_table() { + process_items(); + show_contents_table(); + show_reviews_table(); +} + +function process_items() { + for (var i = 0; i < batch_data.items.length; i++) { + items.push( + {"info": batch_data.items[i], + "win": 0, "fail": 0, "score": 0} + ); + } + for (var i = 0; i < reviews_data.length; i++) { + for (var j = 0; j < reviews_data[i].results.length; j++) { + var n = reviews_data[i].results[j][0]; + var s = reviews_data[i].results[j][1]; + for (var k = 0; k < items.length; k++) { + if (items[k].info[0] == n) { + if (s == 1) { + items[k].win++; + items[k].score++; + } else if (s == -1) { + items[k].fail++; + items[k].score--; + } + } + } + } + } +} + +function show_contents_table() { + var html = '<table><tr>'; + for (var i = 0; i < batch_data.columns.length; i++) { + var c = batch_data.columns[i]; + html += '<th>' + c.name + ' - <a class="tool_link" href="#" onclick="ch(' + i + ')" id="chsl' + i + '">hide</a></th>'; + } + html += '<th>win</th><th>fail</th><th>score</th></tr>'; + for (var i = 0; i < items.length; i++) { + html += '<tr>'; + for (var j = 0; j < items[i].info.length; j++) { + html += '<td><span class="cd' + j + '">' + items[i].info[j] + '</span></td>'; + } + html += '<td>' + items[i].win + '</td><td>' + items[i].fail + '</td><td>' + items[i].score + '</td></tr>'; + } + html += '</table>'; + $("items").innerHTML = html; +} + +function ch(col) { + $$(".cd"+col).invoke("hide"); + $("chsl"+col).innerHTML = 'show'; + $("chsl"+col).onclick = function() { cs(col); }; +} + +function cs(col) { + $$(".cd"+col).invoke("show"); + $("chsl"+col).innerHTML = 'hide'; + $("chsl"+col).onclick = function() { ch(col); }; +} + +function show_reviews_table() { + // eventually, will also show a graph of progress. or maybee not. + if (reviews_data.length == 0) { + $("reviews").innerHTML = "No reviews... yet."; + } else { + var html = '<table><tr><th>review date</th><th>score</th></tr>'; + for (var i = 0; i < reviews_data.length; i++) { + var color = ''; + if (reviews_data[i].score == 100) + color = '#00CC00'; + else if (reviews_data[i].score >= 90) + color = '#55FF55'; + else if (reviews_data[i].score >= 50) + color = '#FFFF00'; + else + color = '#FF7777'; + html += '<tr><td>' + reviews_data[i].date + '</td><td style="background-color: ' + color + '">' + reviews_data[i].score + '/100</td></tr>'; + } + html += '</table>'; + + $("reviews").innerHTML = html; + } +} |