summaryrefslogtreecommitdiff
path: root/js/liststudy.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/liststudy.js')
-rw-r--r--js/liststudy.js92
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;
+ }
+}