-
Notifications
You must be signed in to change notification settings - Fork 8
/
block_template.html
81 lines (79 loc) · 3.49 KB
/
block_template.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<html lang="en">
<head>
<base target="_parent"/>
<link rel="stylesheet" media="all" href="/site_media/resources/bootstrap/css/bootstrap.min.css">
<link href="/site_media/resources/kendo/styles/kendo.common.min.css" rel="stylesheet">
<link href="/site_media/resources/less/kendo.tb.min.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="/site_media/resources/styles/tb-styles.min.css">
<script type="text/javascript" src="/site_media/jquery/js/jquery-1.7.2.min.js"></script>
<style type="text/css">
p, ul{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
.zebra { background-color: #E1EFFA;}
.table_hover {color: #009;background-color: #6DBCEE;}
.k-grid td {text-align: center;}
.green {color:#39B54A;}
.orange {color:#F7941D;}
.red {color:#ED1C24;}
</style>
</head>
<body style="background:white">
<script>
$( document ).ready(function() {
$('.zscore').each(function() {
var zscore =parseFloat($(this).text()) ;
console.debug(zscore);
if (zscore < 1.96)
$(this).addClass('green');
if (zscore >= 1.96 && zscore < 1.96 * 2)
$(this).addClass('orange');
if (zscore >= 1.96*2)
$(this).addClass('red');
});
});
</script>
<div class="k-widget k-grid">
<table class="table-striped">
<thead class="k-grid-header">
<tr>
<th><span class="help" title="Barcode name">Barcode Name</span></th>
<th><span class="help" title="Sample name">Sample</span></th>
<th><span class="help" title="Chromosome 21">chrom 21</span></th>
<th><span class="help" title="Chromosome 18">chrom 18</span></th>
<th><span class="help" title="Chromosome 13">chrom 13</span></th>
<th><span class="help" title="FF defrag">FF defrag</span></th>
<th><span class="help" title="FF sanefalcon">FF sanefalcon</span></th>
<th><span class="help" title="Sex">Sex</span></th>
<th><span class="help" title="Download links">Download Links</span></th>
</tr>
</thead>
{% for i in files %}
<tr>
<td style="text-align:left">{{i.barcode}}</td>
<td>{{i.sample}}</td>
<td class="zscore">{{i.s21}}</td>
<td class="zscore">{{i.s18}}</td>
<td class="zscore">{{i.s13}}</td>
<td>{{i.ff_defrag}}</td>
<td>{{i.ff_sanefalcon}}</td>
{% if i.fiability == 0 %}
<td class="red">{{i.sex}}</td>
{% elif i.fiability == 1 %}
<td class="orange">{{i.sex}}</td>
{% else %}
<td class="green">{{i.sex}}</td>
{% endif %}
<td style="text-align:center">
<a class="btn" href="{{ i.pickle }}">PICKLE</a>
<a class="btn" href="{{ i.tested }}">TESTED</a>
<a class="btn" href="{{ i.nucProf }}">PROFILE</a>
<a class="btn btn-primary " href="{{ i.pdf }}">DOWNLOAD PDF</a>
</td>
</tr>
{% endfor %}
</table>
</div>
<p></p>
<p><b>FF defrag:</b> Determine the gender and fetal fraction based on chrY mapping profiles</p>
<p><b>FF sanefalcon:</b> Determine the fetal fraction based on genome-wide nucleosome profiles</p>
</body>
</html>