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