Mercurial > repos > fgiacomoni > bank_inhouse

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="INRA de Clermont-Ferrand">

		<title>Galaxy bank_inhouse queries - All results</title>

		<link rel="stylesheet" href="css.php" media="all">
		<link rel="stylesheet" href="<TMPL_VAR NAME=CSS_GALAXY_PATH>/simplePagination.css"/>

		<!-- JavaScript -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<script src="<TMPL_VAR NAME=JS_GALAXY_PATH>/jquery.simplePagination.js"></script>
		<style>

			body {padding-top: 70px}
			div.lm-table-warning {font-size: 1.4em;font-weight: bold;padding-right: 25px;color: #21536a;margin-left: 3px;}
			tr.green td  {background-color: #eaf2d3; color: black;}
			tr.blank td {background-color: #9999CC; color: black;}
			table {font-family:\"Trebuchet MS\", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
			table.detail, table.detail tr.parent, table.detail td, table.detail th, table.detail tr.category {border-collapse:collapse;border:1px solid #98bf21;}
			table.detail th {font-size: 1.2em;text-align: center;padding-top: 5px;padding-bottom: 10px;background-color: #a7c942;color: #ffffff;}
			td.center-align {text-align:center;}
			footer {margin: 50px 0;}

		</style>
		<script>
			function test(pageNumber)
			{
			  var page="#page-id-"+pageNumber;
			  $('.select').hide()
			  $(page).show()

			}
		</script>
	</head>
	<body>
		<div class="container">
		<div class="lm-table-warning">Results of bank_inhouse queries - <TMPL_VAR NAME=CONDITIONS></div>
		<div id="detail_table_source" style="display:none"></div>
		<p>
		<div id="choose">
		</div>
		<p>

		<div id="ms_search_0" class="ms-search-table"></div>
		<!-- HeadRows-->
		<table id="detail_table" class="detail">
			<col style="width:30px;"><!-- Ids (m/z)-->
			<col style="width:30px;"><!-- Mass (m/z)-->
			<col style="width:30px;"><!-- Compound-->
			<col style="width:120px;"><!-- name-->
			<col style="width:40px;"><!-- adduct-->
			<col style="width:50px;"><!-- adduct type-->
			<col style="width:60px;"><!-- adduct mw-->
			<col style="width:60px;"><!-- cpd mw-->
			<col style="width:50px;"><!-- delta-->
			<thead>
				<th>ID from input</th>
				<th>Mass (m/z)</th>
				<th>Compound_ID</th>
				<th>Formula</th>
				<th>Compound MW (Da)</th>
				<th>Adduct</th>
				<th>Adduct_Type</th>
				<th>Adduct MW (Da)</th>
				<th>Delta</th>
			</thead>
			<TMPL_LOOP NAME=PAGES>
			<tbody class="select" id="page-id-<TMPL_VAR NAME=PAGE_NB>">
				<TMPL_LOOP NAME=MASSES>
				<tr class="<TMPL_VAR NAME=MZ_COLOR>">
					<td class="center-align" ><TMPL_VAR NAME=MASSES_ID_QUERY></td>
					<td id="<TMPL_VAR NAME=MASSES_NB>" class="center-align" ><TMPL_VAR NAME=MASSES_MZ_QUERY></td>
					<td class="center-align" colspan="7"></td>
				</tr>
				<TMPL_LOOP NAME=ENTRIES>
				<tr class="<TMPL_VAR NAME=ENTRY_COLOR>">
					<td class="center-align" colspan="2"></td>
					<td class="center-align"><a href="http://www.bank_inhouse.ca/metabolites/<TMPL_VAR NAME=ENTRY_ENTRY_ID2>" target="_blank" class="btn"><TMPL_VAR NAME=ENTRY_ENTRY_ID></a></td>
					<td class="center-align"><TMPL_VAR NAME=ENTRY_FORMULA></td>
					<td class="center-align"><TMPL_VAR NAME=ENTRY_CPD_MZ></td>
					<td class="center-align"><TMPL_VAR NAME=ENTRY_ADDUCT></td>
					<td class="center-align"><TMPL_VAR NAME=ENTRY_ADDUCT_TYPE></td>
					<td class="center-align"><TMPL_VAR NAME=ENTRY_ADDUCT_MZ></td>
					<td class="center-align"><TMPL_VAR NAME=ENTRY_DELTA></td>
				</tr>
				</TMPL_LOOP>
				</TMPL_LOOP>
			</tbody>
			</TMPL_LOOP>
		</table>
		</div>

		<div class="container">
			<hr>
			<footer>
			<div class="row">
			  <div class="col-lg-12">
				<p>
				<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">
					<img style="border:0;width:88px;height:31px"
						src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
						alt="Valid CSS!" />
				</a>
				</p>
				<p>Copyright &copy; INRA, M Landi 2014 - Jquery Pluggin by <a href="http://flaviusmatis.github.com/" target="_blank">Flavius Matis</a></p>
			  </div>
			 </div>
		 </footer>
		</div>
		<script language="javascript">
			$(function() {
				$('#choose').pagination({
					items: <TMPL_VAR NAME=PAGES_NB>,
					itemsOnPage: 1,
					currentPage: 1,
					onInit: function () { test(1); },
					cssStyle: 'light-theme',
					onPageClick: function(pageNumber){test(pageNumber)}
				}).pagination('redraw');
			});
		</script>
	</body>
</html>
author	fgiacomoni
date	Thu, 24 Jan 2019 10:02:05 -0500
parents	be582bcd6585
children