comparison test-data/rpreport_output.html @ 0:241da19c48a1 draft

planemo upload for repository https://github.com/galaxyproject/tools-iuc/tree/master/tools/rptools commit 2333b7b56422febf439cd9f4cd3e6eda858b2690
author tduigou
date Tue, 28 Mar 2023 12:07:54 +0000
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:241da19c48a1
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <!-- Required meta tags -->
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7
8 <!-- Bootstrap CSS -->
9 <link rel="stylesheet" href="./css/bootstrap.min.css">
10
11 <!-- AG Grid scripts and CSS-->
12 <script src="./js/ag-grid-community.min.noStyle.js"></script>
13 <link rel="stylesheet" href="./css/ag-grid.min.css">
14 <link rel="stylesheet" href="./css/ag-theme-alpine.min.css">
15 <!-- AG Chart scripts -->
16 <script src="./js/ag-charts-community.min.js"></script>
17 <script src="./js/data.js"></script>
18
19 <title>rpReport</title>
20 </head>
21
22 <body>
23 <div class="container">
24 <div class="row d-print-none">
25 <div class="col">
26 <div id="myGrid" style="width: 100%; height: 400px;" class="ag-theme-alpine"></div>
27 </div>
28 </div>
29 <!-- Selected row(s) only schown on print display -->
30 <div class="row d-none d-print-block">
31 <div class="col">
32 <div id="selectedRowOnPrint" class="table-responsive"></div>
33 </div>
34 </div>
35
36 <div class="row">
37 <div class="col">
38 <p class="h4 bg-light text-center">Pathway details</p>
39 </div>
40 </div>
41 <div class="row gy-2">
42 <div class="col-md-6">
43 <div class="accordion" id="thermodynamic_chart_panel">
44 <div class="accordion-item">
45 <h2 class="accordion-header" id="headingTwo">
46 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
47 Thermodynamic profile chart
48 </button>
49 </h2>
50 <div id="collapseTwo" class="accordion-collapse collapse">
51 <div class="accordion-body">
52 <!-- Thermodynamique profile chart here -->
53 <div id="dfG_prime_chart" style="height:300px"></div>
54 </div>
55 </div>
56 </div>
57 </div>
58 </div>
59 <div class="col-md-6">
60 <div class="accordion" id="rule_score_chart_panel">
61 <div class="accordion-item">
62 <h2 class="accordion-header" id="headingThree">
63 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree">
64 Rule score chart
65 </button>
66 </h2>
67 <div id="collapseThree" class="accordion-collapse collapse">
68 <div class="accordion-body">
69 <!-- Pathway rule score chart here -->
70 <div id="rule_score_chart" style="height:300px"></div>
71 </div>
72 </div>
73 </div>
74 </div>
75 </div>
76 <div class="col-md-6">
77 <div class="accordion" id="ec_code_panel">
78 <div class="accordion-item">
79 <h2 class="accordion-header" id="headingOne">
80 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
81 EC number(s)
82 </button>
83 </h2>
84 <div id="collapseOne" class="accordion-collapse collapse">
85 <div class="accordion-body">
86 <!-- Retropathway ec_codes list here -->
87 <div id="ec_code_details"></div>
88 </div>
89 </div>
90 </div>
91 </div>
92 </div>
93 </div>
94 <div class="row d-none" id="comparative_chart_panel">
95 <div class="col">
96 <div class="accordion">
97 <div class="accordion-item">
98 <h2 class="accordion-header" id="headingFour">
99 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour">
100 Comparative charts
101 </button>
102 </h2>
103 <div id="collapseFour" class="accordion-collapse collapse show">
104 <div class="accordion-body">
105 <!-- Comparative charts here -->
106 <div class="row">
107 <div class="col-md-6" id="global_score_compar_chart" style="height:300px"></div>
108 <div class="col-md-6" id="fba_compar_chart" style="height:300px"></div>
109 <div class="col-md-6" id="dfg_compar_chart" style="height:300px"></div>
110 <div class="col-md-6" id="rule_score_compar_chart" style="height:300px"></div>
111 <div class="col-md-6" id="reactions_nb_compar_chart" style="height:300px"></div>
112 </div>
113 </div>
114 </div>
115 </div>
116 </div>
117 </div>
118 </div>
119 </div>
120
121 <script src="./js/main.js"></script>
122
123 <!-- Bootstrap Bundle (includes Popper) -->
124 <script src="./js/bootstrap.bundle.min.js"></script>
125
126 </body>
127 </html>