From ce49a077b5fde4fe0a2eb5e8a1548c99cfe01542 Mon Sep 17 00:00:00 2001
From: Rachel TORCHET <racheltorchet@users.noreply.github.com>
Date: Fri, 24 Apr 2020 15:40:24 +0200
Subject: [PATCH] Compound page # pharmacology - Add caption to LE/LLE graph on
 compound page

---
 ippisite/ippidb/templates/compound_card.html | 30 +++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/ippisite/ippidb/templates/compound_card.html b/ippisite/ippidb/templates/compound_card.html
index 6232af37..548c0bb0 100644
--- a/ippisite/ippidb/templates/compound_card.html
+++ b/ippisite/ippidb/templates/compound_card.html
@@ -332,7 +332,35 @@
       <div class="tab-pane fade" id="pharmacology" role="tabpanel" aria-labelledby="pharmacology-tab">
         <div class="row d-flex justify-content-center">
           <div class="col-sm-12 col-md-9" style="margin: 10px;">
-            <h5 class="card_title">Efficiencies: iPPI-DB biplot LE versus LLE</h5>
+            <h5 class="card_title">Efficiencies: iPPI-DB biplot LE versus LLE <span class="info_point"
+              onclick="showLegend('show_legend_LLE')"> <i class="fas fa-info-circle fa-sm"></i></span></h5>
+
+            <div id="show_legend_LLE" style="display: none; padding:8px; margin-left: auto;
+            margin-right: auto;">
+            <div class="row d-flex justify-content-center" style="box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.2);
+            padding-top: 9px;">
+              <div class="col-12" style="margin-bottom: 10px;">
+                <div style="border: 1px solid #f2f2f2;">
+                  <div style=" background-color: #f2f2f2;text-align: center; font-family:'BrandonGrotesqueBld';">
+                    Caption
+                  </div>
+                  <div style="padding: 5px;">
+                    <ul>
+                      <li>LE: Ligand Efficiency</li>
+                      <img src="/static/images/Other/formLE_petit.png">
+                      <li>LLE: Lipophilic Efficiency</li>
+                      <img src="/static/images/Other/formLLE_petit.png">
+                    </ul>
+                    <p>
+                      For the calculation of the efficiencies, we select a reference activity such that Ki and Kd
+                      are favored over IC50 and EC50 and biochemical assays over cellular assays.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+            
             <div class="card_border">
               <canvas id="le_lle_biplot"></canvas>
               <script>
-- 
GitLab