Merge pull request #202 from dojineko/swap-pagination-buttons

Swappable pagination buttons by configulation
kakawait · Oct 13, 2017 · e0b7043 · e0b7043
2 parents 0db302b + 05ab46d
commit e0b7043
Show file tree

Hide file tree

Showing 3 changed files with 67 additions and 21 deletions.
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -174,6 +174,10 @@ canonifyurls = true
   # [[params.customJS]]
   #   src = "js/myscript.js"
 
+  # Display `Next` on left side of the pagination, and `Prev` on right side one.
+  # If you set this value to `true`, these positions swap.
+  # swapPaginator = true
+
   # Sharing options
   # Comment and uncomment to enable or disable sharing options
   # If you wanna add a sharing option, read user documentation :

diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
@@ -1,21 +1,40 @@
 {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
   <div class="pagination-bar">
     <ul class="pagination">
-      {{ if .Paginator.HasPrev }}
-        <li class="pagination-prev">
-          <a class="btn btn--default btn--small" href="{{ .Paginator.Prev.URL }}">
-            <i class="fa fa-angle-left text-base icon-mr"></i>
-            <span>{{ i18n "pagination.newer_posts" }}</span>
-          </a>
-        </li>
-      {{ end }}
-      {{ if .Paginator.HasNext }}
-        <li class="pagination-next">
-          <a class="btn btn--default btn--small" href="{{ .Paginator.Next.URL }}">
-            <span>{{ i18n "pagination.older_posts" }}</span>
-            <i class="fa fa-angle-right text-base icon-ml"></i>
-          </a>
-        </li>
+      {{ if .Site.Params.swapPaginator }}
+        {{ if .Paginator.HasPrev }}
+          <li class="pagination-prev">
+            <a class="btn btn--default btn--small" href="{{ .Paginator.Prev.URL }}">
+              <i class="fa fa-angle-left text-base icon-mr"></i>
+              <span>{{ i18n "pagination.older_posts" }}</span>
+            </a>
+          </li>
+        {{ end }}
+        {{ if .Paginator.HasNext }}
+          <li class="pagination-next">
+            <a class="btn btn--default btn--small" href="{{ .Paginator.Next.URL }}">
+              <span>{{ i18n "pagination.newer_posts" }}</span>
+              <i class="fa fa-angle-right text-base icon-ml"></i>
+            </a>
+          </li>
+        {{ end }}
+      {{ else }}
+        {{ if .Paginator.HasNext }}
+          <li class="pagination-next">
+            <a class="btn btn--default btn--small" href="{{ .Paginator.Next.URL }}">
+              <i class="fa fa-angle-left text-base icon-mr"></i>
+              <span>{{ i18n "pagination.newer_posts" }}</span>
+            </a>
+          </li>
+        {{ end }}
+        {{ if .Paginator.HasPrev }}
+          <li class="pagination-prev">
+            <a class="btn btn--default btn--small" href="{{ .Paginator.Prev.URL }}">
+              <span>{{ i18n "pagination.older_posts" }}</span>
+              <i class="fa fa-angle-right text-base icon-ml"></i>
+            </a>
+          </li>
+        {{ end }}
       {{ end }}
       <li class="pagination-number">{{ i18n "pagination.page" . }} {{ i18n "pagination.of" . }}</li>
     </ul>

diff --git a/layouts/partials/post/actions.html b/layouts/partials/post/actions.html
@@ -2,26 +2,49 @@
   <div class="post-actions-wrap">
       <nav {{ if eq .Params.showPagination false }}style="visibility: hidden"{{ end }}>
         <ul class="post-actions post-action-nav">
+          {{ if .Site.Params.swapPaginator }}
+            <li class="post-action">
+              {{ with .PrevInSection }}
+                <a class="post-action-btn btn btn--default tooltip--top" href="{{ .RelPermalink }}" data-tooltip="{{ .Title }}">
+              {{ else }}
+                <a class="post-action-btn btn btn--disabled">
+              {{ end }}
+                  <i class="fa fa-angle-left"></i>
+                  <span class="hide-xs hide-sm text-small icon-ml">{{ i18n "pagination.previous" }}</span>
+                </a>
+            </li>
+            <li class="post-action">
+              {{ with .NextInSection }}
+                <a class="post-action-btn btn btn--default tooltip--top" href="{{ .RelPermalink }}" data-tooltip="{{ .Title }}">
+              {{ else }}
+                <a class="post-action-btn btn btn--disabled">
+              {{ end }}
+                  <span class="hide-xs hide-sm text-small icon-mr">{{ i18n "pagination.next" }}</span>
+                  <i class="fa fa-angle-right"></i>
+                </a>
+            </li>
+          {{ else }}
             <li class="post-action">
               {{ with .NextInSection }}
                 <a class="post-action-btn btn btn--default tooltip--top" href="{{ .RelPermalink }}" data-tooltip="{{ .Title }}">
               {{ else }}
                 <a class="post-action-btn btn btn--disabled">
               {{ end }}
-                <i class="fa fa-angle-left"></i>
-                <span class="hide-xs hide-sm text-small icon-ml">{{ i18n "pagination.next" }}</span>
-              </a>
+                  <i class="fa fa-angle-left"></i>
+                  <span class="hide-xs hide-sm text-small icon-ml">{{ i18n "pagination.next" }}</span>
+                </a>
             </li>
             <li class="post-action">
               {{ with .PrevInSection }}
                 <a class="post-action-btn btn btn--default tooltip--top" href="{{ .RelPermalink }}" data-tooltip="{{ .Title }}">
               {{ else }}
                 <a class="post-action-btn btn btn--disabled">
               {{ end }}
-                <span class="hide-xs hide-sm text-small icon-mr">{{ i18n "pagination.previous" }}</span>
-                <i class="fa fa-angle-right"></i>
-              </a>
+                  <span class="hide-xs hide-sm text-small icon-mr">{{ i18n "pagination.previous" }}</span>
+                  <i class="fa fa-angle-right"></i>
+                </a>
             </li>
+          {{ end }}
         </ul>
       </nav>
     <ul class="post-actions post-action-share" >