|
1
|
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 id="send_buttons_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> |
