From f90c92dc26ff5e69385153ee1547c461d44210a1 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Wed, 15 Sep 2021 21:03:07 -0300
Subject: [PATCH] =?UTF-8?q?Poder=20navegar=20p=C3=A1ginas=20en=20la=20list?=
 =?UTF-8?q?a=20de=20art=C3=ADculos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/posts/index.haml | 22 ++++++++++++++--------
 config/locales/en.yml      |  2 ++
 config/locales/es.yml      |  2 ++
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/app/views/posts/index.haml b/app/views/posts/index.haml
index 5c47f679..654210f2 100644
--- a/app/views/posts/index.haml
+++ b/app/views/posts/index.haml
@@ -72,14 +72,20 @@
           %thead
             %tr
               %th.border-0.background-white.position-sticky{ style: 'top: 0; z-index: 2', colspan: '4' }
-                = submit_tag t('posts.reorder.submit'), class: 'btn'
-                %button.btn{ data: { action: 'reorder#unselect' } }
-                  = t('posts.reorder.unselect')
-                  %span.badge{ data: { target: 'reorder.counter' } } 0
-                %button.btn{ data: { action: 'reorder#up' } }= t('posts.reorder.up')
-                %button.btn{ data: { action: 'reorder#down' } }= t('posts.reorder.down')
-                %button.btn{ data: { action: 'reorder#top' } }= t('posts.reorder.top')
-                %button.btn{ data: { action: 'reorder#bottom' } }= t('posts.reorder.bottom')
+                .d-flex.flex-row.justify-content-between
+                  %div
+                    = submit_tag t('posts.reorder.submit'), class: 'btn'
+                    %button.btn{ data: { action: 'reorder#unselect' } }
+                      = t('posts.reorder.unselect')
+                      %span.badge{ data: { target: 'reorder.counter' } } 0
+                    %button.btn{ data: { action: 'reorder#up' } }= t('posts.reorder.up')
+                    %button.btn{ data: { action: 'reorder#down' } }= t('posts.reorder.down')
+                    %button.btn{ data: { action: 'reorder#top' } }= t('posts.reorder.top')
+                    %button.btn{ data: { action: 'reorder#bottom' } }= t('posts.reorder.bottom')
+
+                  %div
+                    = link_to_prev_page @posts, t('posts.prev'), class: 'btn'
+                    = link_to_next_page @posts, t('posts.next'), class: 'btn'
           %tbody
             - dir = t("locales.#{@locale}.dir")
             - size = @posts.size
diff --git a/config/locales/en.yml b/config/locales/en.yml
index fc194eab..e950fc32 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -376,6 +376,8 @@ en:
     en: 'English'
     ar: 'Arabic'
   posts:
+    prev: Previous page
+    next: Next page
     empty: "There are no results for those search parameters."
     caption: Post list
     attribute_ro:
diff --git a/config/locales/es.yml b/config/locales/es.yml
index e8185391..459d643b 100644
--- a/config/locales/es.yml
+++ b/config/locales/es.yml
@@ -384,6 +384,8 @@ es:
     en: 'inglés'
     ar: 'árabe'
   posts:
+    prev: Página anterior
+    next: Página siguiente
     empty: No hay artículos con estos parámetros de búsqueda.
     caption: Lista de artículos
     attribute_ro: