diff --git a/ippisite/ippidb/templates/compound_list.html b/ippisite/ippidb/templates/compound_list.html index 103350e6da8bcfd274cb259d144b608b694ef9d9..7d3918714b951c296a39302feeb8463863bde8f7 100644 --- a/ippisite/ippidb/templates/compound_list.html +++ b/ippisite/ippidb/templates/compound_list.html @@ -122,10 +122,13 @@ </div> <nav> - <ul class="pagination justify-content-end"> + <ul class="pagination pagination-sm justify-content-end col-12"> {% if compounds.has_previous %} <li class="page-item"> - <a class="page-link" href="?{% url_replace request 'page' compounds.previous_page_number %}" tabindex="-1">Previous</a> + <a class="page-link" href="?{% url_replace request 'page' compounds.previous_page_number %}" aria-label="Previous"> + <span aria-hidden="true">«</span> + <span class="sr-only">Previous</span> + </a> </li> {% endif %} @@ -135,9 +138,22 @@ {% if compounds.has_next %} <li class="page-item"> - <a class="page-link" href="?{% url_replace request 'page' compounds.next_page_number %}" tabindex="-1">Next</a> + <a class="page-link" href="?{% url_replace request 'page' compounds.next_page_number %}" aria-label="Next"> + <span aria-hidden="true">»</span> + <span class="sr-only">Next</span> + </a> </li> {% endif %} + + <li class="page-item ml-3"> + <div class="input-group input-group-sm"> + <input id="pageNumber" type="number" min="1" max="{{compounds.paginator.num_pages}}" step="1" placeholder="page #" style="width: 4em;" aria-label="Page number"> + <div class="input-group-append"> + <button class="btn btn-outline-primary" type="button" onclick="modifyUrl('page',$('#pageNumber').val())">Go</button> + </div> + </div> + </li> + </ul> </nav>