annotate templates/html_report_header.html @ 1:812de0e282bd draft default tip

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