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 |