diff bih.tmpl @ 0:be582bcd6585 draft

Master branch Updating - - Fxx
author fgiacomoni
date Thu, 04 Oct 2018 10:37:14 -0400
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/bih.tmpl	Thu Oct 04 10:37:14 2018 -0400
@@ -0,0 +1,129 @@
+<?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>
\ No newline at end of file