add a focus on result

ippisite/ippidb/templates/targetcentric.html

@@ -154,7 +154,7 @@
             </div>
         </div>
         {% if pdb_list %}
-        <div class="card">
+        <div id="results" class="card">
             <div class="card-header">
                 <div class="row ">
                     <div class="col-md-11">
@@ -177,14 +177,17 @@
                         <div class="mb-3 card {% if forloop.counter == 1 %} border-primary {% else %} border-info {% endif %} border_card"
                             id="card_{{ forloop.counter }}">
                             <div class="card-header text-center">
-                                <a class="submithref" href="{% url 'cavities' %}?pdbsearch={{ pdb.code }}"><strong>{{ pdb.code }}</strong></a>
+                                <a class="submithref" href="{% url 'cavities' %}?pdbsearch={{ pdb.code }}"><strong>{{
+                                        pdb.code }}</strong></a>
                             </div>
                             <div class="card-body text-nowrap">
                                 {% for chain in pdb.chain_set.all %}
                                 Chain {{ chain.pdb_chain_id }} <a class="submithref"
-                                    href="{% url 'cavities' %}?uniprotid={{ chain.protein.uniprot_id }}">{{ chain.protein.uniprot_id }}</a>
+                                    href="{% url 'cavities' %}?uniprotid={{ chain.protein.uniprot_id }}">{{
+                                    chain.protein.uniprot_id }}</a>
                                 <a class="submithref"
-                                    href="{% url 'cavities' %}?organism={{ chain.protein.organism.name }}">{{ chain.protein.organism.name }}</a>
+                                    href="{% url 'cavities' %}?organism={{ chain.protein.organism.name }}">{{
+                                    chain.protein.organism.name }}</a>
                                 </br>
                                 {% endfor %}
                             </div>
@@ -263,7 +266,8 @@ Comparison and druggability prediction of protein-ligand binding sites from phar
                                         <tr>
                                             {% for td in avg_std|make_list %}
                                             {% if forloop.first %}
-                                            <td style="background-color:rgb({{ td|get_color }})" title="{{ td }}">{{ td|floatformat:2|intcomma }}</td>
+                                            <td style="background-color:rgb({{ td|get_color }})" title="{{ td }}">{{
+                                                td|floatformat:2|intcomma }}</td>
                                             {% elif forloop.last %}
                                             <td style="direction: rtl;background-color:rgb({{ td|get_color }})"
                                                 title="{{ td }}">{{ td|floatformat:2|intcomma }}</td>
@@ -382,7 +386,8 @@ Comparison and druggability prediction of protein-ligand binding sites from phar
                                 {% with chaincount=forloop.counter %}
                                 {% for cavity in cavities %}
                                 {% with cavcount=forloop.counter %}
-                                {% include "targetcentric_cavity_row.html" with chaincount=chaincount cavcount=cavcount %}
+                                {% include "targetcentric_cavity_row.html" with chaincount=chaincount cavcount=cavcount
+                                %}
                                 <tr class="collapse out collapseme{{ chaincount }}_{{ cavcount }} asnyc-construction"
                                     data-cavity-id="{{cavity.id}}" data-cavcount="{{cavcount}}"
                                     data-chaincount="{{chaincount}}">
@@ -503,7 +508,8 @@ Comparison and druggability prediction of protein-ligand binding sites from phar
                             If available, overlay existing protein-ligand systems for this system.
                         </li>
                         <li>
-                            View and adjust the interactibility or druggability zones determined by our InDeep tool. InDeep
+                            View and adjust the interactibility or druggability zones determined by our InDeep tool.
+                            InDeep
                             can also be used through the <a href="https://indeep-net.gpu.pasteur.cloud">InDeep-Net
                                 application</a>.
                         </li>
@@ -563,6 +569,13 @@ Comparison and druggability prediction of protein-ligand binding sites from phar
     </script>
     {% endif %}
     <script>
+        $(document).ready(function () {
+            if ($("#results").length) {
+                $('html, body').animate({
+                    scrollTop: $("#results").offset().top
+                }, 1000);  // 1000 ms = 1 seconde
+            }
+        });
         $(document).ready(function () {
             var completionlist = {{ completionlist| safe }};
             var completionlistpdb = {{ completionlistpdb| safe }};
@@ -577,15 +590,15 @@ Comparison and druggability prediction of protein-ligand binding sites from phar
             $("#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);
-        //autocomplete(document.getElementById("id_proteinsearch"), completionlistprotein);
-        //autocomplete(document.getElementById("id_uniprotid"), completionlistuniprot);
-        //autocomplete(document.getElementById("id_ligandcode"), completionlistligand);
-        //autocomplete(document.getElementById("id_organism"), completionlistorganism);
-        $('.submithref').click(function () {
-            $('#waitingmodal').modal('show');
-        });
+            //autocomplete(document.getElementById("id_search"), completionlist);
+            //autocomplete(document.getElementById("id_pdbsearch"), completionlistpdb);
+            //autocomplete(document.getElementById("id_proteinsearch"), completionlistprotein);
+            //autocomplete(document.getElementById("id_uniprotid"), completionlistuniprot);
+            //autocomplete(document.getElementById("id_ligandcode"), completionlistligand);
+            //autocomplete(document.getElementById("id_organism"), completionlistorganism);
+            $('.submithref').click(function () {
+                $('#waitingmodal').modal('show');
+            });
         });
     </script>
     {% endblock %}
\ No newline at end of file