# frozen_string_literal: true # DESCRIPTION # Showcase the Keynav pagination (ActiveRecord example) # # DOC # https://ddnexus.github.io/pagy/playground/#keyset-apps # # BIN HELP # pagy -h # # DEV USAGE # pagy clone keynav # pagy ./keynav.ru # # URL # http://127.0.0.1:8000 VERSION = '43.4.4' if VERSION != Pagy::VERSION Warning.warn("\n>>> WARNING! '#{File.basename(__FILE__)}-#{VERSION}' running with 'pagy-#{Pagy::VERSION}'! <<< \n\n") end # Bundle require 'bundler/inline' gemfile(!Pagy::ROOT.join('pagy.gemspec').exist?) do source 'https://rubygems.org' gem 'activerecord' gem 'puma' gem 'sinatra' gem 'sqlite3' end # Sinatra setup require 'sinatra/base' # Sinatra application class PagyKeynav < Sinatra::Base include Pagy::Method get('/javascripts/:file') do format = params[:file].split('.').last if format == 'js' content_type 'application/javascript' elsif format == 'map' content_type 'application/json' end send_file Pagy::ROOT.join('javascripts', params[:file]) end # Root route/action get '/' do Time.zone = 'UTC' @order = { animal: :asc, name: :asc, birthdate: :desc, id: :asc }.freeze @pagy, @pets = pagy(:keynav_js, Pet.order(@order), limit: 4, client_max_limit: 100) # Support also root_key for replacing url in javascript # @pagy, @pets = pagy(:keynav_js, Pet.order(@order), limit: 4, client_max_limit: 100, root_key: 'animal') @ids = @pets.pluck(:id) erb :main end helpers do def order_symbol(dir) { asc: '↗', desc: '↘' }[dir] end end # Views template :layout do <<~ERB Pagy Keynav App <%= yield %> ERB end template :main do <<~ERB

Pagy Keynav App

Self-contained, standalone app usable to easily reproduce any Keynav related pagy issue with ActiveRecord sets.

Notice that Keynav works also with Sequel sets.

Versions

Ruby: <%= RUBY_VERSION %>
Rack: <%= Rack::RELEASE %>
Sinatra: <%= Sinatra::VERSION %>
Pagy: <%= Pagy::VERSION %>

Collection

@ids: <%= @ids.join(',') %>

<% @pets.each do |pet| %> <% end %>

animal <%= order_symbol(@order[:animal]) %>	name <%= order_symbol(@order[:name]) %>	birthdate <%= order_symbol(@order[:birthdate]) %>	id <%= order_symbol(@order[:id]) %>
<%= pet.animal %>	<%= pet.name %>	<%= pet.birthdate %>	<%= pet.id %>

@pagy.series_nav

<%= @pagy.series_nav(id: 'series-nav', aria_label: 'Pages (nav)') %>

@pagy.series_nav_js (responsive)

<%= @pagy.series_nav_js(id: 'series-nav-js-responsive', aria_label: 'Pages (nav_js_responsive)', steps: { 0 => 5, 500 => 7, 750 => 9, 1000 => 11 }) %>

@pagy.input_nav_js

<%= @pagy.input_nav_js(id: 'input-nav-js', aria_label: 'Pages (input_nav_js)') %>

@pagy.info_tag

<%= @pagy.info_tag(id: 'pagy-info') %>

ERB end end # ActiveRecord setup require 'active_record' # Match the microsecods with the strings stored into the time columns of SQLite # ActiveSupport::JSON::Encoding.time_precision = 6 # Log output = ENV['APP_ENV'].equal?('showcase') ? IO::NULL : $stdout ActiveRecord::Base.logger = Logger.new(output) # Connection ActiveRecord::Base.establish_connection(adapter: 'sqlite3', database: 'file:memdb1?mode=memory&cache=shared') # Schema ActiveRecord::Schema.define do create_table :pets, force: true do |t| t.string :animal t.string :name t.date :birthdate end end # Models class Pet < ActiveRecord::Base; end data = <<~DATA Luna | dog | 2018-03-10 Coco | cat | 2019-05-15 Dodo | dog | 2020-06-25 Wiki | bird | 2018-03-12 Baby | rabbit | 2020-01-13 Neki | horse | 2021-07-20 Tino | donkey | 2019-06-18 Plot | cat | 2022-09-21 Riki | cat | 2018-09-14 Susi | horse | 2018-10-26 Coco | pig | 2020-08-29 Momo | bird | 2023-08-25 Lili | cat | 2021-07-22 Beli | pig | 2020-07-26 Rocky | bird | 2022-08-19 Vyvy | dog | 2018-05-16 Susi | horse | 2024-01-25 Ella | cat | 2020-02-20 Rocky | dog | 2019-09-19 Juni | rabbit | 2020-08-24 Coco | bird | 2021-03-17 Susi | dog | 2021-07-28 Luna | horse | 2023-05-14 Gigi | pig | 2022-05-19 Coco | cat | 2020-02-20 Nino | donkey | 2019-06-17 Luna | cat | 2022-02-09 Popi | dog | 2020-09-26 Lili | pig | 2022-06-18 Mina | horse | 2021-04-21 Susi | rabbit | 2023-05-18 Toni | donkey | 2018-06-22 Rocky | horse | 2019-09-28 Lili | cat | 2019-03-18 Roby | cat | 2022-06-19 Anto | horse | 2022-08-18 Susi | pig | 2021-04-21 Boly | bird | 2020-03-29 Sky | cat | 2023-07-19 Lili | dog | 2020-01-28 Fami | snake | 2023-04-27 Lopi | pig | 2019-06-19 Rocky | snake | 2022-03-13 Denis | dog | 2022-06-19 Maca | cat | 2022-06-19 Luna | dog | 2022-08-15 Jeme | horse | 2019-08-08 Sary | bird | 2023-04-29 Rocky | bird | 2023-05-14 Coco | dog | 2023-05-27 DATA # DB seed pets = [] data.each_line(chomp: true) do |pet| name, animal, birthdate = pet.split('|').map(&:strip) pets << { name:, animal:, birthdate: } end Pet.insert_all(pets) run PagyKeynav