From e7d2919c2edb1f8093554d7ffadcd591f67f18f5 Mon Sep 17 00:00:00 2001
From: Luan <luanpab@gmail.com>
Date: Wed, 13 Nov 2013 14:49:01 -0200
Subject: [PATCH] Improving search paginator to use bootstrap

---
 src/search/templates/search/search.html | 46 ++++++++++++++++++++++++++++++++++++++--------
 src/static/css/screen.css               |  5 +++++
 2 files changed, 43 insertions(+), 8 deletions(-)

diff --git a/src/search/templates/search/search.html b/src/search/templates/search/search.html
index 67a6e88..3129213 100644
--- a/src/search/templates/search/search.html
+++ b/src/search/templates/search/search.html
@@ -105,19 +105,49 @@
 
       {% if page.has_other_pages %}
         <div class="text-center">
-          <span>
+          <ul class="pagination">
+            <li {% if page.number == 1 %}class="disabled"{% endif %}>
+              <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>
+            </li>
+            <li {% if not page.has_previous %}class="disabled"{% endif %}>
+              <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>
+            </li>
+
             {% if page.has_previous %}
-              <a href="{% append_to_get page=page.previous_page_number %}">{% trans "Previous" %}</a>
+              {% if page.previous_page_number > 1 %}
+                <li>
+                  <a href="{% append_to_get page=page.previous_page_number|add:-2 %}">{{ page.number|add:-2 }}</a>
+                </li>
+              {% endif %}
+              <li>
+                <a href="{% append_to_get page=page.previous_page_number %}">{{ page.number|add:-1 }}</a>
+              </li>
             {% endif %}
-            <span>
-              {% trans "Page" %} {{ page.number }} {% trans "of" %}
-              {{ page.paginator.num_pages }}
-            </span>
+
+            <li class="active">
+              <a href="javascript:void(0);">{{ page.number }}</a>
+            </li>
 
             {% if page.has_next %}
-              <a href="{% append_to_get page=page.next_page_number %}">{% trans "Next" %}</a>
+              <li>
+                <a href="{% append_to_get page=page.next_page_number %}">{{ page.number|add:1 }}</a>
+              </li>
+              {% if page.next_page_number < page.paginator.num_pages %}
+                <li>
+                  <a href="{% append_to_get page=page.next_page_number|add:1 %}">{{ page.number|add:2 }}</a>
+                </li>
+              {% endif %}
             {% endif %}
-          </span>
+
+            <li {% if not page.has_next %}class="disabled"{% endif %}>
+              <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>
+            </li>
+
+            <li {% if page.number == page.paginator.num_pages %}class="disabled"{% endif %}>
+              <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>
+            </li>
+
+          </ul>
         </div>
       {% endif %}
     </div>
diff --git a/src/static/css/screen.css b/src/static/css/screen.css
index 081638e..b62edda 100644
--- a/src/static/css/screen.css
+++ b/src/static/css/screen.css
@@ -403,3 +403,8 @@ ul.emails {
 span.highlighted {
     background-color: yellow;
 }
+
+/* paginator icon */
+.small-icon {
+  font-size: 10px;
+}
--
libgit2 0.21.2