view 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
line wrap: on
line source

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<meta name="generator" content="Galaxy %s tool output - see http://g2.trac.bx.psu.edu/" /> 
        	<title>Galaxy Blast Search Reporting</title> 
		
		<style>
			body {
				font-size:0.75em; font-family:arial 
			}
			table, tr {
				width: 100%;
			}
			table {
				border-collapse: collapse;
				border: 1px solid black;
			}
			tbody tr:first-child td {
				border-top:3px solid black;
			}
			thead.top {
				background-color: lightgrey;
			}
			thead.inside {
				background-color: lightblue;
				text-align:left
			}
			thead th {padding:3px;vertical-align:bottom}
			thead > tr > th .sectionCheckbox {
				position:absolute;
				left:12px;
			}
			tfoot td {border-top: 1px solid black; text-align:center}
			td.numeric {
				text-align:right;
				padding-left:15px;
				white-space: nowrap}
			td:first-child {
				white-space: nowrap			
			}
			td {    vertical-align:top;
				border-left: 1px solid black;
				border-right: 1px solid black;
				border-bottom: 1px dashed grey;
				padding:3px;
			}
			.section {
				page-break-after: always;
				margin-top:5px;
				margin-bottom:5px;
			}
			.section .section_title {
				margin-bottom:5px;
			}
			
			.section:last-child {
				page-break-after: avoid; !important;
			}
			
			tbody:first-child {
				page-break-before: avoid;
			}

			.section_depth1 > .section_title {font-size:1.3rem; color: blue;}
			.section_depth2 > .section_title {font-size:.9rem; color: blue;}
			.section_depth3 > .section_title {font-size:.8rem; color: blue;}

			.headerMessage {font-size: 1rem; font-weight:bold; border:1px solid black; padding:10px}
			.headerMessage ul {font-size: .9rem; font-weight:normal}

			.sanitize_all_html_problem {display:none}
			div.footerLeft {float:left;padding-right:20px}
			div.footerRight {float:right;padding-left:20px}
			div.footerCenter {display:inline-block}

			span.rowViewer1 {color:blue; cursor:pointer}

			span.super {
				color: navy;
				font-weight:bold;
				font-size: 90%;
				vertical-align: top;
			}
			
			@media print
			{
				.nonprintable {display:none}
			}
		</style>
		
		<!-- Note, no external javascript required -->
		<script>

			window.onload = function () {
				visible_rows = 20;

				var tables = document.getElementsByTagName('TABLE');
				for (var ptr = 0; ptr < tables.length; ptr ++) {
					viewTable(tables[ptr], false);
				}

				function viewTable(table, showFlag) {
					var row_count = 0;
					var tbodies = table.getElementsByTagName('TBODY'); // So no thead/tfoot tr's.
					for (var ptr1 = 0; ptr1 < tbodies.length; ptr1 ++ ) {
						trs = tbodies[ptr1].getElementsByTagName('TR');
						for (var ptr2 = 0; ptr2 < trs.length; ptr2 ++ ) {
							row_count ++;
							// TR visibility cut off after visible_rows by default
							trs[ptr2].style.display = (row_count <= visible_rows || showFlag) ? '' : 'none';
						}
					}
					initTableFooter(table, row_count, showFlag);
					
					var theaders = table.getElementsByTagName('THEAD'); 
					var inputToggle = theaders[0].getElementsByTagName('INPUT')[0];
					if (inputToggle) {
						inputToggle.checked = false;
						inputToggle.onchange = function() {toggleInputs(inputToggle, table)};
					}
				}

				function initTableFooter(table, row_count, showFlag) {
					// rowViewer1 and rowViewer2 spans provide option for viewing overflow rows
					var tfoots = table.getElementsByTagName('TFOOT');
					var rowViewers = tfoots[0].getElementsByTagName('SPAN');
					if (row_count > visible_rows) {
						rowViewers[0].innerHTML = visible_rows + " of";
						if (showFlag) {
							rowViewers[0].style.display = 'none';
							rowViewers[1].innerHTML = 'View first 20';
							rowViewers[1].onclick = function() {viewTable(table, false)}
						}
						else {
							rowViewers[0].style.display = '';
							rowViewers[1].innerHTML = 'View All';
							rowViewers[1].onclick = function() {viewTable(table, true)}
						}
					}
				}
			}
		</script>
	</head> 
	<body>
	
		<div style="float:right" id="buttonPrint" class="nonprintable">
			<button onclick="window.print()">Print</button>
		</div>
		
		<blockquote class="sanitize_all_html_problem" class="nonprintable">

			***********************************************************
			<p><b>Your Galaxy installation needs to be adjusted<br/>
			to work with this plugin because HTML styles and<br/>
			javascript are currently being omitted ("sanitized").</b></p>
			
			<p><b>Galaxy administrator: set sanitize_all_html=False in universe_wsgi.ini</b></p>
			***********************************************************

		</blockquote>