Mercurial > repos > fgiacomoni > bank_inhouse
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 © 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