issue #373 added revamped code to make EvidenceView legend interactive

common/client-base/src/main/webapp/WEB-INF/tags/layout/page.tag

@@ -65,6 +65,8 @@
         <script type="text/javascript" src="html/javascript/utils-config.js"></script>
 		<!-- interactive summary Legend for Gene View -->
         <script type="text/javascript" src="html/GeneView/summariseLegend.js"></script>
+        <!-- interactive Legend for Evidence View -->
+        <script type="text/javascript" src="html/javascript/evidence_legend.js"></script>
         <script type="text/javascript" src="html/javascript/utils.js"></script>
       	<script type="text/javascript" src="html/javascript/jquery.tablesorter.js"></script>
         <!-- loader/spinner -->

common/client-base/src/main/webapp/html/javascript/evidence_legend.js

@@ -0,0 +1,76 @@
+ /*
+  * Function to create interactive legend for Evidence View.
+  * @returns interactive Evidence View legend <div> for filtering
+  */
+ function getEvidencesLegend(ev_fullText) {
+  var evi_view= ev_fullText.split("\n");
+
+  var summaryArr = new Array();
+  for(var i=1; i < evi_view.length-1; i++) {
+      var evi= evi_view[i].split("\t")[0].trim();
+      if(evi !== "") { summaryArr.push(evi); }
+     }
+console.log("summaryArr: "+ summaryArr);
+
+  var evi_legend= new Map();
+  // Iterate through evidence types and get counts for each evidence Concept Type.
+  summaryArr.forEach(function(evi) {
+      var eviType= evi.trim();
+      // check/add unique evidence types to Map
+          if(evi_legend.has(eviType)) {
+             var old_count= evi_legend.get(eviType);
+             evi_legend.set(eviType, old_count+1);
+             console.log("\t EvidencesLegend: updated count for eviType: "+ eviType +" to= "+ evi_legend.get(eviType));
+            }
+          else { // add new evidence type to Map
+              evi_legend.set(eviType, 1);
+              console.log("\t EvidencesLegend: added new eviType: "+ eviType);
+          }
+     });
+
+  // Display evidence icons with count and name in legend.
+  var legend= '<div id="evidenceSummary1" class="evidenceSummary" title="Click to filter by type">';
+  var summaryText = '';
+  evi_legend.forEach(function(value, key, map) {
+      var contype= key.trim();
+      console.log("key, value: "+ key +", "+ value);
+      summaryText = summaryText + '<div class="evidenceSummaryItem"><div class="evidence_item evidence_item_' + key + '" onclick=filterEvidenceTableByType("'+contype+'"); title="' + key + '"></div>' + value + '</div>';
+  });
+
+  legend= legend + summaryText + '<input id="revertEvidenceView" type="button" value="" class="unhover" title= "Revert all filtering changes">'+'</div>';
+  return legend;
+ }
+
+  /*
+  * Function
+  * Filter visible Evidence View table by selected Concept Type (from legend)
+  */
+ function filterEvidenceTableByType(key) {
+  console.log("Evidence View legend: filterEvidenceTableByType= "+ key);
+  // Check which Tab user is on: Gene View or Evidence View
+  try {
+      if ($('#evidenceTable').css('display') === 'block') {
+        // get tbody
+        //  $('#tablesorterEvidence').children('tbody');
+          var evTable= /*$('#tablesorterEvidence');*/ document.getElementById("tablesorterEvidence");
+	  var rowLength= evTable.rows.length;
+	  console.log("EvidenceTable: rows= "+ rowLength +", columns= "+ evTable.rows[0].cells.length);
+	  for(var i=1; i < rowLength; i++) { // i=1 to skip title row
+	      var currentRow= evTable.rows.item(i);
+	      // get cells of current row
+		  var ev_cells = currentRow.cells;
+		  var evType= ev_cells.item(1).innerHTML; // Evidences
+		  console.log("EvidenceTable: evType: "+ evType +"; evName: "+ ev_cells.item(2).innerHTML);
+		  if(!evType.includes(key)) {
+		  console.log("HIDE evType: "+ evType);
+		     // hide row
+			 currentRow.style.display= 'none';
+		    }
+	      }
+           }
+     }
+     catch (err) {
+         var errorMsg = err.stack + ":::" + err.name + ":::" + err.message;
+         console.log(errorMsg);
+        }
+ }