|
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");
|
|
68
|
10 var cdr3column = [];
|
|
0
|
11 for(var a = 0;a < cells.length;++a){
|
|
68
|
12 if(cells[a] == "CDR3 Sequence" || cells[a] == "CDR3_Sense_Sequence" || cells[a] == "Clone Sequence"){
|
|
|
13 cdr3column.push(a);
|
|
12
|
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]));
|
|
68
|
32 if(cdr3column.indexOf(b) != -1){
|
|
|
33 td.className = td.className + " cdr3sequence"
|
|
|
34 }
|
|
0
|
35 tr.appendChild(td)
|
|
|
36 }
|
|
68
|
37
|
|
0
|
38 if(a % 2 == 0){
|
|
|
39 tr.className = "evenrowcolor";
|
|
|
40 } else {
|
|
|
41 tr.className = "oddrowcolor";
|
|
|
42 }
|
|
68
|
43
|
|
0
|
44 tbdy.appendChild(tr);
|
|
|
45 }
|
|
|
46 tbl.appendChild(tbdy);
|
|
|
47 return tbl;
|
|
|
48 }
|
|
|
49
|
|
|
50 function loadfile(file, patient, type){
|
|
12
|
51 patient = patient.replace(".", "\\.");
|
|
0
|
52 $('#hidden_div').load(file, function(){
|
|
|
53 $('#result_div_' + patient + '_' + type).html(tsvToTable($('#hidden_div').html()));
|
|
|
54 $('#result_div_' + patient + '_' + type + ' tr').hover(function() {
|
|
|
55 $(this).addClass('hover');
|
|
|
56 }, function() {
|
|
|
57 $(this).removeClass('hover');
|
|
|
58 });
|
|
|
59 $('#result_div_' + patient + '_' + type + ' table').addClass('result_table');
|
|
|
60 //$('#result_div_' + patient + ' tr:odd').addClass("oddrowcolor");
|
|
|
61 //$('#result_div_' + patient + ' tr:even').addClass("evenrowcolor");
|
|
|
62 $('#result_div_' + patient + '_' + type + ' table').before( "<a href='" + file + "'>Download " + file.replace(".txt", "") + "</a>" );
|
|
|
63 });
|
|
|
64 }
|
|
|
65
|
|
|
66 var currentTD = new Array();
|
|
|
67
|
|
|
68 $( document ).ready(function() {
|
|
|
69 $('.summary_table tr').hover(function() {
|
|
|
70 $(this).addClass('hover');
|
|
|
71 }, function() {
|
|
|
72 $(this).removeClass('hover');
|
|
|
73 });
|
|
|
74
|
|
|
75 $('.summary_table tr:odd').addClass("oddrowcolor");
|
|
|
76 $('.summary_table tr:even').addClass("evenrowcolor");
|
|
|
77
|
|
|
78 $('.summary_table td[data-patient]').click(function() {
|
|
|
79 var tmp = $(this);
|
|
|
80 if(currentTD[tmp.attr("data-patient")] != null){
|
|
|
81 currentTD[tmp.attr("data-patient")].removeClass("clicked_summary");
|
|
|
82 }
|
|
|
83 currentTD[tmp.attr("data-patient")] = tmp;
|
|
|
84 currentTD[tmp.attr("data-patient")].addClass("clicked_summary");
|
|
|
85 });
|
|
16
|
86 });
|
