diff --git a/ippisite/ippidb/static/images/Other/Overview_diagram.png b/ippisite/ippidb/static/images/Other/Overview_diagram.png new file mode 100644 index 0000000000000000000000000000000000000000..e09f0a18f62a5dd5c1750842ec819d14712254f2 Binary files /dev/null and b/ippisite/ippidb/static/images/Other/Overview_diagram.png differ diff --git a/ippisite/ippidb/templates/targetcentric.html b/ippisite/ippidb/templates/targetcentric.html index efed08ed862c693fa7ea07c2bc53cf6ed1e0528c..80c98008617f86ab12711d8b19003887b385babd 100644 --- a/ippisite/ippidb/templates/targetcentric.html +++ b/ippisite/ippidb/templates/targetcentric.html @@ -26,6 +26,13 @@ {% block breadcrumb %} <a href="{% url 'cavities' %}" class="breadNav-link">Query pockets</a> {% endblock %} </div> </nav> + <div class="row mb-3"> + <div class="col-12"> + <button type="button" class="btn btn-info btn-block" data-toggle="modal" data-target="#abstractModal"> + Provide Protein Interaction Explorer Info + </button> + </div> + </div> <div class="row mb-3"> <div class="col-6"> <div class="card"> @@ -430,6 +437,20 @@ Comparison and druggability prediction of protein-ligand binding sites from phar </div> </div> + <div class="modal fade" id="abstractModal" tabindex="-1" role="dialog" aria-labelledby="abstractModalLabel" + aria-hidden="true"> + <div class="modal-dialog modal-lg" role="document"> + <div class="modal-content"> + <div class="modal-body"> + <img src="/static/images/Other/Overview_diagram.png" class="img-fluid" alt="diagram"> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> + </div> + </div> + </div> + </div> + <div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="infoModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> @@ -544,17 +565,17 @@ Comparison and druggability prediction of protein-ligand binding sites from phar <script> $(document).ready(function () { var completionlist = {{ completionlist| safe }}; - var completionlistpdb = {{ completionlistpdb| safe }}; - var completionlistorganism = {{ completionlistorganism| safe }}; - var completionlistuniprot = {{ completionlistuniprot| safe }}; - var completionlistligand = {{ completionlistligand| safe }}; - var completionlistprotein = {{ completionlistprotein| safe }}; - $("#id_search").autocomplete({ source: completionlist, minLength: 3 }); - $("#id_pdbsearch").autocomplete({ source: completionlistpdb, minLength: 1 }); - $("#id_proteinsearch").autocomplete({ source: completionlistprotein, minLength: 3 }); - $("#id_uniprotid").autocomplete({ source: completionlistuniprot, minLength: 3 }); - $("#id_ligandcode").autocomplete({ source: completionlistligand, minLength: 1 }); - $("#id_organism").autocomplete({ source: completionlistorganism, minLength: 3 }); + var completionlistpdb = {{ completionlistpdb| safe }}; + var completionlistorganism = {{ completionlistorganism| safe }}; + var completionlistuniprot = {{ completionlistuniprot| safe }}; + var completionlistligand = {{ completionlistligand| safe }}; + var completionlistprotein = {{ completionlistprotein| safe }}; + $("#id_search").autocomplete({ source: completionlist, minLength: 3 }); + $("#id_pdbsearch").autocomplete({ source: completionlistpdb, minLength: 1 }); + $("#id_proteinsearch").autocomplete({ source: completionlistprotein, minLength: 3 }); + $("#id_uniprotid").autocomplete({ source: completionlistuniprot, minLength: 3 }); + $("#id_ligandcode").autocomplete({ source: completionlistligand, minLength: 1 }); + $("#id_organism").autocomplete({ source: completionlistorganism, minLength: 3 }); //autocomplete(document.getElementById("id_search"), completionlist); //autocomplete(document.getElementById("id_pdbsearch"), completionlistpdb);