Mercurial > repos > immport-devteam > profile_cl
diff templates/profileCLs.template @ 1:62d8985a41e2 draft default tip
"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/profile_cl commit 5cdc32e68f9ec685f9890902c5ecc75047248361"
author | azomics |
---|---|
date | Thu, 23 Jul 2020 08:58:29 -0400 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/templates/profileCLs.template Thu Jul 23 08:58:29 2020 -0400 @@ -0,0 +1,92 @@ +<!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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"/> +<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css"/> +<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/pdfmake-0.1.18/dt-1.10.12/b-1.2.1/b-colvis-1.2.1/b-html5-1.2.1/cr-1.3.2/fc-3.2.2/fh-3.1.2/r-2.1.0/rr-1.1.2/sc-1.4.2/se-1.2.0/datatables.min.css"/> +<link rel="stylesheet" href="/static/flowtools/css/flowCL.css"/> + +<script type="text/javascript" src="https://cdn.datatables.net/v/dt/pdfmake-0.1.18/dt-1.10.12/b-1.2.1/b-colvis-1.2.1/b-html5-1.2.1/cr-1.3.2/fc-3.2.2/fh-3.1.2/r-2.1.0/rr-1.1.2/sc-1.4.2/se-1.2.0/datatables.min.js"></script> +<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> +<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script> +<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.full.min.js" type="text/javascript"></script> +<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" type="text/javascript"></script> +<script src="https://cdn.plot.ly/plotly-1.0.0.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> +