Skip to content

R
re2o
Commit 3ed137cf authored by erdnaxe's avatar erdnaxe 🎇 Committed by klafyvel
Browse files
Options

Paginator styling and go to id feature

parent 45cda20c
Hide whitespace changes
Inline Side-by-side
Showing with 46 additions and 17 deletions
machines/templates/machines/aff_machines.html
View file @ 3ed137cf
...@@ -28,7 +28,7 @@ with this program; if not, write to the Free Software Foundation, Inc., ...@@ -28,7 +28,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
<div class="table-responsive"> <div class="table-responsive">
{% if machines_list.paginator %} {% if machines_list.paginator %}
{% include "pagination.html" with list=machines_list %} {% include "pagination.html" with list=machines_list go_to_id="machines" %}
{% endif %} {% endif %}
<table class="table" id="machines_table"> <table class="table" id="machines_table">
...@@ -215,6 +215,6 @@ with this program; if not, write to the Free Software Foundation, Inc., ...@@ -215,6 +215,6 @@ with this program; if not, write to the Free Software Foundation, Inc.,
</script> </script>
{% if machines_list.paginator %} {% if machines_list.paginator %}
{% include "pagination.html" with list=machines_list %} {% include "pagination.html" with list=machines_list go_to_id="machines" %}
{% endif %} {% endif %}
</div> </div>
templates/pagination.html
View file @ 3ed137cf
...@@ -23,23 +23,52 @@ with this program; if not, write to the Free Software Foundation, Inc., ...@@ -23,23 +23,52 @@ with this program; if not, write to the Free Software Foundation, Inc.,
{% endcomment %} {% endcomment %}
{% load url_insert_param %} {% load url_insert_param %}
{% load i18n %}
{% if list.paginator.num_pages > 1 %} {% if list.paginator.num_pages > 1 %}
<ul class="pagination nav navbar-nav"> <ul class="pagination text-center">
{% if list.has_previous %} {% if list.has_previous %}
<li><a href="{% url_insert_param request.get_full_path page=1 %}"> << </a></li> <li>
<li><a href="{% url_insert_param request.get_full_path page=list.previous_page_number %}"> < </a></li> <a href="{% url_insert_param request.get_full_path page=1 %}{% if go_to_id %}#{{ go_to_id }}{% endif %}">
{% endif %} <span aria-hidden="true">&laquo;</span>
{% for page in list.paginator.page_range %} <span class="sr-only">{% trans "First" %}</span>
{% if list.number <= page|add:"3" and list.number >= page|add:"-3" %} </a>
<li class="{% if list.number == page %}active{% endif %}"><a href="{% url_insert_param request.get_full_path page=page %}">{{ page }}</a></li> </li>
<li>
<a href="{% url_insert_param request.get_full_path page=list.previous_page_number %}{% if go_to_id %}#{{ go_to_id }}{% endif %}">
<span aria-hidden="true">&lsaquo;</span>
<span class="sr-only">{% trans "Previous" %}</span>
</a>
</li>
{% else %}
<li class="disabled"><span aria-hidden="true">&laquo;</span></li>
<li class="disabled"><span aria-hidden="true">&lsaquo;</span></li>
{% endif %} {% endif %}
{% endfor %}
{% if list.has_next %} {% for page in list.paginator.page_range %}
<li><a href="{% url_insert_param request.get_full_path page=list.next_page_number %}"> > </a></li> {% if list.number <= page|add:"3" and list.number >= page|add:"-3" %}
<li><a href="{% url_insert_param request.get_full_path page=list.paginator.page_range|length %}"> >> </a></li> <li class="{% if list.number == page %}active{% endif %}">
{% endif %} <a href="{% url_insert_param request.get_full_path page=page %}{% if go_to_id %}#{{ go_to_id }}{% endif %}">{{ page }}</a>
</ul> </li>
{% endif %} {% endif %}
{% endfor %}
{% if list.has_next %}
<li>
<a href="{% url_insert_param request.get_full_path page=list.next_page_number %}{% if go_to_id %}#{{ go_to_id }}{% endif %}">
<span aria-hidden="true">&rsaquo;</span>
<span class="sr-only">{% trans "Next" %}</span>
</a>
</li>
<li>
<a href="{% url_insert_param request.get_full_path page=list.paginator.page_range|length %}{% if go_to_id %}#{{ go_to_id }}{% endif %}">
<span aria-hidden="true">&raquo;</span>
<span class="sr-only">{% trans "Last" %}</span>
</a>
</li>
{% else %}
<li class="disabled"><span aria-hidden="true">&rsaquo;</span></li>
<li class="disabled"><span aria-hidden="true">&raquo;</span></li>
{% endif %}
</ul>
{% endif %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment