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 &copy; 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>