Mercurial > repos > lain > ms_to_peakforest_it
comparison meta-compound-ref.html @ 0:b58b229c4cbf draft
planemo upload commit 523a9c8df173302ad38e9f15e7d82eab01736551-dirty
author | lain |
---|---|
date | Fri, 03 Mar 2023 14:10:24 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:b58b229c4cbf |
---|---|
1 <!doctype HTML> | |
2 <html lang="en"> | |
3 <head> | |
4 <meta charset="utf-8"> | |
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
6 <meta name="author" content="MetaboHUB"> | |
7 <link rel="icon" type="image/ico" href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/ico/favicon.ico"> | |
8 <title>PeakForest MetaboHub</title> | |
9 <meta name="keywords" content="spectral database, mass spectrometry, nmr, lc-ms, gc-ms, chemical, metabolomic, compound, library"> | |
10 <meta name="description" content="PeakForest is a spectral data portal for Metabolomics community. It provides storage and annotation services for metabolic profils of biological matrix. It relies on the wide range of complementary methods using UPLC-(API)HRMS, GC-QToF, and NMR."> | |
11 <style>.file-input-wrapper { overflow: hidden; position: relative; cursor: pointer; z-index: 1; }.file-input-wrapper input[type=file], .file-input-wrapper input[type=file]:focus, .file-input-wrapper input[type=file]:hover { position: absolute; top: 0; left: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); z-index: 99; outline: 0; }.file-input-name { margin-left: 8px; }</style> | |
12 <link href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/css/bootstrap.min.css" rel="stylesheet"> | |
13 <link href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/css/sb-admin.min.css" rel="stylesheet"> | |
14 <link rel="stylesheet" href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/font-awesome/css/font-awesome.min.css"> | |
15 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/jquery.min.js"></script> | |
16 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/bootstrap.min.js"></script> | |
17 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/bootstrap-typeahead.min.js"></script> | |
18 <link href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/css/bootstrap-select.min.css" media="screen" rel="stylesheet" type="text/css"> | |
19 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/bootstrap-select.min.js" type="text/javascript"></script> | |
20 <link href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/css/bootstrap-datepicker.min.css" media="screen" rel="stylesheet" type="text/css"> | |
21 <script type="text/javascript" src="/common.js"></script> | |
22 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/bootstrap-datepicker.min.js" type="text/javascript"></script> | |
23 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/jquery.tmpl.min.js" type="text/javascript"></script> | |
24 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/highcharts/js/highcharts.min.js"></script> | |
25 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/highcharts/js/modules/exporting.min.js"></script> | |
26 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/highcharts/js/themes/grid.min.js"></script> | |
27 <link href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/css/bootstrap.overwrite.min.css" rel="stylesheet" media="screen"> | |
28 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/peakforest.min.js"></script> | |
29 <script type="text/javascript" src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/tablesorter/jquery.tablesorter.min.js"></script> | |
30 <script type="text/javascript" src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/tablesorter/tables.min.js"></script> | |
31 <link rel="stylesheet" href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/nmrpro/specdraw.min.css" type="text/css"> | |
32 <meta name="viewport" content="width=device-width, initial-scale=1"> | |
33 </head> | |
34 <body> | |
35 <div id="page-wrapper" class="peakforest-main-wrapper"> | |
36 <div> | |
37 <button class="btn btn-validate" onclick="ctx().exit()">Close MS2PF</button> | |
38 </div> | |
39 <div class="row" style="margin-bottom: 50px;"> | |
40 <ul class="nav nav-tabs" style="margin-bottom: 15px;"> | |
41 {{ TAB_LIST_PLACEHOLDER }} | |
42 </ul> | |
43 <div id="add-spectrum" class="tab-content"> | |
44 {{ ADD_SPECTRUM_FORM }} | |
45 </div> | |
46 </div> | |
47 <div> | |
48 <button | |
49 onclick="send_everything_to_peakforest( | |
50 '{{ PF_URL_PLACEHOLDER }}', | |
51 token | |
52 )" class="btn btn-success"> | |
53 <i class="fa fa-arrow-circle-right"></i>Send everything to peakforest! | |
54 </button> | |
55 <button class="btn btn-validate" onclick="ctx().exit()">Close MS2PF</button> | |
56 </div> | |
57 <script type="text/javascript" src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/jqueryform/2.8/jquery.form.min.js"></script> | |
58 <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/md5.min.js"></script> | |
59 </div> | |
60 </div> | |
61 <nav class="navbar navbar-default navbar-fixed-bottom navbar-inverse navbar-main" role="navigation"> | |
62 <div class="navbar-header navbar-inverse footer"> | |
63 <ul id="ul-info-footer" class="nav navbar-nav"> | |
64 <li class="li-info-footer"><a id="linkcontact" href="mailto:contact@peakforest.org?subject=%5Babout%20peakforest%20webapp%5D">Contact</a></li> | |
65 <li class="li-info-footer"> | |
66 <a id="about-peakforest" href="about-peakforest" data-toggle="modal" data-target="#modalAbout">À propos</a> | |
67 </li> | |
68 <li class="li-info-footer"> | |
69 <a href="https://peakforest.org/mypeakforest" target="_blank">Ma PeakForest</a> | |
70 </li> | |
71 <li class="li-info-footer"> | |
72 <a href="http://metabohub.fr" target="_blank">metaboHUB</a> | |
73 </li> | |
74 </ul> | |
75 </div> | |
76 </nav> | |
77 <div class="modal " id="modalAbout" tabindex="-1" role="dialog" aria-labelledby="modalAboutLabel" aria-hidden="true"> | |
78 <div class="modal-dialog"> | |
79 <div class="modal-content"> | |
80 <div class="modal-header"> | |
81 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
82 <h4 class="modal-title" id="modalAboutLabel">À propos de la Base de Données PeakForest</h4> | |
83 </div> | |
84 <div class="modal-body"> | |
85 <div class="te"></div> | |
86 </div> | |
87 <div class="modal-footer"> | |
88 </div> | |
89 </div> | |
90 </div> | |
91 </div> | |
92 <div class="modal " id="modalMyPeakForest" tabindex="-1" role="dialog" aria-labelledby="modalMyPFLabel" aria-hidden="true"> | |
93 <div class="modal-dialog"> | |
94 <div class="modal-content"> | |
95 <div class="modal-header"> | |
96 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
97 <h4 class="modal-title" id="modalAboutLabel">Ma base de Données PeakForest</h4> | |
98 </div> | |
99 <div class="modal-body"> | |
100 <div class="te"></div> | |
101 </div> | |
102 <div class="modal-footer"> | |
103 </div> | |
104 </div> | |
105 </div> | |
106 </div> | |
107 {{ EMBED_JS }} | |
108 <script type="text/javascript"> | |
109 context = context_1 ; // , | |
110 </script> | |
111 </body> | |
112 </html> |