X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=stemmaweb%2Froot%2Fjs%2Frelationship.js;h=a2b242d47e24fc992aea89bdb8904c37152e0bd4;hb=ab06f3edf9045dc9a24ee138df7ae0b9bb141098;hp=ed1b150f2998cfd7d16a7a5c45d7c05c3072f10c;hpb=0fa07e25e9bdb209065f4002a9eaf5185f42b31a;p=scpubgit%2Fstemmatology.git
diff --git a/stemmaweb/root/js/relationship.js b/stemmaweb/root/js/relationship.js
index ed1b150..a2b242d 100644
--- a/stemmaweb/root/js/relationship.js
+++ b/stemmaweb/root/js/relationship.js
@@ -1,5 +1,12 @@
+var MARGIN=30;
+var svg_root = null;
+var svg_root_element = null;
+var start_element_height = 0;
+var reltypes = {};
+var readingdata = {};
+
function getTextPath() {
- var currpath = window.location.pathname
+ var currpath = window.location.pathname;
// Get rid of trailing slash
if( currpath.lastIndexOf('/') == currpath.length - 1 ) {
currpath = currpath.slice( 0, currpath.length - 1)
@@ -20,11 +27,147 @@ function getRelativePath() {
return path_parts[0];
}
-function getRelationshipURL() {
+function getTextURL( which ) {
+ var path_parts = getTextPath();
+ return path_parts[0] + '/' + path_parts[1] + '/' + which;
+}
+
+function getReadingURL( reading_id ) {
var path_parts = getTextPath();
- return path_parts[0] + '/' + path_parts[1] + '/relationships';
+ return path_parts[0] + '/' + path_parts[1] + '/reading/' + reading_id;
+}
+
+// Make an XML ID into a valid selector
+function jq(myid) {
+ return '#' + myid.replace(/(:|\.)/g,'\\$1');
+}
+
+// Actions for opening the reading panel
+function node_dblclick_listener( evt ) {
+ // Open the reading dialogue for the given node.
+ // First get the reading info
+ var reading_id = $(this).attr('id');
+ var reading_info = readingdata[reading_id];
+ // and then populate the dialog box with it.
+ // Set the easy properties first
+ $('#reading-form').dialog( 'option', 'title', 'Reading information for "' + reading_info['text'] + '"' );
+ $('#reading_id').val( reading_id );
+ toggle_checkbox( $('#reading_is_nonsense'), reading_info['is_nonsense'] );
+ toggle_checkbox( $('#reading_grammar_invalid'), reading_info['grammar_invalid'] );
+ // Use .text as a backup for .normal_form
+ var normal_form = reading_info['normal_form'];
+ if( !normal_form ) {
+ normal_form = reading_info['text'];
+ }
+ var nfboxsize = 10;
+ if( normal_form.length > 9 ) {
+ nfboxsize = normal_form.length + 1;
+ }
+ $('#reading_normal_form').attr( 'size', nfboxsize )
+ $('#reading_normal_form').val( normal_form );
+ // Now do the morphological properties.
+ morphology_form( reading_info['lexemes'] );
+ // and then open the dialog.
+ $('#reading-form').dialog("open");
+}
+
+function toggle_checkbox( box, value ) {
+ if( value == null ) {
+ value = false;
+ }
+ box.attr('checked', value );
+}
+
+function morphology_form ( lexlist ) {
+ $('#morphology').empty();
+ $.each( lexlist, function( idx, lex ) {
+ var morphoptions = [];
+ if( 'wordform_matchlist' in lex ) {
+ $.each( lex['wordform_matchlist'], function( tdx, tag ) {
+ var tagstr = stringify_wordform( tag );
+ morphoptions.push( tagstr );
+ });
+ }
+ var formtag = 'morphology_' + idx;
+ var formstr = '';
+ if( 'form' in lex ) {
+ formstr = stringify_wordform( lex['form'] );
+ }
+ var form_morph_elements = morph_elements(
+ formtag, lex['string'], formstr, morphoptions );
+ $.each( form_morph_elements, function( idx, el ) {
+ $('#morphology').append( el );
+ });
+ });
+}
+
+function stringify_wordform ( tag ) {
+ if( tag ) {
+ var elements = tag.split(' // ');
+ return elements[1] + ' // ' + elements[2];
+ }
+ return ''
+}
+
+function morph_elements ( formtag, formtxt, currform, morphoptions ) {
+ var clicktag = '(Click to select)';
+ if ( !currform ) {
+ currform = clicktag;
+ }
+ var formlabel = $('').attr( 'id', 'label_' + formtag ).attr(
+ 'for', 'reading_' + formtag ).text( formtxt + ': ' );
+ var forminput = $('').attr( 'id', 'reading_' + formtag ).attr(
+ 'name', 'reading_' + formtag ).attr( 'size', '50' ).attr(
+ 'class', 'reading_morphology' ).val( currform );
+ forminput.autocomplete({ source: morphoptions, minLength: 0 });
+ forminput.focus( function() {
+ if( $(this).val() == clicktag ) {
+ $(this).val('');
+ }
+ $(this).autocomplete('search', '')
+ });
+ var morphel = [ formlabel, forminput, $('
') ];
+ return morphel;
}
+function color_inactive ( el ) {
+ var reading_id = $(el).parent().attr('id');
+ var reading_info = readingdata[reading_id];
+ // If the reading info has any non-disambiguated lexemes, color it yellow;
+ // otherwise color it green.
+ $(el).attr( {stroke:'green', fill:'#b3f36d'} );
+ if( reading_info ) {
+ $.each( reading_info['lexemes'], function ( idx, lex ) {
+ if( !lex['is_disambiguated'] || lex['is_disambiguated'] == 0 ) {
+ $(el).attr( {stroke:'orange', fill:'#fee233'} );
+ }
+ });
+ }
+}
+
+function relemmatize () {
+ // Send the reading for a new lemmatization and reopen the form.
+ $('#relemmatize_pending').show();
+ var reading_id = $('#reading_id').val()
+ ncpath = getReadingURL( reading_id );
+ form_values = {
+ 'normal_form': $('#reading_normal_form').val(),
+ 'relemmatize': 1 };
+ var jqjson = $.post( ncpath, form_values, function( data ) {
+ // Update the form with the return
+ if( 'id' in data ) {
+ // We got back a good answer. Stash it
+ readingdata[reading_id] = data;
+ // and regenerate the morphology form.
+ morphology_form( data['lexemes'] );
+ } else {
+ alert("Could not relemmatize as requested: " + data['error']);
+ }
+ $('#relemmatize_pending').hide();
+ });
+}
+
+// Initialize the SVG once it exists
function svgEnlargementLoaded() {
//Give some visual evidence that we are working
$('#loading_overlay').show();
@@ -37,11 +180,28 @@ function svgEnlargementLoaded() {
{ 'top': lo_height / 2 - $("#loading_message").height() / 2,
'left': lo_width / 2 - $("#loading_message").width() / 2 });
//Set viewbox widht and height to widht and height of $('#svgenlargement svg').
+ $('#update_workspace_button').data('locked', false);
+ $('#update_workspace_button').css('background-position', '0px 44px');
//This is essential to make sure zooming and panning works properly.
- $('#svgenlargement ellipse').attr( {stroke:'green', fill:'#b3f36d'} );
+ var rdgpath = getTextURL( 'readings' );
+ $.getJSON( rdgpath, function( data ) {
+ readingdata = data;
+ $('#svgenlargement ellipse').each( function( i, el ) { color_inactive( el ) });
+ });
+ $('#svgenlargement ellipse').parent().dblclick( node_dblclick_listener );
var graph_svg = $('#svgenlargement svg');
var svg_g = $('#svgenlargement svg g')[0];
+ if (!svg_g) return;
svg_root = graph_svg.svg().svg('get').root();
+
+ // Find the real root and ignore any text nodes
+ for (i = 0; i < svg_root.childNodes.length; ++i) {
+ if (svg_root.childNodes[i].nodeName != '#text') {
+ svg_root_element = svg_root.childNodes[i];
+ break;
+ }
+ }
+
svg_root.viewBox.baseVal.width = graph_svg.attr( 'width' );
svg_root.viewBox.baseVal.height = graph_svg.attr( 'height' );
//Now set scale and translate so svg height is about 150px and vertically centered in viewbox.
@@ -55,13 +215,13 @@ function svgEnlargementLoaded() {
var transform = 'rotate(0) scale(' + scale + ') translate(4 ' + translate + ')';
svg_g.setAttribute('transform', transform);
//used to calculate min and max zoom level:
- start_element_height = $("#svgenlargement .node title:contains('START#')").siblings('ellipse')[0].getBBox().height;
+ start_element_height = $('#__START__').children('ellipse')[0].getBBox().height;
add_relations( function() { $('#loading_overlay').hide(); });
}
function add_relations( callback_fn ) {
var basepath = getRelativePath();
- var textrelpath = getRelationshipURL();
+ var textrelpath = getTextURL( 'relationships' );
$.getJSON( basepath + '/definitions', function(data) {
var rel_types = data.types.sort();
$.getJSON( textrelpath,
@@ -89,9 +249,7 @@ function add_relations( callback_fn ) {
}
function get_ellipse( node_id ) {
- return $('#svgenlargement .node').children('title').filter( function(index) {
- return $(this).text() == node_id;
- }).siblings('ellipse');
+ return $( jq( node_id ) + ' ellipse');
}
function get_node_obj( node_id ) {
@@ -102,12 +260,6 @@ function get_node_obj( node_id ) {
return node_ellipse.data( 'node_obj' );
}
-function get_edge( edge_id ) {
- return $('#svgenlargement .edge').filter( function(index) {
- return $(this).children( 'title' ).text() == $('
Error: ' + errobj.error + 'The relationship cannot be made.
' ); } + $(event.target).parent().find('.ui-button').button("enable"); } ); $( "#delete-form" ).dialog({ @@ -544,11 +722,11 @@ $(document).ready(function () { $( this ).dialog( "close" ); }, Delete: function() { - form_values = $('#delete_relation_form').serialize() - ncpath = getRelationshipURL() + form_values = $('#delete_relation_form').serialize(); + ncpath = getTextURL( 'relationships' ); var jqjson = $.ajax({ url: ncpath, data: form_values, success: function(data) { $.each( data, function(item, source_target) { - relation_manager.remove( source_target[0] + '->' + source_target[1] ); + relation_manager.remove( get_relation_id( source_target[0], source_target[1] ) ); }); $( "#delete-form" ).dialog( "close" ); }, dataType: 'json', type: 'DELETE' }); @@ -572,9 +750,76 @@ $(document).ready(function () { } }); + // function for reading form dialog should go here; for now hide the element + $('#reading-form').dialog({ + autoOpen: false, + height: 400, + width: 600, + modal: true, + buttons: { + Cancel: function() { + $( this ).dialog( "close" ); + }, + Update: function( evt ) { + // Disable the button + $(evt.target).button("disable"); + $('#reading_status').empty(); + var reading_id = $('#reading_id').val() + form_values = { + 'id' : reading_id, + 'is_nonsense': $('#reading_is_nonsense').is(':checked'), + 'grammar_invalid': $('#reading_grammar_invalid').is(':checked'), + 'normal_form': $('#reading_normal_form').val() }; + // Add the morphology values + $('.reading_morphology').each( function() { + var rmid = $(this).attr('id'); + rmid = rmid.substring(8); + form_values[rmid] = $(this).val(); + }); + // Make the JSON call + ncpath = getReadingURL( reading_id ); + var reading_element = readingdata[reading_id]; + // $(':button :contains("Update")').attr("disabled", true); + var jqjson = $.post( ncpath, form_values, function(data) { + $.each( data, function(key, value) { + reading_element[key] = value; + }); + if( $('#update_workspace_button').data('locked') == false ) { + color_inactive( get_ellipse( reading_id ) ); + } + $(evt.target).button("enable"); + $( "#reading-form" ).dialog( "close" ); + }); + // Re-color the node if necessary + return false; + } + }, + create: function() { + }, + open: function() { + $(".ui-widget-overlay").css("background", "none"); + $("#dialog_overlay").show(); + $('#reading_status').empty(); + $("#dialog_overlay").height( $("#enlargement_container").height() ); + $("#dialog_overlay").width( $("#enlargement_container").innerWidth() ); + $("#dialog_overlay").offset( $("#enlargement_container").offset() ); + }, + close: function() { + $("#dialog_overlay").hide(); + } + }).ajaxError( function(event, jqXHR, ajaxSettings, thrownError) { + if( ajaxSettings.url.lastIndexOf( getReadingURL('') ) > -1 + && ajaxSettings.type == 'POST' && jqXHR.status == 403 ) { + var errobj = jQuery.parseJSON( jqXHR.responseText ); + $('#reading_status').append( 'Error: ' + errobj.error + '
' ); + } + $(event.target).parent().find('.ui-button').button("enable"); + }); + + $('#update_workspace_button').click( function() { var svg_enlargement = $('#svgenlargement').svg().svg('get').root(); - mouse_scale = svg_root.children[0].getScreenCTM().a; + mouse_scale = svg_root_element.getScreenCTM().a; if( $(this).data('locked') == true ) { $('#svgenlargement ellipse' ).each( function( index ) { if( $(this).data( 'node_obj' ) != null ) { @@ -590,7 +835,7 @@ $(document).ready(function () { } else { var left = $('#enlargement').offset().left; var right = left + $('#enlargement').width(); - var tf = svg_root.children[0].getScreenCTM().inverse(); + var tf = svg_root_element.getScreenCTM().inverse(); var p = svg_root.createSVGPoint(); p.x=left; p.y=100; @@ -628,11 +873,57 @@ $(document).ready(function () { $('#svgenlargement .relation').find( "title:contains('" + node_id + "')" ).each( function(index) { matchid = new RegExp( "^" + node_id ); if( $(this).text().match( matchid ) != null ) { - relation_manager.toggle_active( $(this).text() ); + var relation_id = $(this).parent().attr('id'); + relation_manager.toggle_active( relation_id ); }; }); } + expandFillPageClients(); + $(window).resize(function() { + expandFillPageClients(); + }); + }); +function expandFillPageClients() { + $('.fillPage').each(function () { + $(this).height($(window).height() - $(this).offset().top - MARGIN); + }); +} + +function loadSVG(svgData) { + var svgElement = $('#svgenlargement'); + + $(svgElement).svg('destroy'); + + $(svgElement).svg({ + loadURL: svgData, + onLoad : svgEnlargementLoaded + }); +} + + +/* OS Gadget stuff + +function svg_select_callback(topic, data, subscriberData) { + svgData = data; + loadSVG(svgData); +} + +function loaded() { + var prefs = new gadgets.Prefs(); + var preferredHeight = parseInt(prefs.getString('height')); + if (gadgets.util.hasFeature('dynamic-height')) gadgets.window.adjustHeight(preferredHeight); + expandFillPageClients(); +} + +if (gadgets.util.hasFeature('pubsub-2')) { + gadgets.HubSettings.onConnect = function(hum, suc, err) { + subId = gadgets.Hub.subscribe("interedition.svg.selected", svg_select_callback); + loaded(); + }; +} +else gadgets.util.registerOnLoadHandler(loaded); +*/