|
0
|
1 function tsvToTable(data){
|
|
|
2 var lines = data.split("\n");
|
|
|
3 var tbl = document.createElement('table');
|
|
|
4 tbl.className = "result_table";
|
|
|
5 tbl.border="1"
|
|
|
6 var thead = document.createElement('thead');
|
|
|
7 var tr = document.createElement('tr');
|
|
|
8 tr.className = "evenrowcolor";
|
|
|
9 var cells = lines[0].split("\t");
|
|
12
|
10 var cdr3column = 0;
|
|
0
|
11 for(var a = 0;a < cells.length;++a){
|
|
12
|
12 if(cells[a] == "CDR3 Sequence" || cells[a] == "CDR3_Sense_Sequence"){
|
|
|
13 cdr3column = a;
|
|
|
14 }
|
|
0
|
15 var td = document.createElement('td');
|
|
|
16 td.appendChild(document.createTextNode(cells[a]));
|
|
|
17 tr.appendChild(td);
|
|
|
18 }
|
|
|
19 thead.appendChild(tr);
|
|
|
20 tbl.appendChild(thead);
|
|
|
21 var tbdy = document.createElement('tbody');
|
|
|
22
|
|
|
23 for(var a = 1;a < lines.length;++a){
|
|
|
24 tr = document.createElement('tr');
|
|
|
25 var cells = lines[a].split("\t");
|
|
|
26 if(cells.length == 1){
|
|
|
27 continue;
|
|
|
28 }
|
|
|
29 for(var b = 0;b < cells.length;++b){
|
|
|
30 td = document.createElement('td');
|
|
|
31 td.appendChild(document.createTextNode(cells[b]));
|
|
|
32 tr.appendChild(td)
|
|
|
33 }
|
|
|
34 if(a % 2 == 0){
|
|
|
35 tr.className = "evenrowcolor";
|
|
|
36 } else {
|
|
|
37 tr.className = "oddrowcolor";
|
|
|
38 }
|
|
|
39 tbdy.appendChild(tr);
|
|
|
40 }
|
|
|
41 tbl.appendChild(tbdy);
|
|
|
42 return tbl;
|
|
|
43 }
|
|
|
44
|
|
|
45 function loadfile(file, patient, type){
|
|
12
|
46 patient = patient.replace(".", "\\.");
|
|
0
|
47 $('#hidden_div').load(file, function(){
|
|
|
48 $('#result_div_' + patient + '_' + type).html(tsvToTable($('#hidden_div').html()));
|
|
|
49 $('#result_div_' + patient + '_' + type + ' tr').hover(function() {
|
|
|
50 $(this).addClass('hover');
|
|
|
51 }, function() {
|
|
|
52 $(this).removeClass('hover');
|
|
|
53 });
|
|
|
54 $('#result_div_' + patient + '_' + type + ' table').addClass('result_table');
|
|
|
55 //$('#result_div_' + patient + ' tr:odd').addClass("oddrowcolor");
|
|
|
56 //$('#result_div_' + patient + ' tr:even').addClass("evenrowcolor");
|
|
|
57 $('#result_div_' + patient + '_' + type + ' table').before( "<a href='" + file + "'>Download " + file.replace(".txt", "") + "</a>" );
|
|
|
58 });
|
|
|
59 }
|
|
|
60
|
|
|
61 var currentTD = new Array();
|
|
|
62
|
|
|
63 $( document ).ready(function() {
|
|
|
64 $('.summary_table tr').hover(function() {
|
|
|
65 $(this).addClass('hover');
|
|
|
66 }, function() {
|
|
|
67 $(this).removeClass('hover');
|
|
|
68 });
|
|
|
69
|
|
|
70 $('.summary_table tr:odd').addClass("oddrowcolor");
|
|
|
71 $('.summary_table tr:even').addClass("evenrowcolor");
|
|
|
72
|
|
|
73 $('.summary_table td[data-patient]').click(function() {
|
|
|
74 var tmp = $(this);
|
|
|
75 if(currentTD[tmp.attr("data-patient")] != null){
|
|
|
76 currentTD[tmp.attr("data-patient")].removeClass("clicked_summary");
|
|
|
77 }
|
|
|
78 currentTD[tmp.attr("data-patient")] = tmp;
|
|
|
79 currentTD[tmp.attr("data-patient")].addClass("clicked_summary");
|
|
|
80 });
|
|
16
|
81 });
|
