path: root/js/liststudy.js

/*	
	liststudy.js
	this script formats the data in batch_data and reviews_data to make a nice table out of it.
*/

var items = [];

var max_score = 0;
var med_score = 0;
var avg_score = 0;

function show_batch_table() {
	process_items();
	show_contents_table();
	show_reviews_table();
}

function process_items() {
	var item_idx = {};

	for (var i = 0; i < batch_data.items.length; i++) {
		var d = batch_data.items[i];
		item_idx[d[0]] = items.length;
		items.push(
			{
				"info": d,
				"win": 0, "fail": 0,
				"score": 0, "marker": "",
			}	
		);
	}

	// Calculate total wins and losses
	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];
			var k = item_idx[n];
			if (s == 1) {
				items[k].win++;
				items[k].score++;
			} else if (s == -1) {
				items[k].fail++;
				items[k].score--;
			}
		}
	}

	// Make marker indication : -1 (fail) -> red, 0 (dunno) -> yellow
	if (reviews_data.length > 0) {
		var t = reviews_data[reviews_data.length - 1].results;
		for (var j = 0; j < t.length; j++) {
			var s = t[j][1];
			if (s == 1) continue;
			var n = t[j][0];
			var k = item_idx[n];
			items[k].marker = items[k].marker + '<span style="color: ' + (s == 0 ? '#FFAA00' : '#FF0000') + '">*</span>';
		}
	}


	// Get max score
	for (var i = 0; i < items.length; i++) {
		if (items[i].score > max_score) max_score = items[i].score;
		avg_score += items[i].score;
	}
	avg_score = Math.ceil(avg_score * 20 / items.length) / 20;
	med_score = max_score / 2;
}

function show_contents_table() {
	var html = '<table><tr><th class="invisible_td"></th>';
	for (var i = 0; i < batch_data.columns.length; i++) {
		var c = batch_data.columns[i];
		html += '<th>' + c + ' <a class="tool_link" href="#" onclick="ch(' + i + ')" id="chsl' + i + '">hide</a>' +
			(i != 0 ? ' <a class="tool_link" href="#" onclick="lcol(' + i + ')">list</a>' : '') + '</th>' ;
	}
	html += '<th>win</th><th>fail</th><th>score</th></tr>';
	for (var i = 0; i < items.length; i++) {
		html += '<tr onclick="edit_note(' + i + ');">';
		html += '<td class="invisible_td"><span style="font-weight: bold">' + items[i].marker  + '</span>' + 
			'</td>';
		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>';
		html += '<td' + (items[i].fail > 0 ? (items[i].fail > items[i].win ? ' style="background-color: #ff7777"' : ' style="background-color: #FFFF00"') : '') + '>' + items[i].fail + '</td>';
		html += '<td style="background-color: ' + 
			(items[i].score == max_score ? '#00aa00' : 
			(items[i].score >= med_score ? '#55FF55' : 
			(items[i].score < 0 ? '#FF7777' : '#FFFF00'))) + '">' + items[i].score + '</td></tr>';
		if (notes[items[i].info[0]]) {
			var note = notes[items[i].info[0]];
			html += '<tr><td class="invisible_td"></td><td class="study_note_td" colspan="'
				 + (items[i].info.length)  + '">' + note.replace(/\|\|/g, '<br/>') + '</td></tr>';
		}
	}
	html += '</table>';
	html += '<p>Average score : ' + avg_score + '</p>';
	$("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 lcol(col) {
	html = '<p><a href="#" onclick="show_contents_table()">Show complete table</a></p><ul>';
	for (var i = 0; i < items.length; i++) {
		html += '<li><p><span class="info">' + items[i].info[0] + '</span>' + items[i].info[col] + '</p></li>';
	}
	html += '</ul>';
	$("items").innerHTML = html;
}

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 = '#00aa00';
			else if (reviews_data[i].score >= 90)
				color = '#22EE22';
			else if (reviews_data[i].score >= 80)
				color = '#55FF55';
			else if (reviews_data[i].score >= 60)
				color = '#eeee00';
			else if (reviews_data[i].score >= 40)
				color = '#FFAA22';
			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;
	}
}


function edit_note(id) {
	var idd = items[id].info[0];
	var note = prompt("Add note for item:\n(you might want to add a long note, so I'm adding this text to make the prompt box bigger)", notes[idd] || '');
	if (note != null) notes[idd] = note;
	if (notes[idd] == '') delete notes[idd];
	show_contents_table();

	new Ajax.Request('index.php?p=brresults-study-' + batchid, {
		method: 'post',
		parameters: {
			notes: Object.toJSON(notes),
		},
		onSuccess: function(transport) {
			// nothing...
		},
	});
}