-
Notifications
You must be signed in to change notification settings - Fork 414
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
6 changed files
with
342 additions
and
8 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,241 @@ | ||
| # frozen_string_literal: true | ||
|
|
||
| # DESCRIPTION | ||
| # Showcase the Keyset Numeric pagination (ActiveRecord example) | ||
| # | ||
| # DOC | ||
| # https://ddnexus.github.io/pagy/playground/#5-keyset-apps | ||
| # | ||
| # BIN HELP | ||
| # bundle exec pagy -h | ||
| # | ||
| # DEV USAGE | ||
| # bundle exec pagy clone keyset_for_ui | ||
| # bundle exec pagy ./keyset_for_ui.ru | ||
| # | ||
| # URL | ||
| # http://0.0.0.0:8000 | ||
|
|
||
| VERSION = '9.3.3' | ||
|
|
||
| # Bundle | ||
| require 'bundler/inline' | ||
| require 'bundler' | ||
| Bundler.configure | ||
| gemfile(ENV['PAGY_INSTALL_BUNDLE'] == 'true') do | ||
| source 'https://rubygems.org' | ||
| gem 'activerecord' | ||
| gem 'puma' | ||
| gem 'sinatra' | ||
| gem 'sqlite3' | ||
| end | ||
|
|
||
| # Pagy initializer | ||
| require 'pagy/extras/keyset_for_ui' | ||
| require 'pagy/extras/limit' | ||
| require 'pagy/extras/pagy' | ||
| Pagy::DEFAULT[:limit] = 4 | ||
| Pagy::DEFAULT.freeze | ||
|
|
||
| # Sinatra setup | ||
| require 'sinatra/base' | ||
| # Sinatra application | ||
| class PagyKeyset < Sinatra::Base | ||
| include Pagy::Backend | ||
|
|
||
| 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 } | ||
| @pagy, @pets = pagy_keyset_for_ui(Pet.order(@order)) | ||
| erb :main | ||
| end | ||
|
|
||
| helpers do | ||
| include Pagy::Frontend | ||
|
|
||
| def order_symbol(dir) | ||
| { asc: '↗', desc: '↘' }[dir] | ||
| end | ||
| end | ||
|
|
||
| # Views | ||
| template :layout do | ||
| <<~ERB | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <html> | ||
| <head> | ||
| <title>Pagy Keyset For UI App</title> | ||
| <script src="javascripts/pagy.js"></script> | ||
| <script> | ||
| window.addEventListener("load", Pagy.init); | ||
| </script> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <style type="text/css"> | ||
| @media screen { html, body { | ||
| font-size: 1rem; | ||
| line-height: 1.2s; | ||
| padding: 0; | ||
| margin: 0; | ||
| } } | ||
| body { | ||
| background: white !important; | ||
| margin: 0 !important; | ||
| font-family: sans-serif !important; | ||
| } | ||
| .content { | ||
| padding: 1rem 1.5rem 2rem !important; | ||
| } | ||
| <%= Pagy.root.join('stylesheets', 'pagy.css').read %> | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <%= yield %> | ||
| </body> | ||
| </html> | ||
| ERB | ||
| end | ||
|
|
||
| template :main do | ||
| <<~ERB | ||
| <div class="content"> | ||
| <h1>Pagy Keyset For UI App</h1> | ||
| <p>Self-contained, standalone app usable to easily reproduce any Keyset For UI related pagy issue | ||
| with ActiveRecord sets. Notice that Keyset For UI works also with Sequel sets</p> | ||
| <p>Please, report the following versions in any new issue.</p> | ||
| <h2>Versions</h2> | ||
| <ul> | ||
| <li>Ruby: <%= RUBY_VERSION %></li> | ||
| <li>Rack: <%= Rack::RELEASE %></li> | ||
| <li>Sinatra: <%= Sinatra::VERSION %></li> | ||
| <li>Pagy: <%= Pagy::VERSION %></li> | ||
| </ul> | ||
| <h3>Collection</h3> | ||
| <div id="records" class="collection"> | ||
| <table border="1" cellspacing="0" cellpadding="3"> | ||
| <tr> | ||
| <th>animal <%= order_symbol(@order[:animal]) %></th> | ||
| <th>name <%= order_symbol(@order[:name]) %></th> | ||
| <th>birthdate <%= order_symbol(@order[:birthdate]) %></th> | ||
| <th>id <%= order_symbol(@order[:id]) %></th> | ||
| </tr> | ||
| <% @pets.each do |pet| %> | ||
| <tr> | ||
| <td><%= pet.animal %></td> | ||
| <td><%= pet.name %></td> | ||
| <td><%= pet.birthdate %></td> | ||
| <td><%= pet.id %></td> | ||
| </tr> | ||
| <% end %> | ||
| </table> | ||
| </div> | ||
| <p> | ||
| <%= pagy_nav(@pagy) %> | ||
| </div> | ||
| 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) | ||
| # SQLite DB files | ||
| dir = ENV['APP_ENV'].equal?('development') ? '.' : Dir.pwd # app dir in dev or pwd otherwise | ||
| abort "ERROR: Cannot create DB files: the directory #{dir.inspect} is not writable." \ | ||
| unless File.writable?(dir) | ||
| # Connection | ||
| ActiveRecord::Base.establish_connection(adapter: 'sqlite3', database: "#{dir}/tmp/pagy-keyset-ar.sqlite3") | ||
| # 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 PagyKeyset |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters