comparison 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
comparison
equal deleted inserted replaced
0:8547aedf1350 1:62d8985a41e2
1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <title>FLOCK Populations Ontology</title>
5 <meta charset="UTF-8">
6 <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
7 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"/>
9 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css"/>
10 <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"/>
11 <link rel="stylesheet" href="/static/flowtools/css/flowCL.css"/>
12
13 <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>
14 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
15 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script>
16 <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.full.min.js" type="text/javascript"></script>
17 <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" type="text/javascript"></script>
18 <script src="https://cdn.plot.ly/plotly-1.0.0.min.js" type="text/javascript"></script>
19 <script src="/static/flowtools/js/profileCLs.js" type="text/javascript"></script>
20
21 <style>
22 #input{font-family:Calibri,Arial}
23 table.dataTable tbody td.dt-body-right {
24 text-align: right;
25 }
26 #div{padding:5px;width:150px;height:100px;text-align:center}
27 table{width:100%;border:0px solid;border-collapse:collapse;text-align:center;}
28 th{background-color:#3e6db0;color:#fff;padding:5px;text-align:center}
29 </style>
30 </head>
31
32 <body>
33 <div class="container-fluid">
34 <div class="row" style="padding-bottom:10px;min-height:500px;">
35 <div class="col-md-12" >
36 <ul class="nav nav-tabs tabs-main">
37 <li class="homeTab active" data-value="clprofiles"><a href="#clprofiles" data-toggle="tab">Populations Cell Ontologies</a></li>
38 <li class="homeTab" data-value="scores"><a href="#scores" data-toggle="tab">Populations Score Profiles</a></li>
39 </ul>
40
41 <div class="tab-content">
42 <div class="tab-pane active" id="clprofiles" style="min-height:500px;">
43 <div class="row">
44 <div id="clprof"/>
45 </div>
46 </div>
47 </div>
48 <div class="tab-pane" id="scores" style="height:800px;">
49 <div class="row">
50 <div id="clprof"/>
51 </div>
52 </div>
53 </div>
54 </div>
55 </div>
56 </div>
57
58
59 </div>
60 </div>
61
62
63 <script>
64 var clprofilesLoaded = false;
65 var scoresLoaded = false;
66
67 $().ready(function() {
68 $(document).on('shown.bs.tab','a[data-toggle="tab"]', function(e) {
69 var tab = e.target.getAttribute("href");
70 if (tab == '#clprofiles') {
71 if (clprofilesLoaded) {
72 return true;
73 }
74 clprofilesLoaded = true;
75 displayCLTable();
76 }
77 if (tab == '#scores') {
78 if (scoresLoaded) {
79 return true;
80 }
81 scoresLoaded = true;
82 displayScoresTable();
83 }
84 });
85
86 clprofilesLoaded = true;
87 displayCLTable();
88 });
89 </script>
90 </body>
91 </html>
92