Turn disabled link into span

Author: Gagaro

bootstrap_pagination/templates/bootstrap_pagination/pagination.html

@@ -1,19 +1,31 @@
 {% load bootstrap_pagination %}
 <ul class="pagination{% if size == "small" %} pagination-sm{% endif %}{% if size == "large" %} pagination-lg{% endif %}{% block extra_classes %}{% endblock %}">
 {% if show_first_last %}
-     <li {% if not page.has_previous %}class="disabled"{% endif %}>
+    {% if not page.has_previous %}
+      <li class="disabled">
+        <span>{{ first_label }}</span>
+      </li>
+    {% else %}
+      <li>
         <a title="First Page" href="{{ first_page_url|default:"#"|escape }}">{{first_label}}</a>
-     </li>
+      </li>
+    {% endif %}
 {% endif %}
 {% if show_prev_next %}
-    <li {% if not page.has_previous %}class="disabled"{% endif %}>
+    {% if not page.has_previous %}
+      <li class="disabled">
+        <span title="Previous Page">{{ previous_label }}</span>
+      </li>
+    {% else %}
+      <li>
         <a title="Previous Page" href="{{ previous_page_url|default:"#"|escape }}">{{ previous_label }}</a>
-    </li>
+      </li>
+    {% endif %}
 {% endif %}
 {% for pagenum, index_range, url in page_urls %}
     {% if page.number == pagenum %}
         <li class="active">
-            <a title="Current Page" href="#">{% if show_index_range %} {{ index_range }} {% else %} {{ pagenum }} {%endif %}</a>
+            <span title="Current Page">{% if show_index_range %} {{ index_range }} {% else %} {{ pagenum }} {%endif %}</span>
         </li>
     {% else %}
         <li>
@@ -22,13 +34,25 @@
     {% endif %}
 {% endfor %}
 {% if show_prev_next %}
-    <li {% if not page.has_next %}class="disabled"{% endif %}>
+    {% if not page.has_next %}
+      <li class="disabled">
+        <span title="Next Page">{{ next_label }}</span>
+      </li>
+    {% else %}
+      <li>
         <a title="Next Page" href="{{ next_page_url|default:"#"|escape }}">{{ next_label }}</a>
-    </li>
+      </li>
+    {% endif %}
 {% endif %}
 {% if show_first_last %}
-    <li {% if not page.has_next %}class="disabled"{% endif %}>
+    {% if not page.has_next %}
+      <li class="disabled">
+        <span title="Last Page" >{{ last_label }}</span>
+      </li>
+    {% else %}
+      <li>
         <a title="Last Page" href="{{ last_page_url|default:"#"|escape }}">{{last_label}}</a>
-    </li>
+      </li>
+    {% endif %}
 {% endif %}
 </ul>

tests/test_paginate.py

@@ -30,5 +30,5 @@ def test_example(self):
         html = lxml.html.fragment_fromstring(template.render(c))
         self.assertEqual(html.get('class'), 'pagination')
         self.assertEqual(
-            html.cssselect('a[title=\"Current Page\"]')[0].text.strip(),
-                         '2')
+            html.cssselect('[title=\"Current Page\"]')[0].text.strip(),
+            '2')