comparison templates/flowCL.template @ 1:f70f75e89890 draft default tip

"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/flowcl commit d59d95d2bc6a64eb5c37b8291a7c314754c2067f"
author azomics
date Thu, 23 Jul 2020 08:50:18 -0400
parents
children
comparison
equal deleted inserted replaced
0:fb0ee82f686d 1:f70f75e89890
1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <title>Flow CL Results</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="/static/flowtools/css/flowCL.css"/>
9 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"/>
10 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css"/>
11 <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"/>
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="/static/flowtools/js/flowcl_table.js" type="text/javascript"></script>
19
20 <style>
21 #input{font-family:Calibri,Arial}
22 table.dataTable tbody td.dt-body-right {
23 text-align: right;
24 }
25 #div{padding:5px;width:150px;height:100px;text-align:center}
26 table{width:100%;border:0px solid;border-collapse:collapse;text-align:left;}
27 th{background-color:#3e6db0;color:#fff;padding:5px}
28 </style>
29 </head>
30
31 <body>
32 <div class="container-fluid">
33 <div class="row" style="padding-bottom:10px;min-height:500px;">
34 <div class="col-md-12">
35 <ul class="nav nav-tabs tabs-main">
36 <li class="homeTab active" data-value="flowcl"><a href="#flowcl" data-toggle="tab">FlowCL Results Summary</a></li>
37 <li class="homeTab" data-value="graph"><a href="#graph" data-toggle="tab">Graphical Representation</a></li>
38 </ul>
39
40 <div class="tab-content">
41 <div class="tab-pane active" id="flowcl" style="min-height:500px;">
42 <div class="row">
43 <div id="flowcl"/>
44 </div>
45 </div>
46 </div>
47 <div class="tab-pane" id="graph" style="height:800px;">
48 <embed src="./flowCL_res.pdf" width="100%" height="100%" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
49 </div>
50 </div>
51 </div>
52 </div>
53
54
55 </div>
56 </div>
57
58
59 <script>
60 var summaryLoaded = false;
61
62 $().ready(function() {
63 $(document).on('shown.bs.tab','a[data-toggle="tab"]', function(e) {
64 var tab = e.target.getAttribute("href");
65 if (tab == '#flowcl') {
66 if (summaryLoaded) {
67 return true;
68 }
69 summaryLoaded = true;
70 displayFlowCLTable();
71 }
72 });
73
74 summaryLoaded = true;
75 displayFlowCLTable();
76 });
77 </script>
78 </body>
79 </html>