flex_infinite_scroll 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: c06e8d3f9cc52fcfb5f27ecf04f9aa527fe9d8a68605ab27c8655b9e59a110f6
+  data.tar.gz: e38bd3e917d5cf558d7c501d450c1331e7bb9ba7e64ab6b34fc5703907a9195e
+SHA512:
+  metadata.gz: 3c289900ff552c532db39185bb4405b2500de066160ee5c4752e2fab2855660be01233d5d16e9e4d4ccbd01bfa5c5e87dd4b6c03bae5b2b0d431e61ae3ca59db
+  data.tar.gz: 7b9c06824b812f18b52454a520051b0a9d5b1e3b4c5be807b5311a972a7ee44dcd50b6c40026fb547e0f3db5b9e678efe50d3da927defe02db9d2b9591d87199

data/lib/flex_infinite_scroll.rb

@@ -0,0 +1,17 @@
+# Infinite scroll module
+module FlexInfiniteScroll
+  class Engine < ::Rails::Engine; end
+  extend ActiveSupport::Concern
+  def infinite_scroll(page = 1, page_size = (ENV['FIS_PAGE_SIZE'] || 20))
+    page = page.to_i if page.class == String
+    offset_skip = (page - 1) * page_size
+    total_page = (count / page_size.to_f).ceil
+    {
+      data: offset(offset_skip).limit(page_size),
+      total_page: total_page,
+      prev_page: (page == 1 ? nil : page - 1),
+      current_page: page,
+      next_page: (page == total_page ? nil : page + 1)
+    }
+  end
+end

data/vendor/assets/javascript/flex_infinite_scroll.js

@@ -0,0 +1,86 @@
+// Flex Infinite Scroll initialization
+
+$.fn.extend({
+  flexInfiniteScroll: function(config = {}) {
+    // Config preparing
+    var startPage = config.startPage || 1;
+    var nextPage = startPage + 1;
+    var dataUrl = config.url;
+    var scrollContainer = this[0];
+    var queryParams = config.queryParams;
+    var dataProcess = config.dataProcess;
+    var initialLoad = config.initialLoad;
+    var loadMargin = config.loadMargin || 50;
+    var beforeAction = config.beforeAction;
+    var afterAction = config.afterAction;
+    var targetContainer = config.targetContainer || scrollContainer ;
+    var eventTarget;
+    if (config.lastPage) nextPage = 'last';
+    scrollContainer.dataset.fisNextPage = nextPage;
+    scrollContainer.dataset.fisUrl = dataUrl;
+    scrollContainer.dataset.fisLoading = 0;
+    
+    function getData(page = 1){
+      // Check for loading process and last page
+      if (scrollContainer.dataset.fisLoading === '1' || page == 'last') return false
+      scrollContainer.dataset.fisLoading = 1;
+      // before load action
+      if (beforeAction) beforeAction;
+      $.ajax({
+        url: scrollContainer.dataset.fisUrl,
+        // custom query params
+        data: (queryParams || {page: page}),
+        dataType: 'json',
+        type: 'GET',
+        success: function(json) {
+          
+          if (dataProcess){
+            // custom user processor
+            dataProcess(json,$(targetContainer));
+          } else {
+            // default data processor
+            $(json.data).appendTo($(targetContainer));
+          }
+          scrollContainer.dataset.fisNextPage = json.next_page || 'last';
+          scrollContainer.dataset.fisLoading = 0;
+          if (scrollNotApear()) {
+            // check if on initial load not enough elements on screen
+            getData(scrollContainer.dataset.fisNextPage)
+          }
+          // after load action
+          if (afterAction) afterAction;
+        },
+        error: function() {
+          scrollContainer.dataset.fisLoading = 0;
+        }
+      });
+    }
+    
+    // intial load
+    if (initialLoad) {
+      getData(startPage)
+    } else if (scrollNotApear()) {
+      // check if on initial load not enough elements on screen
+      getData(scrollContainer.dataset.fisNextPage)
+    }
+    
+    function scrollNotApear(){
+    	var containerSize=$(scrollContainer).innerHeight();
+    	var scrollSize=scrollContainer.scrollHeight;
+      return (scrollSize - containerSize - (loadMargin * 1.1) < 0)
+    }
+
+    // check if body scroll
+    eventTarget = (scrollContainer.localName == 'body' ? window : scrollContainer);
+
+    $(eventTarget).on('scroll', () => {
+    	var scrollTop=$(eventTarget).scrollTop();
+    	var containerSize=$(scrollContainer).innerHeight();
+    	var scrollSize=scrollContainer.scrollHeight;
+    	if (scrollTop + containerSize > scrollSize - loadMargin && scrollContainer.dataset.fisNextPage != 'last'){
+        getData(scrollContainer.dataset.fisNextPage);
+    	};
+    })
+    
+  }
+})

metadata

@@ -0,0 +1,45 @@
+--- !ruby/object:Gem::Specification
+name: flex_infinite_scroll
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Anton Ignatov
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2019-04-14 00:00:00.000000000 Z
+dependencies: []
+description: 
+email: belmek@me.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/flex_infinite_scroll.rb
+- vendor/assets/javascript/flex_infinite_scroll.js
+homepage: https://github.com/aignatov-bio/flex_infinite_scroll
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.7.6
+signing_key: 
+specification_version: 4
+summary: Add infinite scrolling to models and views
+test_files: []