Merge pull request #4 from tigron/3.x

Implemented disabled previous and next for Bootstrap 3 and 4
tigron · Jun 19, 2023 · d896f16 · d896f16
2 parents c5c48df + b4db0e9
commit d896f16
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/template/bootstrap3/links.twig b/template/bootstrap3/links.twig
@@ -1,6 +1,17 @@
 <ul class="pagination pagination-centered" id="pager-{{ classname|replace({'_': '-'}) }}">
 {% for link in links %}
-	<li class="{% if link.active %}active{% endif %}">
+	{% set disabled = false %}
+
+	<!-- if previous link and first page is active -->
+	{% if link.page == 'previous' and links.1.active %}
+		{% set disabled = true %}
+	{% endif %}
+
+	<!-- if next link and last page is active -->
+	{% if link.page == 'next' and links[(links|length) - 2].active %}
+		{% set disabled = true %}
+	{% endif %}
+	<li class="{% if link.active %}active{% endif %}{% if disabled %} disabled{% endif %}">
 		<a href="{{ link.url }}" class="skeleton-pager-link">
 			{% if link.page == 'previous' %}
 				&laquo;

diff --git a/template/bootstrap4/links.twig b/template/bootstrap4/links.twig
@@ -1,6 +1,17 @@
 <ul class="pagination" id="pager-{{ classname|replace({'_': '-'}) }}">
 {% for link in links %}
-	<li class="page-item {% if link.active %}active{% endif %}">
+	{% set disabled = false %}
+
+	<!-- if previous link and first page is active -->
+	{% if link.page == 'previous' and links.1.active %}
+		{% set disabled = true %}
+	{% endif %}
+
+	<!-- if next link and last page is active -->
+	{% if link.page == 'next' and links[(links|length) - 2].active %}
+		{% set disabled = true %}
+	{% endif %}
+	<li class="page-item {% if link.active %}active{% endif %}{% if disabled %} disabled{% endif %}">
 		<a href="{{ link.url }}" class="skeleton-pager-link page-link">
 			{% if link.page == 'previous' %}
 				&laquo;