Mercurial > repos > tduigou > rptools_rpthermo
comparison test-data/rpreport_output.html @ 0:e9d05fc83186 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:08:14 +0000 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:e9d05fc83186 |
|---|---|
| 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> |