Mercurial > repos > fgiacomoni > bank_inhouse
view 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 source
<?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>