Mercurial > repos > damion > blast_reporting
comparison templates/html_report_header.html @ 0:7db7ecc78ad6 draft
Uploaded
author | damion |
---|---|
date | Mon, 02 Mar 2015 20:46:00 -0500 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:7db7ecc78ad6 |
---|---|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
3 <head> | |
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
5 <meta name="generator" content="Galaxy %s tool output - see http://g2.trac.bx.psu.edu/" /> | |
6 <title>Galaxy Blast Search Reporting</title> | |
7 | |
8 <style> | |
9 body { | |
10 font-size:0.75em; font-family:arial | |
11 } | |
12 table, tr { | |
13 width: 100%; | |
14 } | |
15 table { | |
16 border-collapse: collapse; | |
17 border: 1px solid black; | |
18 } | |
19 tbody tr:first-child td { | |
20 border-top:3px solid black; | |
21 } | |
22 thead.top { | |
23 background-color: lightgrey; | |
24 } | |
25 thead.inside { | |
26 background-color: lightblue; | |
27 text-align:left | |
28 } | |
29 thead th {padding:3px;vertical-align:bottom} | |
30 thead > tr > th .sectionCheckbox { | |
31 position:absolute; | |
32 left:12px; | |
33 } | |
34 tfoot td {border-top: 1px solid black; text-align:center} | |
35 td.numeric { | |
36 text-align:right; | |
37 padding-left:15px; | |
38 white-space: nowrap} | |
39 td:first-child { | |
40 white-space: nowrap | |
41 } | |
42 td { vertical-align:top; | |
43 border-left: 1px solid black; | |
44 border-right: 1px solid black; | |
45 border-bottom: 1px dashed grey; | |
46 padding:3px; | |
47 } | |
48 .section { | |
49 page-break-after: always; | |
50 margin-top:5px; | |
51 margin-bottom:5px; | |
52 } | |
53 .section .section_title { | |
54 margin-bottom:5px; | |
55 } | |
56 | |
57 .section:last-child { | |
58 page-break-after: avoid; !important; | |
59 } | |
60 | |
61 tbody:first-child { | |
62 page-break-before: avoid; | |
63 } | |
64 | |
65 .section_depth1 > .section_title {font-size:1.3rem; color: blue;} | |
66 .section_depth2 > .section_title {font-size:.9rem; color: blue;} | |
67 .section_depth3 > .section_title {font-size:.8rem; color: blue;} | |
68 | |
69 .headerMessage {font-size: 1rem; font-weight:bold; border:1px solid black; padding:10px} | |
70 .headerMessage ul {font-size: .9rem; font-weight:normal} | |
71 | |
72 .sanitize_all_html_problem {display:none} | |
73 div.footerLeft {float:left;padding-right:20px} | |
74 div.footerRight {float:right;padding-left:20px} | |
75 div.footerCenter {display:inline-block} | |
76 | |
77 span.rowViewer1 {color:blue; cursor:pointer} | |
78 | |
79 span.super { | |
80 color: navy; | |
81 font-weight:bold; | |
82 font-size: 90%; | |
83 vertical-align: top; | |
84 } | |
85 | |
86 @media print | |
87 { | |
88 .nonprintable {display:none} | |
89 } | |
90 </style> | |
91 | |
92 <!-- Note, no external javascript required --> | |
93 <script> | |
94 | |
95 window.onload = function () { | |
96 visible_rows = 20; | |
97 | |
98 var tables = document.getElementsByTagName('TABLE'); | |
99 for (var ptr = 0; ptr < tables.length; ptr ++) { | |
100 viewTable(tables[ptr], false); | |
101 } | |
102 | |
103 function viewTable(table, showFlag) { | |
104 var row_count = 0; | |
105 var tbodies = table.getElementsByTagName('TBODY'); // So no thead/tfoot tr's. | |
106 for (var ptr1 = 0; ptr1 < tbodies.length; ptr1 ++ ) { | |
107 trs = tbodies[ptr1].getElementsByTagName('TR'); | |
108 for (var ptr2 = 0; ptr2 < trs.length; ptr2 ++ ) { | |
109 row_count ++; | |
110 // TR visibility cut off after visible_rows by default | |
111 trs[ptr2].style.display = (row_count <= visible_rows || showFlag) ? '' : 'none'; | |
112 } | |
113 } | |
114 initTableFooter(table, row_count, showFlag); | |
115 | |
116 var theaders = table.getElementsByTagName('THEAD'); | |
117 var inputToggle = theaders[0].getElementsByTagName('INPUT')[0]; | |
118 if (inputToggle) { | |
119 inputToggle.checked = false; | |
120 inputToggle.onchange = function() {toggleInputs(inputToggle, table)}; | |
121 } | |
122 } | |
123 | |
124 function initTableFooter(table, row_count, showFlag) { | |
125 // rowViewer1 and rowViewer2 spans provide option for viewing overflow rows | |
126 var tfoots = table.getElementsByTagName('TFOOT'); | |
127 var rowViewers = tfoots[0].getElementsByTagName('SPAN'); | |
128 if (row_count > visible_rows) { | |
129 rowViewers[0].innerHTML = visible_rows + " of"; | |
130 if (showFlag) { | |
131 rowViewers[0].style.display = 'none'; | |
132 rowViewers[1].innerHTML = 'View first 20'; | |
133 rowViewers[1].onclick = function() {viewTable(table, false)} | |
134 } | |
135 else { | |
136 rowViewers[0].style.display = ''; | |
137 rowViewers[1].innerHTML = 'View All'; | |
138 rowViewers[1].onclick = function() {viewTable(table, true)} | |
139 } | |
140 } | |
141 } | |
142 } | |
143 </script> | |
144 </head> | |
145 <body> | |
146 | |
147 <div style="float:right" id="buttonPrint" class="nonprintable"> | |
148 <button onclick="window.print()">Print</button> | |
149 </div> | |
150 | |
151 <blockquote class="sanitize_all_html_problem" class="nonprintable"> | |
152 | |
153 *********************************************************** | |
154 <p><b>Your Galaxy installation needs to be adjusted<br/> | |
155 to work with this plugin because HTML styles and<br/> | |
156 javascript are currently being omitted ("sanitized").</b></p> | |
157 | |
158 <p><b>Galaxy administrator: set sanitize_all_html=False in universe_wsgi.ini</b></p> | |
159 *********************************************************** | |
160 | |
161 </blockquote> | |
162 |