pagination, sort (fs#20)

* pagination, sort

* pagination, sort 2

* pagination, sort 3

* pagination, sort 4

---------

Co-authored-by: Denis Zakharov <[email protected]>

.gitignore

@@ -34,3 +34,5 @@
 /yarn-error.log
 yarn-debug.log*
 .yarn-integrity
+
+.idea/

Gemfile

@@ -17,6 +17,7 @@ gem "webpacker", "~> 5.0"
 gem "turbolinks", "~> 5"
 # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
 gem "jbuilder", "~> 2.7"
+gem "kaminari"
 gem "pry"
 # Use Redis adapter to run Action Cable in production
 # gem "redis", "~> 4.0"

Gemfile.lock

@@ -92,6 +92,18 @@ GEM
       actionview (>= 5.0.0)
       activesupport (>= 5.0.0)
     json (2.6.3)
+    kaminari (1.2.2)
+      activesupport (>= 4.1.0)
+      kaminari-actionview (= 1.2.2)
+      kaminari-activerecord (= 1.2.2)
+      kaminari-core (= 1.2.2)
+    kaminari-actionview (1.2.2)
+      actionview
+      kaminari-core (= 1.2.2)
+    kaminari-activerecord (1.2.2)
+      activerecord
+      kaminari-core (= 1.2.2)
+    kaminari-core (1.2.2)
     language_server-protocol (3.17.0.3)
     listen (3.8.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
@@ -129,7 +141,7 @@ GEM
       ast (~> 2.4.1)
       racc
     pg (1.5.4)
-    pry (0.14.1)
+    pry (0.14.2)
       coderay (~> 1.1)
       method_source (~> 1.0)
     public_suffix (5.0.3)
@@ -271,6 +283,7 @@ DEPENDENCIES
   byebug
   capybara (>= 3.26)
   jbuilder (~> 2.7)
+  kaminari
   listen (~> 3.3)
   pg (~> 1.1)
   pry

app/controllers/projects_controller.rb

@@ -2,7 +2,7 @@ class ProjectsController < ApplicationController
   before_action :set_project, only: %i[show edit update destroy]
 
   def index
-    @projects = Project.order(:id)
+    @projects = Project.order(params[:sort]).page(params[:page]).per(3)
   end
 
   def show; end

app/views/projects/index.html.erb

@@ -2,6 +2,10 @@
 
 <h2><%= link_to "New Project", new_project_path %><h2>
 
+<%= link_to "Name", :sort => "name asc"%>
+<%= link_to "Name reverse", :sort => "name desc"%>
+<%= link_to "Description", :sort => "description asc" %>
+<%= link_to "Description reverse", :sort => "description desc" %>
 <% @projects.each do |project| %>
   <div class="record">
     <p><%= project.id %>. <%= link_to project.name, project_path(project) %></p>
@@ -10,3 +14,5 @@
     <p><%= button_to "Destroy", project, method: :delete %></p>
   </div>
 <% end %>
+
+<%= paginate @projects %>

config/initializers/kaminari_config.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+Kaminari.configure do |config|
+  config.default_per_page = 25
+  # config.max_per_page = nil
+  # config.window = 4
+  # config.outer_window = 0
+  # config.left = 0
+  # config.right = 0
+  # config.page_method_name = :page
+  # config.param_name = :page
+  # config.max_pages = nil
+  # config.params_on_first_page = false
+end