rails6 kaminariでのページネーションのカスタマイズについて

Question

前提・実現したいこと

Ruby on Railsでkaminariを使ってページネーションのカスタマイズを考えています。
現在のページネーションは下記です。
![
行いたいカスタマイズは下記のように5ページ表示になります。

(前へ) (1) (2) (③) (4) ・ (10) (次へ)
(前へ) (1) ・ (3) (④) (5) ・ (10) (次へ)
※○が表示ページです。

こちら解決策ございましたら、ご教授頂けますと幸いです。
必要なファイルなどございましたら、お申し付けください。
よろしくお願いいたします。

該当のソースコード

<ul id="pagination">
  <li class="pagination"><%= paginate @admins %></li>
</ul>

def news
  @admins = Admin.order("created_at DESC").page(params[:page]).per(1)
end

ja:
  time:
    formats:
      default: "%Y%m月%d日"
  views:
    pagination:
      previous: "前へ"
      next: "次へ"
      truncate: "・"

# frozen_string_literal: true

Kaminari.configure do |config|
  config.default_per_page = 8
  config.max_per_page = nil
  # config.window = 3
  # 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

<%= paginator.render do %>
  <nav class="pagination" role="navigation" aria-label="pager">
      <%= prev_page_tag %>
    <% each_page do |page| %>
      <% if page.display_tag? %>
        <%= page_tag page %>
      <% elsif !page.was_truncated? %>
        <%= gap_tag %>
      <% end %>
    <% end %>
    <% unless current_page.out_of_range? %>
      <%= next_page_tag %>
    <% end %>
  </nav>
<% end %>

試したこと

記事を参考にviewsやconfigなど触ってみたのですが、変更はありませんでした。

Comments

[FKM]

そもそも、このkaminariは動いているのでしょうか？

[退会済みユーザー]

FKM様

ご質問ありがとうございます。
ページ上部で表示している画像が現状のものになっておりまして、ページネーション 自体は問題なく機能しておりますので、kaminariは動いているかと思います。

Answer 1

ここの設定がコメントのままですが、コメントアウトしたらどうなりますか？

# frozen_string_literal: true

Kaminari.configure do |config|
  config.default_per_page = 8
  config.max_per_page = nil
  config.window = 3 #ここをコメントアウト
  config.outer_window = 1 #ここをコメントアウト
  # 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

Comments

[退会済みユーザー]

FKM様

ご質問ありがとうございます。
頂いた内容の箇所をコメントアウトしても変化ありませんでした...。

[FKM]

その後 rails sコマンドで再起動しましたでしょうか。
【Rails】kaminariを使用してページネーション機能を実装https://qiita.com/ryota21/items/29fa282745afb1474059

[退会済みユーザー]

rails sで再起動しているのですが、変化ありませんでした...。

Answer 2

記事を参考に

とありますが、できる限り公式を見る癖をつけた方がいろいろ捗ると思います。

---

テンプレートを使わず、デフォルトの状態で下記のような形になります。
あとはレイアウトを整えて、日本語化して、FirstとLastを削除すれば良いかと思います。

<%= paginate @admins,　window: 1, outer_window: 1 %>

※firstとlastの削除方法が見つからなかったのですが、こだわりがなければcssで消すのもありかと思います。

---

追記です。
１ページ目を表示すると下記のような形になるので、条件分岐をして、outerを増減したものを呼び出すなどの工夫が必要そうです。

---

さらに追記です。

前提：gemをインストールした状態(kaminariのconfigは設定せず、paginatorのカスタマイズはなし）
下記のコードでほぼ実現できます。（本当はelseとかきちんと書いた方が良い）
https://kaminari-test.herokuapp.com/

<%
  n = 1
  n = 3 if @pages.current_page == 1 || @pages.current_page == @pages.total_pages
  n = 2 if @pages.current_page == 2 || @pages.current_page == @pages.total_pages - 1
%>
<%= paginate @pages, window: n, outer_window: 1 %>

ほぼというのは、4ページを表示した際に、Prev 1 2 3 4 5 ... 25 Nextになってしまいます。（※22ページも同じ）
２文字以上飛ばす場合は...になるが、１文字飛ばす場合は...にならないkaminariの仕様みたいです。

Comments

[退会済みユーザー]

no1knows様

ご回答頂きありがとうございます！
> できる限り公式を見る癖をつけた方がいろいろ捗ると思います。
ご指摘頂きありがとうございます。
公式を見る癖がありませんでしたので、今後はまず公式を見るようにします。

また、頂いたコードで試してみたのですが、反映されませんでした...。
その他にconfigファイルのwindowとouter_windowも変更してみたのですが、反映されませんでした。
ローカルサーバーの再起動も行いました。

公式を見て、色々試してみたいと思います。

[no1knows]

お力になれず申し訳ないです。
ちなみに > 反映されない というのは、例えばconfigの内容を変更してもそれが反映されないということでしょうか？

[no1knows]

あとpaginatorを出しているのは、デフォルトから変更しているのでしょうか？
デフォルトのままで、下記で実装できそうな感じですけど、無理なのかな・・・
<%= link_to_prev_page @admins, 'previous' %>＋上記のコード＋<%= link_to_next_page @admins, 'next' %>

[退会済みユーザー]

no1knows様

> お力になれず申し訳ないです。
とんでもないです！

> ちなみに > 反映されない というのは、例えばconfigの内容を変更してもそれが反映されないということでしょうか？
こちらに関しましては、上記の認識でお間違いございません。

> あとpaginatorを出しているのは、デフォルトから変更しているのでしょうか？
こちらは、部分テンプレートのfirstとlastの削除で若干の変更はしております。

頂いたコードを試してみたのですが、思い通りの表示にはなりませんでした...。

また、追記で頂いている内容が行いたいカスタマイズなので、もう一度コードを見直して試してみたいと思います！