919fd51f9c066f3daaff108b94da1c689c75dc29
[scpubgit/stemmatology.git] / TreeOfTexts / root / js / interaction.js
1 var colors = ['#ffeeaa','#afc6e9','#d5fff6','#ffccaa','#ffaaaa','#e5ff80','#e5d5ff','#ffd5e5'];
2 var row_triggered = false;
3 $(document).ready(function() {
4   $('.rowid').click( function() {
5     row_triggered = true;
6     $('ellipse').attr( {stroke:'black', fill:'#fff'} );
7     $('.node').children('polygon').attr( {stroke:'#fff', fill:'#fff'} );
8     $('.node').children('text').attr( {stroke:'none', fill:'#000'} );
9     $('tr.active_variant_row').children('td').removeClass('cellb0 cellb1 cellb2 cellb3 cellb4 cellb5 cellb6 cellb7'); 
10     $(this).parent().nextAll('.clickable').children('span').click();
11     $('td.active_variant_cell').removeClass('active_variant_cell');
12     row_triggered = false;
13   });
14 })
15 function color_nodes( column_index, arr_node_ids, arr_greynode_ids ) {
16   if( !row_triggered ) {
17     $('tr.active_variant_row').children('td').removeClass('cellb0 cellb1 cellb2 cellb3 cellb4 cellb5 cellb6 cellb7'); 
18     $('td.active_variant_cell').removeClass('active_variant_cell');
19     $('ellipse').attr( {stroke:'black', fill:'#fff'} );
20     $('.node').children('polygon').attr( {stroke:'#fff', fill:'#fff'} );
21     $('.node').children('text').attr( {stroke:'none', fill:'#000'} );
22   }; 
23   $('tr.active_variant_row').removeClass('active_variant_row') 
24   jQuery.each( arr_greynode_ids, function(index,value) {
25     nodes = $('.node').children('title').filter( function(index) {
26       return $(this).text() == value;
27     })
28     nodes.siblings('ellipse, polygon, text').each( function( index ) {
29         $(this).attr( {stroke:'#ddd', fill:'#f8f8f8'} );
30       });
31   });
32   jQuery.each( arr_node_ids, function(index,value) {
33     $('.node').children('title').filter( function(index) {
34       return $(this).text() == value;
35     }).siblings('ellipse, polygon').each( function( index ) {
36         $(this).attr( {stroke:'black', fill:colors[column_index-1]} );
37       });
38   });
39 }