masonry-rails 0.1.5 → 0.1.6

data/README.md

@@ -377,6 +377,20 @@ Or whichever animated loader icon you want to use ;)
 }
 ```
 
+### Kaminary paging
+
+You can combine masonry infinite scroll with Kaminari using suggestions here:
+
+[Create-Infinite-Scrolling-with-jQuery](https://github.com/amatsuda/kaminari/wiki/How-To:-Create-Infinite-Scrolling-with-jQuery)
+
+[railscast-endless-page](http://railscasts.com/episodes/114-endless-page-revised)
+
+### jQuery pageless
+
+[jquery pageless](https://github.com/jney/jquery.pageless) could also be used...
+
+The jquery pageless plugin is now provided as `masonry/jquery.pageless.min.js`. The [repo]((https://github.com/jney/jquery.pageless) demonstrates how to use pageless with Rails 3.
+
 ## Use with images
 
 See [image demo](http://masonry.desandro.com/demos/images.html) which uses *imagesLoaded* plugin (included - see below)

data/VERSION

@@ -1 +1 @@
-0.1.5
+0.1.6

data/masonry-rails.gemspec

@@ -5,7 +5,7 @@
 
 Gem::Specification.new do |s|
   s.name = "masonry-rails"
-  s.version = "0.1.5"
+  s.version = "0.1.6"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Kristian Mandrup"]
@@ -72,6 +72,8 @@ Gem::Specification.new do |s|
     "vendor/assets/javascripts/masonry/jquery.loremimages.min.js",
     "vendor/assets/javascripts/masonry/jquery.masonry.js",
     "vendor/assets/javascripts/masonry/jquery.masonry.min.js",
+    "vendor/assets/javascripts/masonry/jquery.pageless.js",
+    "vendor/assets/javascripts/masonry/jquery.pageless.min.js",
     "vendor/assets/javascripts/masonry/modernizr-transitions.js",
     "vendor/assets/stylesheets/masonry/basic.css",
     "vendor/assets/stylesheets/masonry/centered.css",

data/vendor/assets/javascripts/masonry/jquery.pageless.js

@@ -0,0 +1,194 @@
+// =======================================================================
+// PageLess - endless page
+//
+// Pageless is a jQuery plugin.
+// As you scroll down you see more results coming back at you automatically.
+// It provides an automatic pagination in an accessible way : if javascript 
+// is disabled your standard pagination is supposed to work.
+//
+// Licensed under the MIT:
+// http://www.opensource.org/licenses/mit-license.php
+//
+// Parameters:
+//    currentPage: current page (params[:page])
+//    distance: distance to the end of page in px when ajax query is fired
+//    loader: selector of the loader div (ajax activity indicator)
+//    loaderHtml: html code of the div if loader not used
+//    loaderImage: image inside the loader
+//    loaderMsg: displayed ajax message
+//    pagination: selector of the paginator divs. 
+//                if javascript is disabled paginator is provided
+//    params: paramaters for the ajax query, you can pass auth_token here
+//    totalPages: total number of pages
+//    url: URL used to request more data
+//
+// Callback Parameters:
+//    scrape: A function to modify the incoming data.
+//    complete: A function to call when a new page has been loaded (optional)
+//    end: A function to call when the last page has been loaded (optional)
+//
+// Usage:
+//   $('#results').pageless({ totalPages: 10
+//                          , url: '/articles/'
+//                          , loaderMsg: 'Loading more results'
+//                          });
+//
+// Requires: jquery
+//
+// Author: Jean-Sébastien Ney (https://github.com/jney)
+//
+// Contributors:
+//   Alexander Lang (https://github.com/langalex)
+//   Lukas Rieder (https://github.com/Overbryd)
+//   Kathryn Reeve (https://github.com/BinaryKitten)
+//
+// Thanks to:
+//  * codemonky.com/post/34940898
+//  * www.unspace.ca/discover/pageless/
+//  * famspam.com/facebox
+// =======================================================================
+
+(function($) {
+  
+  var FALSE = !1
+    , TRUE = !FALSE
+    , element
+    , isLoading = FALSE
+    , loader
+    , namespace = '.pageless'
+    , SCROLL = 'scroll' + namespace
+    , RESIZE = 'resize' + namespace
+    , settings = { container: window
+                 , currentPage: 1
+                 , distance: 100
+                 , pagination: '.pagination'
+                 , params: {}
+                 , url: location.href
+                 , loaderImage: "/images/load.gif"
+                 }
+    , container
+    , $container;
+    
+  $.pageless = function(opts) {
+    $.isFunction(opts) ? opts.call() : init(opts);
+  };
+  
+  $.pagelessReset = function() {
+    settings = { container: window
+                 , currentPage: 1
+                 , distance: 100
+                 , pagination: '.pagination'
+                 , params: {}
+                 , url: location.href
+                 , loaderImage: "/images/load.gif"
+                 };
+    stopListener();
+      // if there is a afterStopListener callback we call it
+    if (settings.end) settings.end.call();
+  };
+  
+  var loaderHtml = function () {
+    return settings.loaderHtml || '\
+<div id="pageless-loader" style="display:none;text-align:center;width:100%;">\
+  <div class="msg" style="color:#e9e9e9;font-size:2em"></div>\
+  <img src="' + settings.loaderImage + '" alt="loading more results" style="margin:10px auto" />\
+</div>';
+  };
+ 
+  // settings params: totalPages
+  var init = function (opts) {
+    if (settings.inited) return;
+    settings.inited = TRUE;
+    
+    if (opts) $.extend(settings, opts);
+    
+    container = settings.container;
+    $container = $(container);
+    
+    // for accessibility we can keep pagination links
+    // but since we have javascript enabled we remove pagination links 
+    if(settings.pagination) $(settings.pagination).remove();
+    
+    // start the listener
+    startListener();
+  };
+  
+  $.fn.pageless = function (opts) {
+    var $el = $(this)
+      , $loader = $(opts.loader, $el);
+      
+    init(opts);
+    element = $el;
+    
+    // loader element
+    if (opts.loader && $loader.length) {
+      loader = $loader;
+    } else {
+      loader = $(loaderHtml());
+      $el.append(loader);
+      // if we use the default loader, set the message
+      if (!opts.loaderHtml) {
+        $('#pageless-loader .msg').html(opts.loaderMsg).css(opts.msgStyles || {});
+      }
+    }
+  };
+  
+  //
+  var loading = function (bool) {
+    (isLoading = bool)
+    ? (loader && loader.fadeIn('normal'))
+    : (loader && loader.fadeOut('normal'));
+  };
+  
+  // distance to end of the container
+  var distanceToBottom = function () {
+    return (container === window)
+         ? $(document).height() 
+         - $container.scrollTop() 
+         - $container.height()
+         : $container[0].scrollHeight 
+         - $container.scrollTop() 
+         - $container.height();
+  };
+
+  var stopListener = function() {
+    $container.unbind(namespace);
+  };
+  
+  // * bind a scroll event
+  // * trigger is once in case of reload
+  var startListener = function() {
+    $container.bind(SCROLL+' '+RESIZE, watch)
+              .trigger(SCROLL);
+  };
+  
+  var watch = function() {
+    // listener was stopped or we've run out of pages
+    if (settings.totalPages <= settings.currentPage) {
+      stopListener();
+      // if there is a afterStopListener callback we call it
+      if (settings.end) settings.end.call();
+      return;
+    }
+    
+    // if slider past our scroll offset, then fire a request for more data
+    if(!isLoading && (distanceToBottom() < settings.distance)) {
+      loading(TRUE);
+      // move to next page
+      settings.currentPage++;
+      // set up ajax query params
+      $.extend( settings.params
+              , { page: settings.currentPage });
+      // finally ajax query
+      $.get( settings.url
+           , settings.params
+           , function (data) {
+               $.isFunction(settings.scrape) ? settings.scrape(data) : data;
+               loader ? loader.before(data) : element.append(data);
+               loading(FALSE);
+               // if there is a complete callback we call it
+               if (settings.complete) settings.complete.call();
+           }, 'html');
+    }
+  };
+})(jQuery);

data/vendor/assets/javascripts/masonry/jquery.pageless.min.js

@@ -0,0 +1 @@
+(function(a){var b=!1,c=!b,d,e=b,f,g=".pageless",h="scroll"+g,i="resize"+g,j={container:window,currentPage:1,distance:100,pagination:".pagination",params:{},url:location.href,loaderImage:"/images/load.gif"},k,l;a.pageless=function(b){a.isFunction(b)?j.call():n(b)};var m=function(){return j.loaderHtml||'\n<div id="pageless-loader" style="display:none;text-align:center;width:100%;">\n  <div class="msg" style="color:#e9e9e9;font-size:2em"></div>\n  <img src="'+j.loaderImage+'" alt="loading more results" style="margin:10px auto" />\n</div>'};var n=function(b){if(j.inited)return;j.inited=c;if(b)a.extend(j,b);k=j.container;l=a(k);if(j.pagination)a(j.pagination).remove();r()};a.fn.pageless=function(b){var c=a(this),e=a(b.loader,c);n(b);d=c;if(b.loader&&e.length){f=e}else{f=a(m());c.append(f);if(!b.loaderHtml){a("#pageless-loader .msg").html(b.loaderMsg).css(b.msgStyles||{})}}};var o=function(a){(e=a)?f&&f.fadeIn("normal"):f&&f.fadeOut("normal")};var p=function(){return k===window?a(document).height()-l.scrollTop()-l.height():l[0].scrollHeight-l.scrollTop()-l.height()};var q=function(){l.unbind(g)};var r=function(){l.bind(h+" "+i,s).trigger(h)};var s=function(){if(j.totalPages<=j.currentPage){q();if(j.end)j.end.call();return}if(!e&&p()<j.distance){o(c);j.currentPage++;a.extend(j.params,{page:j.currentPage});a.get(j.url,j.params,function(c){a.isFunction(j.scrape)?j.scrape(c):c;f?f.before(c):d.append(c);o(b);if(j.complete)j.complete.call()},"html")}}})(jQuery)

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: masonry-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
   prerelease: 
 platform: ruby
 authors:
@@ -170,6 +170,8 @@ files:
 - vendor/assets/javascripts/masonry/jquery.loremimages.min.js
 - vendor/assets/javascripts/masonry/jquery.masonry.js
 - vendor/assets/javascripts/masonry/jquery.masonry.min.js
+- vendor/assets/javascripts/masonry/jquery.pageless.js
+- vendor/assets/javascripts/masonry/jquery.pageless.min.js
 - vendor/assets/javascripts/masonry/modernizr-transitions.js
 - vendor/assets/stylesheets/masonry/basic.css
 - vendor/assets/stylesheets/masonry/centered.css
@@ -193,7 +195,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 498586022749909511
+      hash: 1929806335943321942
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements: