pagy 0.18.0 → 0.19.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2c1bb5b64fb34727fe1c413e7955d77efe07ab9092635a02a28c3fd9755e0c9d
-  data.tar.gz: 2a30697bb6be24894258df5a67871f5d07adac6b0868a58c205197484909288e
+  metadata.gz: d8687d221589df328c1fc7a367ee8b1e1a1e3da87c83cbe92800af0ac514b603
+  data.tar.gz: b6327ed3bb6aae4daedbfb92c472f136283746be36012951a9da3ff96ec1ad1e
 SHA512:
-  metadata.gz: befb8dc5ef5ec753f4b644c887de0196e6b5ccb026fe86258c73eb6924af6e535bd0837580b8c30e945f638c65cde5b1fafe31b0729cfd92fb0bd6d48f800d00
-  data.tar.gz: dffdcc261a1a2176617774614c453ee12c0dc94761293f202b4d3db43ea281b6dac0c9524eb51806ed52bcf430ebd043717c7dc9bcc809f3721003b3a6b101a8
+  metadata.gz: 43f6881f9d58f5f4a30d1d4b97829dd2915072477d8b84d64b3f49417f6c9b04a72bcbf8e6fca90d085c04d4161952e12fdbebb81d2fa553e239b29b629246ec
+  data.tar.gz: e23a969cc2414b7291f48d60b0b6e55e8fe7e0ade2657243b595b24a03d7567fc7d4ebe87fdf825f2c6676360251e5f048188d799dc1ba3c458cab1c48c5c95d

data/lib/config/pagy.rb

@@ -41,12 +41,15 @@
 # See https://ddnexus.github.io/pagy/extras/materialize
 # require 'pagy/extras/materialize'
 
-# Breakoints var used byt the responsive helpers
+# Semantic: Nav helper for Semantic UI pagination
+# See https://ddnexus.github.io/pagy/extras/semantic
+# require 'pagy/extras/semantic'
+
+# Breakoints var used by the responsive nav helpers
 # See https://ddnexus.github.io/pagy/extras/navs#breakpoints
 # Pagy::VARS[:breakpoints] = { 0 => [1,2,2,1], 350 => [2,3,3,2], 550 => [3,4,4,3] }    # example of width/size pairs
 
 
-
 # Feature Extras
 
 # Items: Allow the client to request a custom number of items per page with a ready to use selector UI
@@ -88,7 +91,7 @@
 
 # Rails
 
-# Rails: extras assets path required by compact, items and responsive extras
+# Rails: extras assets path required by the compact and responsive navs, and the items extra
 # See https://ddnexus.github.io/pagy/extras#javascript
 # Rails.application.config.assets.paths << Pagy.root.join('javascripts')
 

data/lib/pagy.rb

@@ -3,7 +3,7 @@
 
 require 'pathname'
 
-class Pagy ; VERSION = '0.18.0'
+class Pagy ; VERSION = '0.19.0'
 
   class OutOfRangeError < StandardError; attr_reader :pagy; def initialize(pagy) @pagy = pagy end; end
 

data/lib/pagy/extras/semantic.rb

