Mercurial > repos > lain > ms_to_peakforest_it

diff src/meta-compound-ref.html @ 1:7e3085fc60c1 draft default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
master branch Updating
author lain
date Wed, 30 Aug 2023 14:21:18 +0000
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/meta-compound-ref.html	Wed Aug 30 14:21:18 2023 +0000
@@ -0,0 +1,112 @@
+<!doctype HTML>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="author" content="MetaboHUB">
+    <link rel="icon" type="image/ico" href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/ico/favicon.ico">
+    <title>PeakForest MetaboHub</title>
+    <meta name="keywords" content="spectral database, mass spectrometry, nmr, lc-ms, gc-ms, chemical, metabolomic, compound, library">
+    <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.">
+    <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>
+    <link href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/css/bootstrap.min.css" rel="stylesheet">
+    <link href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/css/sb-admin.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/font-awesome/css/font-awesome.min.css">
+    <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/jquery.min.js"></script>
+    <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/bootstrap.min.js"></script>
+    <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/bootstrap-typeahead.min.js"></script>
+    <link href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/css/bootstrap-select.min.css" media="screen" rel="stylesheet" type="text/css">
+    <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/bootstrap-select.min.js" type="text/javascript"></script>
+    <link href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/css/bootstrap-datepicker.min.css" media="screen" rel="stylesheet" type="text/css">
+    <script type="text/javascript" src="/common.js"></script>
+    <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
+    <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/jquery.tmpl.min.js" type="text/javascript"></script>
+    <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/highcharts/js/highcharts.min.js"></script>
+    <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/highcharts/js/modules/exporting.min.js"></script>
+    <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/highcharts/js/themes/grid.min.js"></script>
+    <link href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/css/bootstrap.overwrite.min.css" rel="stylesheet" media="screen">
+    <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/peakforest.min.js"></script>
+    <script type="text/javascript" src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/tablesorter/jquery.tablesorter.min.js"></script>
+    <script type="text/javascript" src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/tablesorter/tables.min.js"></script>
+    <link rel="stylesheet" href="{{ PF_URL_PLACEHOLDER }}/webapp/resources/nmrpro/specdraw.min.css" type="text/css">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  <body>
+      <div id="page-wrapper" class="peakforest-main-wrapper">
+        <div>
+          <button class="btn btn-validate" onclick="ctx().exit()">Close MS2PF</button>
+        </div>
+        <div class="row" style="margin-bottom: 50px;">
+          <ul class="nav nav-tabs" style="margin-bottom: 15px;">
+            {{ TAB_LIST_PLACEHOLDER }}
+          </ul>
+          <div id="add-spectrum" class="tab-content">
+            {{ ADD_SPECTRUM_FORM }}
+          </div>
+        </div>
+        <div id="send_buttons_div">
+          <button
+            onclick="send_everything_to_peakforest(
+              '{{ PF_URL_PLACEHOLDER }}',
+              token
+            )" class="btn btn-success">
+            <i class="fa fa-arrow-circle-right"></i>Send everything to peakforest!
+          </button>
+          <button class="btn btn-validate" onclick="ctx().exit()">Close MS2PF</button>
+        </div>
+        <script type="text/javascript" src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/jqueryform/2.8/jquery.form.min.js"></script>
+        <script src="{{ PF_URL_PLACEHOLDER }}/webapp/resources/js/md5.min.js"></script>
+      </div>
+    </div>
+    <nav class="navbar navbar-default navbar-fixed-bottom navbar-inverse navbar-main" role="navigation">
+      <div class="navbar-header navbar-inverse footer">
+        <ul id="ul-info-footer" class="nav navbar-nav">
+          <li class="li-info-footer"><a id="linkcontact" href="mailto:contact@peakforest.org?subject=%5Babout%20peakforest%20webapp%5D">Contact</a></li>
+          <li class="li-info-footer">
+            <a id="about-peakforest" href="about-peakforest" data-toggle="modal" data-target="#modalAbout">À propos</a>
+          </li>
+          <li class="li-info-footer">
+            <a href="https://peakforest.org/mypeakforest" target="_blank">Ma PeakForest</a>
+          </li>
+          <li class="li-info-footer">
+            <a href="http://metabohub.fr" target="_blank">metaboHUB</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+    <div class="modal " id="modalAbout" tabindex="-1" role="dialog" aria-labelledby="modalAboutLabel" aria-hidden="true">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            <h4 class="modal-title" id="modalAboutLabel">À propos de la Base de Données PeakForest</h4>
+          </div>
+          <div class="modal-body">
+            <div class="te"></div>
+          </div>
+          <div class="modal-footer">
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="modal " id="modalMyPeakForest" tabindex="-1" role="dialog" aria-labelledby="modalMyPFLabel" aria-hidden="true">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+            <h4 class="modal-title" id="modalAboutLabel">Ma base de Données PeakForest</h4>
+          </div>
+          <div class="modal-body">
+            <div class="te"></div>
+          </div>
+          <div class="modal-footer">
+          </div>
+        </div>
+      </div>
+    </div>
+    {{ EMBED_JS }}
+    <script type="text/javascript">
+      context = context_1 ; // ,
+    </script>
+  </body>
+</html>
\ No newline at end of file