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,19 +105,49 @@ | ||
| 105 | 105 | ||
| 106 | {% if page.has_other_pages %} | 106 | {% if page.has_other_pages %} |
| 107 | <div class="text-center"> | 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 | {% if page.has_previous %} | 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 | {% endif %} | 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 | {% if page.has_next %} | 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 | {% endif %} | 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 | </div> | 151 | </div> |
| 122 | {% endif %} | 152 | {% endif %} |
| 123 | </div> | 153 | </div> |
src/static/css/screen.css