Merge pull request #296 from VincentLoy/master

add Foundation 5 Sliding pagination control implementation template
KnpLabs · Sep 7, 2015 · 4a1daf5 · 4a1daf5
2 parents 29da11f + 732bcbe
commit 4a1daf5
Show file tree

Hide file tree

Showing 2 changed files with 99 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -90,6 +90,7 @@ There are a few additional pagination templates, that could be used out of the b
 * `KnpPaginatorBundle:Pagination:sliding.html.twig` (by default)
 * `KnpPaginatorBundle:Pagination:twitter_bootstrap_v3_pagination.html.twig`
 * `KnpPaginatorBundle:Pagination:twitter_bootstrap_pagination.html.twig`
+* `KnpPaginatorBundle:Pagination:foundation_v5_pagination.html.twig`
 
 
 ## Usage examples:

diff --git a/Resources/views/Pagination/foundation_v5_pagination.html.twig b/Resources/views/Pagination/foundation_v5_pagination.html.twig
@@ -0,0 +1,98 @@
+{#
+/**
+ * @file
+ * Foundation 5 Sliding pagination control implementation.
+ *
+ * View that can be used with the pagination module 
+ * from the Foundation 5 CSS Toolkit
+ * http://foundation.zurb.com/docs/components/pagination.html
+ *
+ * @author Vincent Loy <[email protected]>
+ *
+ * This view have been ported from twitter bootstrap v3 pagination control implementation
+ * from :
+ * @author Pablo Díez <[email protected]>
+ * @author Jan Sorgalla <[email protected]>
+ * @author Artem Ponomarenko <[email protected]>
+ * @author Artem Zabelin <[email protected]>
+ */
+#}
+
+{% if pageCount > 1 %}
+    <ul class="pagination">
+        {% if previous is defined %}
+                 <li class="arrow">
+                     <a href="{{ path(route, query|merge({(pageParameterName): previous})) }}">&laquo; {{ 'Previous'|trans }}</a>
+                 </li>
+        {% else %}
+            <li class="arrow unavailable">
+                <a>
+                    &laquo; {{ 'Previous'|trans }}
+                </a>
+            </li>
+        {% endif %}
+
+        {% if startPage > 1 %}
+            <li>
+                <a href="{{ path(route, query|merge({(pageParameterName): 1})) }}">1</a>
+            </li>
+            {% if startPage == 3 %}
+                <li>
+                    <a href="{{ path(route, query|merge({(pageParameterName): 2})) }}">2</a>
+                </li>
+            {% elseif startPage != 2 %}
+                <li class="unavailable">
+                    <a>&hellip;</a>
+                </li>
+            {% endif %}
+        {% endif %}
+
+        {% for page in pagesInRange %}
+            {% if page != current %}
+                <li>
+                    <a href="{{ path(route, query|merge({(pageParameterName): page})) }}">
+                        {{ page }}
+                    </a>
+                </li>
+            {% else %}
+                <li class="current">
+                    <a>{{ page }}</a>
+                </li>
+            {% endif %}
+
+        {% endfor %}
+
+        {% if pageCount > endPage %}
+            {% if pageCount > (endPage + 1) %}
+                {% if pageCount > (endPage + 2) %}
+                    <li class="unavailable">
+                        <a>&hellip;</a>
+                    </li>
+                {% else %}
+                    <li>
+                        <a href="{{ path(route, query|merge({(pageParameterName): (pageCount - 1)})) }}">
+                            {{ pageCount -1 }}
+                        </a>
+                    </li>
+                {% endif %}
+            {% endif %}
+            <li>
+                <a href="{{ path(route, query|merge({(pageParameterName): pageCount})) }}">{{ pageCount }}</a>
+            </li>
+        {% endif %}
+
+        {% if next is defined %}
+            <li class="arrow">
+                <a href="{{ path(route, query|merge({(pageParameterName): next})) }}">
+                    {{ 'Next'|trans }} &nbsp;&raquo;
+                </a>
+            </li>
+        {% else %}
+            <li class="arrow unavailable">
+                <a>
+                    {{ 'Next'|trans }} &nbsp;&raquo;
+                </a>
+            </li>
+        {% endif %}
+    </ul>
+{% endif %}