0
|
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> |