diff --git a/sourcing/static/js/xanaflight.js b/sourcing/static/js/xanaflight.js index fc1ae1b..3e984db 100644 --- a/sourcing/static/js/xanaflight.js +++ b/sourcing/static/js/xanaflight.js @@ -64,8 +64,6 @@ function update_bridge(bridge, name_h1, name_h2) { var bridge_element = document.getElementById(bridge); - console.log(h1, h2, bridge_element); - var h_l, h_r, rect_l, rect_r; if (h1_x_center < h2_x_center) { h_l = h1; @@ -252,7 +250,6 @@ function hover_link_bridge(element, hover) { } function create_bridges(link_count) { - link_bridge_count = link_count; var svg_element = document.getElementById('svg'); @@ -261,7 +258,7 @@ function create_bridges(link_count) { var p = document.createElementNS('http://www.w3.org/2000/svg', 'polygon'); p.setAttribute('id', 'linkbridge' + i); p.setAttribute('class', 'linkbridge'); - p.setAttribute('visibility', 'visible'); + p.setAttribute('visibility', 'hidden'); p.addEventListener('mouseover', function(e) { hover_link_bridge(this, true); @@ -273,6 +270,7 @@ function create_bridges(link_count) { svg_element.appendChild(p); } + } function fulfil(doc, index, doc_count) { @@ -284,38 +282,6 @@ function fulfil(doc, index, doc_count) { 'index': index, 'doc_count': doc_count}); - $('.link').bind('mouseover', function(e) { - hover_link_bridge(this, true); - }); - - $('.link').bind('mouseout', function(e) { - hover_link_bridge(this, false); - }); - - $('.xanadoclink').click(function(e) { - var num = get_end_number(this.id); - var source = $('#link' + num).closest( ".sourcedoc" ); - - var bridge1 = document.getElementById('linkbridge' + num); - var cur_state = bridge1.getAttribute('visibility'); - var new_state = cur_state == 'hidden' ? 'visible' : 'hidden'; - - source.find('.sourcedoclink').each(function(index, value) { - var bridge_num = get_end_number(value.id); - var bridge = document.getElementById('linkbridge' + bridge_num); - bridge.setAttribute('visibility', new_state); - }); - - source.toggle(); - - update(); - }); - - $('.body').bind('scroll', function(event) { - update(); - }); - - $('.sourcedoc').hide(); } function size_svg() { @@ -324,3 +290,29 @@ function size_svg() { $('svg').width(w); $('svg').height(h); } + +function add_handlers() { + $('.xanadoclink').click(function(e) { + var num = get_end_number(this.id); + + var bridge = document.getElementById('linkbridge' + num); + var cur_state = bridge.getAttribute('visibility'); + var new_state = cur_state == 'hidden' ? 'visible' : 'hidden'; + + bridge.setAttribute('visibility', new_state); + + update(); + }); + + $('.xanadoclink').bind('mouseover', function(e) { + hover_link_bridge(this, true); + }); + + $('.xanadoclink').bind('mouseout', function(e) { + hover_link_bridge(this, false); + }); + + $('.body').bind('scroll', function(event) { + update(); + }); +} diff --git a/sourcing/templates/view/xanaflight.html b/sourcing/templates/view/xanaflight.html index b0ca55f..d1433f3 100644 --- a/sourcing/templates/view/xanaflight.html +++ b/sourcing/templates/view/xanaflight.html @@ -57,8 +57,9 @@ $(function() { reset(); // clear all documents and bridges docs.forEach((doc, index) => { fulfil(doc, index, docs.length); - create_bridges(link_count); }); + create_bridges(link_count); + add_handlers(); update(); });