Mercurial > repos > lain > ms_to_peakforest_it

view 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 source

<!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>