display.js

var id, entry;

var filters = ['move_forward', 'filter_tag', 'filter_constituency'];
function setupFilters() {
	$.each(filters, function( i, x ) {
		var value = $.cookie(x);
		if ( $('#' + x).is('[type=checkbox]') )
			$('#' + x).attr( 'checked', !!value );
		else
			$('#' + x).val( value );
			
		$('#' + x).change(function() {
			var value = false;
			if ( $(this).is('[type=checkbox]') )
				value = !!$(this).attr( 'checked' );
			else
				value = $(this).val();
			$.cookie(this.id, value, { date: 365 });

			if ( this.id == 'filter_tag' || this.id == 'filter_constituency' )
				window.location.reload();
		});
	})
}

function chooseParseType() {
	$('#parse-control li').removeClass('active');
	$(this).addClass('active');

	var	parsetype = $('#parse-control li.active').attr('data-parse_type');
	$('#parse-control .dropdown-toggle').text('Parse: ' + (parsetype || 'None'));

	maybeLoadTrees();
}

function maybeLoadTrees() {
	var	parsetype = $('#parse-control li.active').attr('data-parse_type');
	if ( !parsetype ) {
		$('#parse-container').hide();
		return;
	}

	$('#image, #parse').text('loading...');
	$.getJSON('display_ajax.php', {
		action: 'display_parse',
		entry: entry,
		id: id,
		type: parsetype
	}, function (json) {
		$('#image, #parse').text('');
		if (json.error) {
			return $('<div class="alert-message warning fade in"><a class="close" href="#">×</a><p>No ' + parsetype + ' parse data available.</p></div>')
				.prependTo('#container')
				.alert();
		}

		$('#parse-container').show();
		$('#image').empty();
		$('<img/>')
			.attr('src', 'lib/phpsyntaxtree/stgraph.svg?data=' + json.imageData)
			.attr('alt', 'Tree: ' + json.imageData)
			.appendTo('#image');
		$('#parse').text(json.tree);
		
		if ( json.link_parse ) {
			var classification = '<h2>' + json.link_parse.constituency + '</h2>';
			if ( json.link_parse.error ) {
				classification += '<p><strong>Error:</strong> ' + json.link_parse.error + '</p>';
			}
			if ( json.link_parse.failure_type ) {
				classification += '<p><strong>Failure type:</strong> ' + json.link_parse.failure_type;
				if ( json.link_parse.missing_node )
					classification += ': ' + json.link_parse.missing_node;
				classification += '</p>';
			}
			classification += '<p><strong>Immediately dominating node:</strong> ' + json.link_parse.immediate_node + '</p>';
			classification += '<p><strong>Punctuation pass:</strong> ' + ( json.link_parse.punctuation_pass == '1' ? 'yes' : 'no' ) + '</p>';
			classification += '<p><strong>Almost:</strong> ' + ( json.link_parse.almost == '1' ? 'yes' : 'no' ) + '</p>';
			$('#classification').html(classification);
		}
	});
}

$(document).ready(function() {
	// make sure we can scroll enough to hide next/prev:
	$('#container').css('min-height',$(document).height() - 20);
	// always hide next/prev immediately.
	$(document).scrollTop($('#entry').offset().top - 60);

	id = $('input#id').val(),
	entry = $('input#entry').val();

	var tags_header = $('#tags').siblings('h4');
	var toggles = $('.inputs-list label:not(.disabled)');
	toggles.find('input').change(function() {
		// remove any 'saved tags!' labels
		tags_header.find('.label').remove();
	});
	
	var labels = ['1','2','3','4','5','6','7','8','9','A','B','D','E','F'];
	// add accelerator labels
	toggles.slice(0, labels.length).each(function(i) {
		$(this).children('span').prepend('<span class="accelerator">(' + labels[i] + ')</span> ');
	})

	$(document.body).keyup(function onkeyup(e) {
		var theChar = String.fromCharCode(e.keyCode);
	
		// Don't do anything if we were in a textarea or something.
		var focused = $('input[type=text]:focus, textarea:focus');
		if (focused.length)
			return;

		// Tags
		if ( labels.indexOf(theChar) > -1 ) {
			var toggle = toggles.eq(labels.indexOf(theChar)).find('input');
			toggle.attr('checked', !toggle.attr('checked'));

			// remove any 'saved tags!' labels
			tags_header.find('.label').remove();

			return;
		}
		
		if (theChar == 'R')
			return window.location = $('#random-link').attr('href');
	
		if (theChar == 'C')
			submit('constituent');

		if (theChar == 'N')
			submit('not_constituent');

		if (theChar == 'S')
			submit(false);

		if( theChar == 'J' )
			return window.location = $('#prev').attr('href');
	
		if( theChar == 'K' )
			return window.location = $('#next').attr('href');
	});
	
	function moveForward() {
		if ( $('#move_forward').val() == 'random' )
			window.location = $('#random-link').attr('href');
		if ( $('#move_forward').val() == 'next' )
			window.location = $('#next').attr('href');
	}

	function submit(constituency) {
		if ($('#spinner').is(':visible'))
			return;

		$('#spinner').show();
		// remove 'saved tags!' labels
		tags_header.find('.label').remove();

		data = { action: 'save', id: id, entry: entry };

		if (constituency)
			data.constituency = constituency;
	
		tags = {};
		$('.tags-list input:not(.disabled)').each(function() {
			var input = $(this);
			tags[input.attr('data-tag')] = !!input.attr('checked');
		})
		data.tags = tags;
			
		$.post('display_ajax.php', data, function(json) {
			$('#spinner').hide();
			if (json.modified) {
				$('#last_modified small').text(json.modified);
				$('.submit').removeClass('success danger selected');
				$('#' + json.constituency).addClass('selected');
			}
			if (json.tags)
				tags_header.append(' <span class="label success fade in" style="margin-left: 5px;">saved tags!</span>');
			moveForward();
		}, 'json');
	}
	$('.submit').click(function () {
		submit(this.id);
	});

	// ignore the form
	$('form').submit(function(e) {
		e.preventDefault();
		return false;
	});

	$('#parse-control li:not(.divider)').click(chooseParseType);
	maybeLoadTrees();
	
	setupFilters();
});