Commit e7d2919c2edb1f8093554d7ffadcd591f67f18f5
1 parent
703c5cbc
Exists in
master
and in
39 other branches
Improving search paginator to use bootstrap
Showing
2 changed files
with
43 additions
and
8 deletions
Show diff stats
src/search/templates/search/search.html
| ... | ... | @@ -105,19 +105,49 @@ |
| 105 | 105 | |
| 106 | 106 | {% if page.has_other_pages %} |
| 107 | 107 | <div class="text-center"> |
| 108 | - <span> | |
| 108 | + <ul class="pagination"> | |
| 109 | + <li {% if page.number == 1 %}class="disabled"{% endif %}> | |
| 110 | + <a href="{% if page.number == 1 %}javascript:void(0);{% else %}{% append_to_get page=1 %}{% endif %}"><span class="glyphicon glyphicon-chevron-left small-icon"></span><span class="glyphicon glyphicon-chevron-left small-icon"></span></a> | |
| 111 | + </li> | |
| 112 | + <li {% if not page.has_previous %}class="disabled"{% endif %}> | |
| 113 | + <a href="{% if page.has_previous %}{% append_to_get page=page.previous_page_number %}{% else %}javascript:void(0);{% endif %}"><span class="glyphicon glyphicon-chevron-left small-icon"></span></a> | |
| 114 | + </li> | |
| 115 | + | |
| 109 | 116 | {% if page.has_previous %} |
| 110 | - <a href="{% append_to_get page=page.previous_page_number %}">{% trans "Previous" %}</a> | |
| 117 | + {% if page.previous_page_number > 1 %} | |
| 118 | + <li> | |
| 119 | + <a href="{% append_to_get page=page.previous_page_number|add:-2 %}">{{ page.number|add:-2 }}</a> | |
| 120 | + </li> | |
| 121 | + {% endif %} | |
| 122 | + <li> | |
| 123 | + <a href="{% append_to_get page=page.previous_page_number %}">{{ page.number|add:-1 }}</a> | |
| 124 | + </li> | |
| 111 | 125 | {% endif %} |
| 112 | - <span> | |
| 113 | - {% trans "Page" %} {{ page.number }} {% trans "of" %} | |
| 114 | - {{ page.paginator.num_pages }} | |
| 115 | - </span> | |
| 126 | + | |
| 127 | + <li class="active"> | |
| 128 | + <a href="javascript:void(0);">{{ page.number }}</a> | |
| 129 | + </li> | |
| 116 | 130 | |
| 117 | 131 | {% if page.has_next %} |
| 118 | - <a href="{% append_to_get page=page.next_page_number %}">{% trans "Next" %}</a> | |
| 132 | + <li> | |
| 133 | + <a href="{% append_to_get page=page.next_page_number %}">{{ page.number|add:1 }}</a> | |
| 134 | + </li> | |
| 135 | + {% if page.next_page_number < page.paginator.num_pages %} | |
| 136 | + <li> | |
| 137 | + <a href="{% append_to_get page=page.next_page_number|add:1 %}">{{ page.number|add:2 }}</a> | |
| 138 | + </li> | |
| 139 | + {% endif %} | |
| 119 | 140 | {% endif %} |
| 120 | - </span> | |
| 141 | + | |
| 142 | + <li {% if not page.has_next %}class="disabled"{% endif %}> | |
| 143 | + <a href="{% if page.has_next %}{% append_to_get page=page.next_page_number %}{% else %}javascript:void(0);{% endif %}"><span class="glyphicon glyphicon-chevron-right small-icon"></span></a> | |
| 144 | + </li> | |
| 145 | + | |
| 146 | + <li {% if page.number == page.paginator.num_pages %}class="disabled"{% endif %}> | |
| 147 | + <a href="{% if page.number == page.paginator.num_pages %}javascript:void(0);{% else %}{% append_to_get page=page.paginator.num_pages %}{% endif %}"><span class="glyphicon glyphicon-chevron-right small-icon"></span><span class="glyphicon glyphicon-chevron-right small-icon"></span></a> | |
| 148 | + </li> | |
| 149 | + | |
| 150 | + </ul> | |
| 121 | 151 | </div> |
| 122 | 152 | {% endif %} |
| 123 | 153 | </div> | ... | ... |