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>