X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fjs%2Frelationship.js;h=bf62e6b8671e985c69e224f8224c9291528104fe;hb=2d34519e7ea7d01377d355f858030a9faa5d014b;hp=b2a6f2df75f1f6e4164230cf1379f12b3bb78bee;hpb=cfa6ff766d71f99550b215cf31b9d5f82bdfcde4;p=scpubgit%2Fstemmaweb.git diff --git a/root/js/relationship.js b/root/js/relationship.js index b2a6f2d..bf62e6b 100644 --- a/root/js/relationship.js +++ b/root/js/relationship.js @@ -4,6 +4,7 @@ var svg_root_element = null; var start_element_height = 0; var reltypes = {}; var readingdata = {}; +var text_direction = 'LR'; jQuery.removeFromArray = function(value, arr) { return jQuery.grep(arr, function(elem, index) { @@ -224,7 +225,10 @@ function svgEnlargementLoaded() { //initialize marquee marquee = new Marquee(); - + + if (text_direction == 'RL') { + scrollToEnd(); + } } function add_relations( callback_fn ) { @@ -818,22 +822,22 @@ function merge_nodes( source_node_id, target_node_id, consequences ) { parent_g = svg.group( $('#svgenlargement svg g') ); var ids_text = node_ids[0] + '-' + node_ids[1]; var merge_id = 'merge-' + ids_text; - svg.image( parent_g, xC, (yC-8), 16, 16, merge_button_yes, { id: merge_id } ); - svg.image( parent_g, (xC+20), (yC-8), 16, 16, merge_button_no, { id: 'no' + merge_id } ); - $( '#' + merge_id ).hover( function(){ $(this).addClass( 'draggable' ) }, function(){ $(this).removeClass( 'draggable' ) } ); - $( '#no' + merge_id ).hover( function(){ $(this).addClass( 'draggable' ) }, function(){ $(this).removeClass( 'draggable' ) } ); - $( '#' + merge_id ).click( function( evt ){ + var yes = svg.image( parent_g, xC, (yC-8), 16, 16, merge_button_yes, { id: merge_id } ); + var no = svg.image( parent_g, (xC+20), (yC-8), 16, 16, merge_button_no, { id: 'no' + merge_id } ); + $(yes).hover( function(){ $(this).addClass( 'draggable' ) }, function(){ $(this).removeClass( 'draggable' ) } ); + $(no).hover( function(){ $(this).addClass( 'draggable' ) }, function(){ $(this).removeClass( 'draggable' ) } ); + $(yes).click( function( evt ){ merge_node( node_ids[0], node_ids[1] ); temp_relation.remove(); - $( '#' + merge_id ).parent().remove(); + $(evt.target).parent().remove(); //notify backend var ncpath = getTextURL( 'merge' ); var form_values = "source_id=" + node_ids[0] + "&target_id=" + node_ids[1] + "&single=true"; $.post( ncpath, form_values ); } ); - $( '#no' + merge_id ).click( function( evt ) { + $(no).click( function( evt ) { temp_relation.remove(); - $( '#' + merge_id ).parent().remove(); + $(evt.target).parent().remove(); } ); } ); } @@ -851,6 +855,39 @@ function merge_node( source_node_id, target_node_id ) { $( jq( source_node_id ) ).remove(); } +function compress_nodes(readings) { + //add text of other readings to 1st reading + + var first = get_ellipse(readings[0]); + var first_title = first.parent().find('text')[0]; + + for (var i = 1; i < readings.length; i++) { + var cur = get_ellipse(readings[i]); + var cur_title = cur.parent().find('text')[0]; + + first_title.textContent += " " + cur_title.textContent; + }; + + //delete all others + for (var i = 1; i < readings.length; i++) { + var node = get_ellipse(readings[i]); + var rid = readings[i-1] + '->' + readings[i]; + + //[].slice.call(s.getElementsByTagName('title')).find(function(elem){return elem.textContent=='r64.2->r66.2'}).parentNode.remove() + + console.log(svg_root, svg_root_element); + + console.log(rid); + + [].slice.call(svg_root.getElementsByTagName('title')) + .find(function(elem){ + return elem.textContent==rid + }).parentNode.remove(); + + node.parent().remove(); + } +} + function Marquee() { var self = this; @@ -942,17 +979,53 @@ function Marquee() { if( $('ellipse[fill="#9999ff"]').size() > 0 ) { //add intersection of witnesses sets to the multi select form and open it $('#detach_collated_form').empty(); + $.each( readings, function( index, value ) { $('#detach_collated_form').append( $('').attr( "type", "hidden").attr("name", "readings[]").attr( "value", value ) ); - }); - $.each( witnesses, function( index, value ) { + }); + $.each( witnesses, function( index, value ) { $('#detach_collated_form').append( '' + value + '
' ); }); $('#multiple_selected_readings').attr('value', readings.join(',') ); + + if ($('#action-merge')[0].checked) { + $('#detach_collated_form').hide(); + $('#multipleselect-form-text').hide(); + + $('#detach_btn').hide(); + $('#merge_btn').show(); + } else { + $('#detach_collated_form').show(); + $('#multipleselect-form-text').show(); + + $('#detach_btn').show(); + $('#merge_btn').hide(); + } + + $('#action-detach').change(function() { + if ($('#action-detach')[0].checked) { + $('#detach_collated_form').show(); + $('#multipleselect-form-text').show(); + + $('#detach_btn').show(); + $('#merge_btn').hide(); + } + }); + + $('#action-merge').change(function() { + if ($('#action-merge')[0].checked) { + $('#detach_collated_form').hide(); + $('#multipleselect-form-text').hide(); + + $('#detach_btn').hide(); + $('#merge_btn').show(); + } + }); + $('#multipleselect-form').dialog( 'open' ); } self.svg_rect.remove( $('#marquee') ); @@ -981,6 +1054,21 @@ function readings_equivalent( source, target ) { return false; } +function scrollToEnd() { + var stateTf = svg_root_element.getCTM().inverse(); + + var vbdim = svg_root.viewBox.baseVal; + var width = Math.floor(svg_root_element.getBoundingClientRect().width) - vbdim.width; + + var p = svg_root.createSVGPoint(); + p.x = width; + p.y = 0; + p = p.matrixTransform(stateTf); + + var matrix = stateTf.inverse().translate(-p.x, -100); + var s = "matrix(" + matrix.a + "," + matrix.b + "," + matrix.c + "," + matrix.d + "," + matrix.e + "," + matrix.f + ")"; + svg_root_element.setAttribute("transform", s); +} $(document).ready(function () { @@ -1224,10 +1312,12 @@ $(document).ready(function () { modal: true, buttons: { Cancel: function() { $( this ).dialog( "close" ); }, - Detach: function ( evt ) { + Detach: function ( evt ) { + evt.target.id = 'detach_btn'; + var self = $(this); - var mybuttons = $(evt.target).closest('button').parent().find('button'); - mybuttons.button( 'disable' ); + var mybuttons = $(evt.target).closest('button').parent().find('button'); + mybuttons.button( 'disable' ); var form_values = $('#detach_collated_form').serialize(); ncpath = getTextURL( 'duplicate' ); var jqjson = $.post( ncpath, form_values, function(data) { @@ -1235,6 +1325,31 @@ $(document).ready(function () { mybuttons.button("enable"); self.dialog( "close" ); } ); + }, + Merge: function (evt) { + evt.target.id = 'merge_btn'; + + var self = $(this); + var mybuttons = $(evt.target).closest('button').parent().find('button'); + mybuttons.button('disable'); + + var ncpath = getTextURL('compress'); + var form_values = $('#detach_collated_form').serialize(); + + var jqjson = $.post(ncpath, form_values, function(data) { + if (data.success) { + if (data.nodes) { + compress_nodes(data.nodes); + } + + mybuttons.button('enable'); + self.dialog('close'); + } else if (data.error_msg) { + document.getElementById('duplicate-merge-error').innerHTML = data.error_msg; + mybuttons.button('enable'); + + } + }); } }, create: function(event, ui) { @@ -1249,6 +1364,11 @@ $(document).ready(function () { $("#dialog_overlay").height( $("#enlargement_container").height() ); $("#dialog_overlay").width( $("#enlargement_container").innerWidth() ); $("#dialog_overlay").offset( $("#enlargement_container").offset() ); + + var mybuttons = $(this).parent().find('button'); + + mybuttons[1].id = 'detach_btn'; + mybuttons[2].id = 'merge_btn'; }, close: function() { marquee.unselect(); @@ -1468,7 +1588,9 @@ function expandFillPageClients() { }); } -function loadSVG(svgData) { +function loadSVG(svgData, direction) { + text_direction = direction; + var svgElement = $('#svgenlargement'); $(svgElement).svg('destroy');