Mercurial > repos > fgiacomoni > bank_inhouse
comparison bih.tmpl @ 0:be582bcd6585 draft
Master branch Updating - - Fxx
author | fgiacomoni |
---|---|
date | Thu, 04 Oct 2018 10:37:14 -0400 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:be582bcd6585 |
---|---|
1 <?xml version="1.0" encoding="UTF-8" ?> | |
2 <!DOCTYPE html> | |
3 <html lang="en"> | |
4 <head> | |
5 <meta charset="utf-8"> | |
6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
7 <meta name="description" content=""> | |
8 <meta name="author" content="INRA de Clermont-Ferrand"> | |
9 | |
10 <title>Galaxy bank_inhouse queries - All results</title> | |
11 | |
12 <link rel="stylesheet" href="css.php" media="all"> | |
13 <link rel="stylesheet" href="<TMPL_VAR NAME=CSS_GALAXY_PATH>/simplePagination.css"/> | |
14 | |
15 <!-- JavaScript --> | |
16 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | |
17 <script src="<TMPL_VAR NAME=JS_GALAXY_PATH>/jquery.simplePagination.js"></script> | |
18 <style> | |
19 | |
20 body {padding-top: 70px} | |
21 div.lm-table-warning {font-size: 1.4em;font-weight: bold;padding-right: 25px;color: #21536a;margin-left: 3px;} | |
22 tr.green td {background-color: #eaf2d3; color: black;} | |
23 tr.blank td {background-color: #9999CC; color: black;} | |
24 table {font-family:\"Trebuchet MS\", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;} | |
25 table.detail, table.detail tr.parent, table.detail td, table.detail th, table.detail tr.category {border-collapse:collapse;border:1px solid #98bf21;} | |
26 table.detail th {font-size: 1.2em;text-align: center;padding-top: 5px;padding-bottom: 10px;background-color: #a7c942;color: #ffffff;} | |
27 td.center-align {text-align:center;} | |
28 footer {margin: 50px 0;} | |
29 | |
30 </style> | |
31 <script> | |
32 function test(pageNumber) | |
33 { | |
34 var page="#page-id-"+pageNumber; | |
35 $('.select').hide() | |
36 $(page).show() | |
37 | |
38 } | |
39 </script> | |
40 </head> | |
41 <body> | |
42 <div class="container"> | |
43 <div class="lm-table-warning">Results of bank_inhouse queries - <TMPL_VAR NAME=CONDITIONS></div> | |
44 <div id="detail_table_source" style="display:none"></div> | |
45 <p> | |
46 <div id="choose"> | |
47 </div> | |
48 <p> | |
49 | |
50 <div id="ms_search_0" class="ms-search-table"></div> | |
51 <!-- HeadRows--> | |
52 <table id="detail_table" class="detail"> | |
53 <col style="width:30px;"><!-- Ids (m/z)--> | |
54 <col style="width:30px;"><!-- Mass (m/z)--> | |
55 <col style="width:30px;"><!-- Compound--> | |
56 <col style="width:120px;"><!-- name--> | |
57 <col style="width:40px;"><!-- adduct--> | |
58 <col style="width:50px;"><!-- adduct type--> | |
59 <col style="width:60px;"><!-- adduct mw--> | |
60 <col style="width:60px;"><!-- cpd mw--> | |
61 <col style="width:50px;"><!-- delta--> | |
62 <thead> | |
63 <th>ID from input</th> | |
64 <th>Mass (m/z)</th> | |
65 <th>Compound_ID</th> | |
66 <th>Formula</th> | |
67 <th>Compound MW (Da)</th> | |
68 <th>Adduct</th> | |
69 <th>Adduct_Type</th> | |
70 <th>Adduct MW (Da)</th> | |
71 <th>Delta</th> | |
72 </thead> | |
73 <TMPL_LOOP NAME=PAGES> | |
74 <tbody class="select" id="page-id-<TMPL_VAR NAME=PAGE_NB>"> | |
75 <TMPL_LOOP NAME=MASSES> | |
76 <tr class="<TMPL_VAR NAME=MZ_COLOR>"> | |
77 <td class="center-align" ><TMPL_VAR NAME=MASSES_ID_QUERY></td> | |
78 <td id="<TMPL_VAR NAME=MASSES_NB>" class="center-align" ><TMPL_VAR NAME=MASSES_MZ_QUERY></td> | |
79 <td class="center-align" colspan="7"></td> | |
80 </tr> | |
81 <TMPL_LOOP NAME=ENTRIES> | |
82 <tr class="<TMPL_VAR NAME=ENTRY_COLOR>"> | |
83 <td class="center-align" colspan="2"></td> | |
84 <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> | |
85 <td class="center-align"><TMPL_VAR NAME=ENTRY_FORMULA></td> | |
86 <td class="center-align"><TMPL_VAR NAME=ENTRY_CPD_MZ></td> | |
87 <td class="center-align"><TMPL_VAR NAME=ENTRY_ADDUCT></td> | |
88 <td class="center-align"><TMPL_VAR NAME=ENTRY_ADDUCT_TYPE></td> | |
89 <td class="center-align"><TMPL_VAR NAME=ENTRY_ADDUCT_MZ></td> | |
90 <td class="center-align"><TMPL_VAR NAME=ENTRY_DELTA></td> | |
91 </tr> | |
92 </TMPL_LOOP> | |
93 </TMPL_LOOP> | |
94 </tbody> | |
95 </TMPL_LOOP> | |
96 </table> | |
97 </div> | |
98 | |
99 <div class="container"> | |
100 <hr> | |
101 <footer> | |
102 <div class="row"> | |
103 <div class="col-lg-12"> | |
104 <p> | |
105 <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"> | |
106 <img style="border:0;width:88px;height:31px" | |
107 src="http://jigsaw.w3.org/css-validator/images/vcss-blue" | |
108 alt="Valid CSS!" /> | |
109 </a> | |
110 </p> | |
111 <p>Copyright © INRA, M Landi 2014 - Jquery Pluggin by <a href="http://flaviusmatis.github.com/" target="_blank">Flavius Matis</a></p> | |
112 </div> | |
113 </div> | |
114 </footer> | |
115 </div> | |
116 <script language="javascript"> | |
117 $(function() { | |
118 $('#choose').pagination({ | |
119 items: <TMPL_VAR NAME=PAGES_NB>, | |
120 itemsOnPage: 1, | |
121 currentPage: 1, | |
122 onInit: function () { test(1); }, | |
123 cssStyle: 'light-theme', | |
124 onPageClick: function(pageNumber){test(pageNumber)} | |
125 }).pagination('redraw'); | |
126 }); | |
127 </script> | |
128 </body> | |
129 </html> |