@@ -0,0 +1,63 @@
+# See the Pagy documentation: https://ddnexus.github.io/pagy/extras/semantic
+# frozen_string_literal: true
+
+require 'pagy/extras/shared'
+
+class Pagy
+  module Frontend
+
+    # Pagination for semantic-ui: it returns the html with the series of links to the pages
+    def pagy_nav_semantic(pagy)
+      html, link, p_prev, p_next = +'', pagy_link_proc(pagy, 'class="item"'), pagy.prev, pagy.next
+
+      html << (p_prev ? %(#{link.call p_prev, '<i class="left small chevron icon"></i>', 'aria-label="previous"'})
+                      : %(<div class="item disabled"><i class="left small chevron icon"></i></div>))
+      pagy.series.each do |item|  # series example: [1, :gap, 7, 8, "9", 10, 11, :gap, 36]
+        html << if    item.is_a?(Integer); %(#{link.call item})                      # page link
+                elsif item.is_a?(String) ; %(<a class="item active">#{item}</a>)     # current page
+                elsif item == :gap       ; %(<div class="disabled item">...</div>)   # page gap
+                end
+      end
+      html << (p_next ? %(#{link.call p_next, '<i class="right small chevron icon"></i>', 'aria-label="next"'})
+                      : %(<div class="item disabled"><i class="right small chevron icon"></i></div>))
+      %(<div class="ui pagination menu" aria-label="pager">#{html}</div>)
+    end
+
+    # Compact pagination for semantic: it returns the html with the series of links to the pages
+    # we use a numeric input tag to set the page and the Pagy.compact javascript to navigate
+    def pagy_nav_compact_semantic(pagy, id=caller(1,1)[0].hash)
+      html, link, p_prev, p_next, p_page, p_pages = +'', pagy_link_proc(pagy, 'class="item"'), pagy.prev, pagy.next, pagy.page, pagy.pages
+
+      html << %(<div id="pagy-nav-#{id}" class="pagy-nav-compact-semantic ui compact menu" role="navigation" aria-label="pager">)
+        html << link.call(MARKER, '', %(style="display: none;" ))
+        (html << link.call(1, '', %(style="display: none;" ))) if defined?(TRIM)
+        html << (p_prev ? %(#{link.call p_prev, '<i class="left small chevron icon"></i>', 'aria-label="previous"'})
+                        : %(<div class="item disabled"><i class="left small chevron icon"></i></div>))
+        input = %(<input type="number" min="1" max="#{p_pages}" value="#{p_page}" style="padding: 0; text-align: center; width: #{p_pages.to_s.length+1}rem;">)
+        html << %(<div class="pagy-compact-input item">#{pagy_t('pagy.compact.page')}&nbsp;#{input}&nbsp;#{pagy_t('pagy.compact.of')} #{p_pages}</div> )
+        html << (p_next ? %(#{link.call p_next, '<i class="right small chevron icon"></i>', 'aria-label="next"'})
+                        : %(<div class="item disabled"><i class="right small chevron icon"></i></div>))
+      html << %(</div><script type="application/json" class="pagy-compact-json">["#{id}", "#{MARKER}", "#{p_page}", #{!!defined?(TRIM)}]</script>)
+    end
+
+    # Responsive pagination for semantic: it returns the html with the series of links to the pages
+    # rendered by the Pagy.responsive javascript
+    def pagy_nav_responsive_semantic(pagy, id=caller(1,1)[0].hash)
+      tags, link, p_prev, p_next, responsive = {}, pagy_link_proc(pagy, 'class="item"'), pagy.prev, pagy.next, pagy.responsive
+
+      tags['before'] = (p_prev ? %(#{link.call p_prev, '<i class="left small chevron icon"></i>', 'aria-label="previous"'})
+                               : %(<div class="item disabled"><i class="left small chevron icon"></i></div>))
+      responsive[:items].each do |item|  # series example: [1, :gap, 7, 8, "9", 10, 11, :gap, 36]
+        tags[item.to_s] = if    item.is_a?(Integer); %(#{link.call item})                      # page link
+                          elsif item.is_a?(String) ; %(<a class="item active">#{item}</a>)     # current page
+                          elsif item == :gap       ; %(<div class="disabled item">...</div>)   # page gap
+                          end
+      end
+      tags['after'] = (p_next ? %(#{link.call p_next, '<i class="right small chevron icon"></i>', 'aria-label="next"'})
+                              : %(<div class="item disabled"><i class="right small chevron icon"></i></div>))
+      script = %(<script type="application/json" class="pagy-responsive-json">["#{id}", #{tags.to_json},  #{responsive[:widths].to_json}, #{responsive[:series].to_json}]</script>)
+      %(<div id="pagy-nav-#{id}" class="pagy-nav-responsive-semantic ui pagination menu" role="navigation" aria-label="pager"></div>#{script})
+    end
+
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: pagy
 version: !ruby/object:Gem::Version
-  version: 0.18.0
+  version: 0.19.0
 platform: ruby
 authors:
 - Domizio Demichelis
@@ -37,6 +37,7 @@ files:
 - lib/pagy/extras/navs.rb
 - lib/pagy/extras/out_of_range.rb
 - lib/pagy/extras/searchkick.rb
+- lib/pagy/extras/semantic.rb
 - lib/pagy/extras/shared.rb
 - lib/pagy/extras/trim.rb
 - lib/pagy/frontend.rb