From 0a2d515dce57f7b6f0121427d41e7d50b02c0880 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Herv=C3=A9=20=20MENAGER?= <herve.menager@pasteur.fr>
Date: Wed, 4 Apr 2018 15:58:53 +0200
Subject: [PATCH] improve compound card physicochemistry tab layout
Former-commit-id: 66c8a21a2ada793d69aa68728a39ba0df4880295
---
ippisite/ippidb/templates/compound_card.html | 13 +++++++++++--
1 file changed, 11 insertions(+), 2 deletions(-)
diff --git a/ippisite/ippidb/templates/compound_card.html b/ippisite/ippidb/templates/compound_card.html
index 9edd7861..30eb12ca 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>
--
GitLab