diff --git a/ippisite/ippidb/templates/compound_card.html b/ippisite/ippidb/templates/compound_card.html index 9edd7861ad3daf9dd416802e1774408c427a05e7..30eb12ca08a6e80df4aa7e1a6c100822be1455e3 100644 --- a/ippisite/ippidb/templates/compound_card.html +++ b/ippisite/ippidb/templates/compound_card.html @@ -75,7 +75,10 @@ </div> <div class="tab-pane fade" id="v-pills-physicochemistry" role="tabpanel" aria-labelledby="v-pills-physicochemistry-tab"> <div class="row"> - <table class="table table-sm col-sm-12"> + <div class="card col-sm-12 col-md-6"> + <h5 class="card-header">Physicochemical filters</h5> + <div class="card-body"> + <table class="table table-sm col-sm-12 col-md-6"> <thead> <tr> <th class="col-sm-3" scope="col">Descriptor</th> @@ -136,13 +139,19 @@ </tbody> </table> </div> - <div> + </div> + <div class="card col-sm-12 col-md-6"> + <h5 class="card-header">Radar chart</h5> + <div class="card-body"> + <canvas id="radar"></canvas> <script> drawCompoundDescriptorRadarChart('radar', {{ compound.molecular_weight }}, {{ compound.a_log_p }}, {{ compound.nb_donor_h }}, {{ compound.nb_acceptor_h }}, {{ compound.tpsa }}, {{ compound.nb_rotatable_bonds }}, {{ compound.nb_benzene_like_rings }}, {{ compound.fsp3 }}, {{ compound.nb_chiral_centers }}); </script> </div> + </div> + </div> </div> <div class="tab-pane fade" id="v-pills-pharmacology" role="tabpanel" aria-labelledby="v-pills-pharmacology-tab"> </div>