From 6c9bc4fda44f250a0f117cdba2f8d1c60003a941 Mon Sep 17 00:00:00 2001
From: Corey Hammerton <corey.hammerton@gmail.com>
Date: Mon, 16 May 2016 20:00:16 -0400
Subject: [PATCH] puppetboard/templates/_macros.html: Using the Semantic UI
 Pagination Menu (#236)

This fixes https://github.com/voxpupuli/puppetboard/issues/229

This menu provides a very user friendly interface for rendering the pagination
section, which is available in version 2.1.8. Updating the render_pagination
macro use the new HTML classes.
---
 puppetboard/templates/_macros.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/puppetboard/templates/_macros.html b/puppetboard/templates/_macros.html
index a153bb8..354cdfe 100644
--- a/puppetboard/templates/_macros.html
+++ b/puppetboard/templates/_macros.html
@@ -178,25 +178,25 @@
   {% endif %}
 {%- endmacro %}
 {% macro render_pagination(pagination) -%}
-  <div class="pagination">
+  <div class="ui pagination menu">
   {% if pagination.has_prev %}
-    <a href="{{url_for_pagination(1)}}">&laquo; First</a>
-    <a href="{{url_for_pagination(pagination.page - 1)}}">Prev</a>
+    <a class="item" href="{{url_for_pagination(1)}}">&laquo; First</a>
+    <a class="item" href="{{url_for_pagination(pagination.page - 1)}}">Prev</a>
   {% endif %}
   {% for page in pagination.iter_pages() %}
     {% if page %}
       {% if page != pagination.page %}
-        <a href="{{url_for_pagination(page)}}">{{page}}</a>
+        <a class="item" href="{{url_for_pagination(page)}}">{{page}}</a>
       {% else %}
-        <span style="font-weight:bold;">{{page}}</span>
+        <a class="active item">{{page}}</a>
       {% endif %}
     {% else %}
-      <span class="ellipsis">...</span>
+      <a class="disabled item">...</a>
     {% endif %}
   {% endfor %}
   {% if pagination.has_next %}
-    <a href="{{url_for_pagination(pagination.page + 1)}}">Next</a>
-    <a href="{{url_for_pagination(pagination.pages)}}">Last &raquo;</a>
+    <a class="item" href="{{url_for_pagination(pagination.page + 1)}}">Next</a>
+    <a class="item" href="{{url_for_pagination(pagination.pages)}}">Last &raquo;</a>
   {% endif %}
   </div>
 {% endmacro %}