Mercurial > repos > immport-devteam > profile_cl

<!DOCTYPE html>
<html>
<head lang="en">
<title>FLOCK Populations Ontology</title>
<meta charset="UTF-8">
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/flowtools/bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" href="/static/flowtools/select2/select2.min.css"/>
<link rel="stylesheet" href="/static/flowtools/css/flowCL.css"/>
<link rel="stylesheet" href="/static/flowtools/datatables/datatables.min.css"/>
<link rel="stylesheet" href="/static/flowtools/datatables/Buttons-1.1.2/css/buttons.dataTables.min.css"/>
<link rel="stylesheet" href="/static/flowtools/datatables/Select-1.1.2/css/select.dataTables.min.css"/>
<script src="/static/flowtools/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="/static/flowtools/bootstrap/js/bootstrap.js" type="text/javascript"></script>
<script src="/static/flowtools/select2/select2.full.min.js" type="text/javascript"></script>
<script src="/static/flowtools/d3/d3.min.js" type="text/javascript"></script>
<script src="/static/flowtools/datatables/datatables.min.js" type="text/javascript"></script>
<script src="/static/flowtools/js/profileCLs.js" type="text/javascript"></script>

<style>
#input{font-family:Calibri,Arial}
table.dataTable tbody td.dt-body-right {
    text-align: right;
}
#div{padding:5px;width:150px;height:100px;text-align:center}
table{width:100%;border:0px solid;border-collapse:collapse;text-align:center;}
th{background-color:#3e6db0;color:#fff;padding:5px;text-align:center}
</style>
</head>

<body>
<div class="container-fluid">
    <div class="row" style="padding-bottom:10px;min-height:500px;">
        <div class="col-md-12" >
            <ul class="nav nav-tabs tabs-main">
                <li class="homeTab active" data-value="clprofiles"><a href="#clprofiles" data-toggle="tab">Populations Cell Ontologies</a></li>
                <li class="homeTab" data-value="scores"><a href="#scores" data-toggle="tab">Populations Score Profiles</a></li>
            </ul>

            <div class="tab-content">
                <div class="tab-pane active" id="clprofiles" style="min-height:500px;">
                    <div class="row">
                        <div id="clprof"/>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="scores" style="height:800px;">
                    <div class="row">
                        <div id="clprof"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


</div>
</div>


<script>
var clprofilesLoaded = false;
var scoresLoaded = false;

$().ready(function() {
    $(document).on('shown.bs.tab','a[data-toggle="tab"]', function(e) {
      var tab = e.target.getAttribute("href");
      if (tab == '#clprofiles') {
        if (clprofilesLoaded) {
            return true;
        }
        clprofilesLoaded = true;
        displayCLTable();
      }
      if (tab == '#scores') {
        if (scoresLoaded) {
            return true;
        }
        scoresLoaded = true;
        displayScoresTable();
      }
    });

    clprofilesLoaded = true;
    displayCLTable();
});
</script>
</body>
</html>
author	immport-devteam
date	Mon, 27 Feb 2017 13:03:19 -0500
parents
children