Click to show bridges.

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();
+    });
+}

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();
 });
 </script>