-
Notifications
You must be signed in to change notification settings - Fork 403
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
11 changed files
with
247 additions
and
36 deletions.
There are no files selected for viewing
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 |
---|---|---|
@@ -1,29 +1,35 @@ | ||
source "https://rubygems.org" | ||
|
||
git_source(:github) {|repo_name| "https://github.com/#{repo_name}" } | ||
|
||
# test | ||
gem 'rake' | ||
gem 'minitest', '~> 5.12' | ||
gem 'minitest-reporters' | ||
gem 'rack' | ||
gem 'i18n' | ||
|
||
gem 'oj', require: false # false is for testing with or without it | ||
|
||
gem 'rubocop', '~> 0.82.0' | ||
gem 'rubocop-performance', '~> 1.5.0' | ||
gem 'simplecov', require: false | ||
gem 'codecov', :require => false | ||
|
||
# development | ||
# gem 'slim' | ||
# gem 'haml' | ||
gem 'puma' | ||
|
||
# benchmark/profiling | ||
# gem 'benchmark-ips' | ||
# gem 'kalibera' | ||
# gem 'memory_profiler' | ||
group :test do | ||
gem 'rubocop', '~> 0.82.0' | ||
gem 'rubocop-performance', '~> 1.5.0' | ||
gem 'simplecov', require: false | ||
gem 'codecov', require: false | ||
gem 'minitest' | ||
gem 'minitest-reporters' | ||
end | ||
|
||
# docs server | ||
gem "github-pages", '204', group: :jekyll_plugins | ||
gem "github-pages", '206', group: :jekyll_plugins | ||
|
||
group :apps do | ||
gem 'sinatra' | ||
gem 'sinatra-contrib' | ||
# gem 'slim' | ||
# gem 'haml' | ||
end | ||
|
||
# group :performance do | ||
# benchmark/profiling | ||
# gem 'benchmark-ips' | ||
# gem 'kalibera' | ||
# gem 'memory_profiler' | ||
# end |
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
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,111 @@ | ||
# Basec self-contained rack/sinatra app | ||
# edit or duplicate this app to experiment with the pagy features | ||
|
||
# USAGE: rackup -I lib -o 0.0.0.0 -p 8080 apps/basic_app.ru | ||
|
||
# standard bundler using project Gemfile | ||
require 'rubygems' | ||
require 'bundler' | ||
Bundler.require(:default, :apps) | ||
|
||
require 'pagy' | ||
|
||
# pagy initializer | ||
require 'pagy/extras/navs' | ||
require 'pagy/extras/items' | ||
require 'pagy/extras/trim' if ENV['ENABLE_TRIM'] | ||
require 'oj' if ENV['ENABLE_OJ'] | ||
|
||
# sinatra setup | ||
require "sinatra/base" | ||
require "sinatra/reloader" | ||
|
||
|
||
# simple array-based collection that acts as standard DB collection | ||
class MockCollection < Array | ||
|
||
def initialize(arr=Array(1..1000)) | ||
super | ||
@collection = self.clone | ||
end | ||
|
||
def offset(value) | ||
@collection = self[value..-1] | ||
self | ||
end | ||
|
||
def limit(value) | ||
@collection[0, value] | ||
end | ||
|
||
def count(*) | ||
size | ||
end | ||
|
||
end | ||
|
||
# sinatra application | ||
class PagyApp < Sinatra::Base | ||
|
||
configure do | ||
enable :inline_templates | ||
end | ||
|
||
configure :development do | ||
register Sinatra::Reloader | ||
end | ||
|
||
include Pagy::Backend | ||
include Pagy::Frontend | ||
|
||
get '/pagy.js' do | ||
content_type 'application/javascript' | ||
send_file Pagy.root.join('javascripts', 'pagy.js') | ||
end | ||
|
||
get '/' do | ||
redirect '/helpers' | ||
end | ||
|
||
get '/helpers' do | ||
collection = MockCollection.new | ||
@pagy, _ = pagy(collection) | ||
erb :helpers | ||
end | ||
|
||
get '/no-pagy' do | ||
erb :'no-pagy' | ||
end | ||
|
||
end | ||
|
||
run PagyApp | ||
|
||
|
||
__END__ | ||
|
||
@@ layout | ||
<html> | ||
<head> | ||
<script type="application/javascript" src="/pagy.js"></script> | ||
<script type="application/javascript"> | ||
window.addEventListener("load", Pagy.init); | ||
</script> | ||
</head> | ||
<body> | ||
<%= yield %> | ||
</body> | ||
</html> | ||
|
||
@@ helpers | ||
<br> | ||
<%= pagy_nav(@pagy) %> | ||
<br> | ||
<%= pagy_nav_js(@pagy) %> | ||
<br> | ||
<%= pagy_combo_nav_js(@pagy) %> | ||
<br> | ||
<%= pagy_items_selector_js(@pagy) %> | ||
|
||
@@ no-pagy | ||
<p>Just a page without pagy</p> |
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
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,54 @@ | ||
--- | ||
title: Tailwind | ||
--- | ||
# Tailwind Extra Styles | ||
|
||
Tailwind allows to apply styles to any DOM element, so - if you use it - you don't actually need a special extra to produce a different output. You can use the standard unstyled pagy helpers: i.e. the default `pagy_nav` and the `pagy_nav_js`and `pagy_nav_combo_js` provided by the [navs](navs.md) extra, and apply the styles to their classes. | ||
|
||
## Synopsis | ||
|
||
See the [navs](navs.md) extra if you use `pagy_nav_js` or `pagy_combo_nav_js`. | ||
|
||
Copy and customize the following basic rules to apply the styles to the pagy CSS classes: | ||
|
||
```scss | ||
.pagy-nav, | ||
.pagy-nav-js, | ||
.pagy-combo-nav-js { | ||
@apply .inline-flex .shadow-md; | ||
} | ||
.pagy-nav.pagination, | ||
.pagy-nav-js.pagination, | ||
.pagy-combo-nav-js.pagination { | ||
@apply .border .border-gray-600 .rounded-sm; | ||
} | ||
.pagy-nav .page, | ||
.pagy-nav-js .page, | ||
.pagy-combo-nav-js .page, | ||
.pagy-combo-nav-js .pagy-combo-input { | ||
@apply .text-gray-700 .border-r .border-gray-600 .px-3 .py-2 .text-sm .leading-tight .font-medium; | ||
} | ||
.pagy-nav .page:hover, | ||
.pagy-nav-js .page:hover { | ||
@apply .text-gray-900; | ||
} | ||
.pagy-nav .disabled, | ||
.pagy-nav-js .disabled, | ||
.pagy-combo-nav-js .disabled { | ||
@apply .cursor-not-allowed; | ||
} | ||
.pagy-nav .active, | ||
.pagy-nav-js .active { | ||
@apply .text-blue-500; | ||
} | ||
.pagy-nav .prev, | ||
.pagy-nav-js .prev, | ||
.pagy-combo-nav-js .prev { | ||
@apply .text-gray-900; | ||
} | ||
.pagy-nav .next, | ||
.pagy-nav-js .next, | ||
.pagy-combo-nav-js .next { | ||
@apply .text-gray-900 .border-r .border-transparent; | ||
} | ||
``` |
Oops, something went wrong.