Mercurial > repos > immport-devteam > flowcl
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> |