onScreen-rails 1.0.0

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in onScreen-rails.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 producao02
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1 @@
+# onScreen-rails

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+

data/app/assets/javascripts/jquery.onscreen.js

@@ -0,0 +1,262 @@
+(function($) {
+
+    $.fn.onScreen = function(options) {
+        
+        var params = {
+            container: window,
+            direction: 'vertical',
+            toggleClass: null,
+            doIn: null,
+            doOut: null,
+            tolerance: 0,
+            throttle: null,
+            lazyAttr: null,
+            lazyPlaceholder: 'data:image/gif;base64,R0lGODlhEAAFAIAAAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAAACwAAAAAEAAFAAACCIyPqcvtD00BACH5BAkJAAIALAAAAAAQAAUAgfT29Pz6/P///wAAAAIQTGCiywKPmjxUNhjtMlWrAgAh+QQJCQAFACwAAAAAEAAFAIK8urzc2tzEwsS8vrzc3tz///8AAAAAAAADFEiyUf6wCEBHvLPemIHdTzCMDegkACH5BAkJAAYALAAAAAAQAAUAgoSChLS2tIyKjLy+vIyOjMTCxP///wAAAAMUWCQ09jAaAiqQmFosdeXRUAkBCCUAIfkECQkACAAsAAAAABAABQCDvLq83N7c3Nrc9Pb0xMLE/P78vL68/Pr8////AAAAAAAAAAAAAAAAAAAAAAAAAAAABCEwkCnKGbegvQn4RjGMx8F1HxBi5Il4oEiap2DcVYlpZwQAIfkECQkACAAsAAAAABAABQCDvLq85OLkxMLE9Pb0vL685ObkxMbE/Pr8////AAAAAAAAAAAAAAAAAAAAAAAAAAAABCDwnCGHEcIMxPn4VAGMQNBx0zQEZHkiYNiap5RaBKG9EQAh+QQJCQAJACwAAAAAEAAFAIOEgoTMysyMjozs6uyUlpSMiozMzsyUkpTs7uz///8AAAAAAAAAAAAAAAAAAAAAAAAEGTBJiYgoBM09DfhAwHEeKI4dGKLTIHzCwEUAIfkECQkACAAsAAAAABAABQCDvLq85OLkxMLE9Pb0vL685ObkxMbE/Pr8////AAAAAAAAAAAAAAAAAAAAAAAAAAAABCAQSTmMEGaco8+UBSACwWBqHxKOJYd+q1iaXFoRRMbtEQAh+QQJCQAIACwAAAAAEAAFAIO8urzc3tzc2tz09vTEwsT8/vy8vrz8+vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAEIhBJWc6wJZAtJh3gcRBAaXiIZV2kiRbgNZbA6VXiUAhGL0QAIfkECQkABgAsAAAAABAABQCChIKEtLa0jIqMvL68jI6MxMLE////AAAAAxRoumxFgoxGCbiANos145e3DJcQJAAh+QQJCQAFACwAAAAAEAAFAIK8urzc2tzEwsS8vrzc3tz///8AAAAAAAADFFi6XCQwtCmAHbPVm9kGWKcEQxkkACH5BAkJAAIALAAAAAAQAAUAgfT29Pz6/P///wAAAAIRlI8SAZsPYnuJMUCRnNksWwAAOw==',
+            debug: false
+        };
+
+        if (options !== 'remove') {
+            $.extend(params, options);
+        }
+
+        return this.each(function() {
+
+            var self = this;
+            var isOnScreen = false; // Initialize boolean
+            var scrollTop; // Initialize Vertical Scroll Position
+            var scrollLeft; // Initialize Horizontal Scroll Position
+            var $el = $(this); // Matched element
+
+            // Initialize Viewport dimensions
+            var $container;
+            var containerHeight;
+            var containerWidth;
+            var containerBottom;
+            var containerRight;
+
+            // Initialize element dimensions & position
+            var elHeight;
+            var elWidth;
+            var elTop;
+            var elLeft;
+
+            // Checks if params.container is the Window Object
+            var containerIsWindow = $.isWindow(params.container);
+
+            // Remove bindings from onScreen container
+            function remove() {
+                $(self).off('scroll.onScreen resize.onScreen');
+                $(window).off('resize.onScreen');
+            };
+
+            function verticalIn() {
+                if (containerIsWindow) {
+                    return elTop < containerBottom - params.tolerance &&
+                        scrollTop < (elTop + elHeight) - params.tolerance;
+                } else {
+                    return elTop < containerHeight - params.tolerance &&
+                        elTop > (-elHeight) + params.tolerance;
+                }
+            }
+
+            function verticalOut() {
+                if (containerIsWindow) {
+                    return elTop + (elHeight - params.tolerance) < scrollTop ||
+                        elTop > containerBottom - params.tolerance;
+                } else {
+                    return elTop > containerHeight - params.tolerance ||
+                        -elHeight + params.tolerance > elTop;
+                }
+            }
+
+            function horizontalIn() {
+                if (containerIsWindow) {
+                    return elLeft < containerRight - params.tolerance &&
+                        scrollLeft < (elLeft + elWidth) - params.tolerance;
+                } else {
+                    return elLeft < containerWidth - params.tolerance &&
+                        elLeft > (-elWidth) + params.tolerance;
+                }
+            }
+
+            function horizontalOut() {
+                if (containerIsWindow) {
+                    return elLeft + (elWidth - params.tolerance) < scrollLeft ||
+                        elLeft > containerRight - params.tolerance;
+                } else {
+                    return elLeft > containerWidth - params.tolerance ||
+                        -elWidth + params.tolerance > elLeft;
+                }
+            }
+
+            function directionIn() {
+                if (isOnScreen) {
+                    return false;
+                }
+
+                if (params.direction === 'horizontal') {
+                    return horizontalIn();
+                } else {
+                    return verticalIn();
+                }
+            }
+
+            function directionOut() {
+                if (!isOnScreen) {
+                    return false;
+                }
+
+                if (params.direction === 'horizontal') {
+                    return horizontalOut();
+                } else {
+                    return verticalOut();
+                }
+            }
+
+            function throttle(fn, timeout, ctx) {
+                var timer, args, needInvoke;
+                return function() {
+                    args = arguments;
+                    needInvoke = true;
+                    ctx = ctx || this;
+                    if (!timer) {
+                        (function() {
+                            if (needInvoke) {
+                                fn.apply(ctx, args);
+                                needInvoke = false;
+                                timer = setTimeout(arguments.callee, timeout);
+                            } else {
+                                timer = null;
+                            }
+                        })();
+                    }
+
+                };
+
+            }
+
+            if (options === 'remove') {
+                remove();
+                return;
+            }
+
+            var checkPos = function() {
+                // Make container relative
+                if (!containerIsWindow && $(params.container).css('position') === 'static') {
+                    $(params.container).css('position', 'relative');
+                }
+
+                // Update Viewport dimensions
+                $container = $(params.container);
+                containerHeight = $container.height();
+                containerWidth = $container.width();
+                containerBottom = $container.scrollTop() + containerHeight;
+                containerRight = $container.scrollLeft() + containerWidth;
+
+                // Update element dimensions & position
+                elHeight = $el.outerHeight(true);
+                elWidth = $el.outerWidth(true);
+
+                if (containerIsWindow) {
+                    var offset = $el.offset();
+                    elTop = offset.top;
+                    elLeft = offset.left;
+                } else {
+                    var position = $el.position();
+                    elTop = position.top;
+                    elLeft = position.left;
+                }
+
+                // Update scroll position
+                scrollTop = $container.scrollTop();
+                scrollLeft = $container.scrollLeft();
+
+                // This will spam A LOT of messages in your console
+                if (params.debug) {
+                    console.log(
+                        'Container: ' + params.container + '\n' +
+                        'Width: ' + containerHeight + '\n' +
+                        'Height: ' + containerWidth + '\n' +
+                        'Bottom: ' + containerBottom + '\n' +
+                        'Right: ' + containerRight
+                    );
+                    console.log(
+                        'Matched element: ' + ($el.attr('class') !== undefined ? $el.prop('tagName').toLowerCase() + '.' + $el.attr('class') : $el.prop('tagName').toLowerCase()) + '\n' +
+                        'Left: ' + elLeft + '\n' +
+                        'Top: ' + elTop + '\n' +
+                        'Width: ' + elWidth + '\n' +
+                        'Height: ' + elHeight
+                    );
+                }
+
+                if (directionIn()) {
+                    if (params.toggleClass) {
+                        $el.addClass(params.toggleClass);
+                    }
+                    if ($.isFunction(params.doIn)) {
+                        params.doIn.call($el[0]);
+                    }
+                    if (params.lazyAttr && $el.prop('tagName') === 'IMG') {
+                        var lazyImg = $el.attr(params.lazyAttr);
+                        if (lazyImg !== $el.prop('src')) {
+                            $el.css({
+                                background: 'url(' + params.lazyPlaceholder + ') 50% 50% no-repeat',
+                                minHeight: '5px',
+                                minWidth: '16px'
+                            });
+
+                            $el.prop('src', lazyImg).load(function() {
+                                $(this).css({
+                                    background: 'none'
+                                });
+                            });
+                        }
+                    }
+                    isOnScreen = true;
+                } else if (directionOut()) {
+                    if (params.toggleClass) {
+                        $el.removeClass(params.toggleClass);
+                    }
+                    if ($.isFunction(params.doOut)) {
+                        params.doOut.call($el[0]);
+                    }
+                    isOnScreen = false;
+                }
+            };
+
+            if (window.location.hash) {
+                throttle(checkPos, 50);
+            } else {
+                checkPos();
+            }
+
+            if (params.throttle) {
+                checkPos = throttle(checkPos, params.throttle);
+            }
+
+            // Attach checkPos
+            $(params.container).on('scroll.onScreen resize.onScreen', checkPos);
+
+            // Since <div>s don't have a resize event, we have
+            // to attach checkPos to the window object as well
+            if (!containerIsWindow) {
+                $(window).on('resize.onScreen', checkPos);
+            }
+
+            // Module support
+            if (typeof module === 'object' && module && typeof module.exports === 'object') {
+                // Node.js module pattern
+                module.exports = jQuery;
+            } else {
+                // AMD
+                if (typeof define === 'function' && define.amd) {
+                    define('jquery-onscreen', [], function() {
+                        return jQuery;
+                    });
+                }
+            }
+
+        });
+    };
+
+})(jQuery);

data/app/assets/javascripts/jquery.onscreen.min.js

@@ -0,0 +1,15 @@
+/*
+* onScreen 0.0.0 
+* Checks if matched elements are inside the viewport. 
+* Built on Mon Mar 09 2015 13:11:43 
+*
+* Copyright 2015 Silvestre Herrera <silvestre.herrera@gmail.com> and contributors, Licensed under the MIT license:
+* http://www.opensource.org/licenses/mit-license.php
+*
+* You can find a list of contributors at:
+* https://github.com/silvestreh/onScreen/graphs/contributors
+*/
+
+
+!function(a){a.fn.onScreen=function(b){var c={container:window,direction:"vertical",toggleClass:null,doIn:null,doOut:null,tolerance:0,throttle:null,lazyAttr:null,lazyPlaceholder:"data:image/gif;base64,R0lGODlhEAAFAIAAAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAAACwAAAAAEAAFAAACCIyPqcvtD00BACH5BAkJAAIALAAAAAAQAAUAgfT29Pz6/P///wAAAAIQTGCiywKPmjxUNhjtMlWrAgAh+QQJCQAFACwAAAAAEAAFAIK8urzc2tzEwsS8vrzc3tz///8AAAAAAAADFEiyUf6wCEBHvLPemIHdTzCMDegkACH5BAkJAAYALAAAAAAQAAUAgoSChLS2tIyKjLy+vIyOjMTCxP///wAAAAMUWCQ09jAaAiqQmFosdeXRUAkBCCUAIfkECQkACAAsAAAAABAABQCDvLq83N7c3Nrc9Pb0xMLE/P78vL68/Pr8////AAAAAAAAAAAAAAAAAAAAAAAAAAAABCEwkCnKGbegvQn4RjGMx8F1HxBi5Il4oEiap2DcVYlpZwQAIfkECQkACAAsAAAAABAABQCDvLq85OLkxMLE9Pb0vL685ObkxMbE/Pr8////AAAAAAAAAAAAAAAAAAAAAAAAAAAABCDwnCGHEcIMxPn4VAGMQNBx0zQEZHkiYNiap5RaBKG9EQAh+QQJCQAJACwAAAAAEAAFAIOEgoTMysyMjozs6uyUlpSMiozMzsyUkpTs7uz///8AAAAAAAAAAAAAAAAAAAAAAAAEGTBJiYgoBM09DfhAwHEeKI4dGKLTIHzCwEUAIfkECQkACAAsAAAAABAABQCDvLq85OLkxMLE9Pb0vL685ObkxMbE/Pr8////AAAAAAAAAAAAAAAAAAAAAAAAAAAABCAQSTmMEGaco8+UBSACwWBqHxKOJYd+q1iaXFoRRMbtEQAh+QQJCQAIACwAAAAAEAAFAIO8urzc3tzc2tz09vTEwsT8/vy8vrz8+vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAEIhBJWc6wJZAtJh3gcRBAaXiIZV2kiRbgNZbA6VXiUAhGL0QAIfkECQkABgAsAAAAABAABQCChIKEtLa0jIqMvL68jI6MxMLE////AAAAAxRoumxFgoxGCbiANos145e3DJcQJAAh+QQJCQAFACwAAAAAEAAFAIK8urzc2tzEwsS8vrzc3tz///8AAAAAAAADFFi6XCQwtCmAHbPVm9kGWKcEQxkkACH5BAkJAAIALAAAAAAQAAUAgfT29Pz6/P///wAAAAIRlI8SAZsPYnuJMUCRnNksWwAAOw==",debug:!1};return"remove"!==b&&a.extend(c,b),this.each(function(){function d(){a(w).off("scroll.onScreen resize.onScreen"),a(window).off("resize.onScreen")}function e(){return z?u<q-c.tolerance&&l<u+s-c.tolerance:u<o-c.tolerance&&u>-s+c.tolerance}function f(){return z?u+(s-c.tolerance)<l||u>q-c.tolerance:u>o-c.tolerance||-s+c.tolerance>u}function g(){return z?v<r-c.tolerance&&m<v+t-c.tolerance:v<p-c.tolerance&&v>-t+c.tolerance}function h(){return z?v+(t-c.tolerance)<m||v>r-c.tolerance:v>p-c.tolerance||-t+c.tolerance>v}function i(){return x?!1:"horizontal"===c.direction?g():e()}function j(){return x?"horizontal"===c.direction?h():f():!1}function k(a,b,c){var d,e,f;return function(){e=arguments,f=!0,c=c||this,d||!function(){f?(a.apply(c,e),f=!1,d=setTimeout(arguments.callee,b)):d=null}()}}var l,m,n,o,p,q,r,s,t,u,v,w=this,x=!1,y=a(this),z=a.isWindow(c.container);if("remove"===b)return void d();var A=function(){if(z||"static"!==a(c.container).css("position")||a(c.container).css("position","relative"),n=a(c.container),o=n.height(),p=n.width(),q=n.scrollTop()+o,r=n.scrollLeft()+p,s=y.outerHeight(!0),t=y.outerWidth(!0),z){var b=y.offset();u=b.top,v=b.left}else{var d=y.position();u=d.top,v=d.left}if(l=n.scrollTop(),m=n.scrollLeft(),c.debug,i()){if(c.toggleClass&&y.addClass(c.toggleClass),a.isFunction(c.doIn)&&c.doIn.call(y[0]),c.lazyAttr&&"IMG"===y.prop("tagName")){var e=y.attr(c.lazyAttr);e!==y.prop("src")&&(y.css({background:"url("+c.lazyPlaceholder+") 50% 50% no-repeat",minHeight:"5px",minWidth:"16px"}),y.prop("src",e).load(function(){a(this).css({background:"none"})}))}x=!0}else j()&&(c.toggleClass&&y.removeClass(c.toggleClass),a.isFunction(c.doOut)&&c.doOut.call(y[0]),x=!1)};window.location.hash?k(A,50):A(),c.throttle&&(A=k(A,c.throttle)),a(c.container).on("scroll.onScreen resize.onScreen",A),z||a(window).on("resize.onScreen",A),"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=jQuery:"function"==typeof define&&define.amd&&define("jquery-onscreen",[],function(){return jQuery})})}}(jQuery);
+//# sourceMappingURL=jquery.onscreen.min.js.map

data/lib/onScreen-rails.rb

@@ -0,0 +1,8 @@
+require "onScreen-rails/version"
+
+module OnScreen
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/onScreen-rails/version.rb

@@ -0,0 +1,5 @@
+module OnScreen
+  module Rails
+    VERSION = "1.0.0"
+  end
+end

data/onScreen-rails.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'onScreen-rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "onScreen-rails"
+  spec.version       = OnScreen::Rails::VERSION
+  spec.authors       = ["TwoWeb"]
+  spec.email         = ["dev@twoweb.com.br"]
+  spec.summary       = "gem Jquery OnScreen for rails"
+  spec.description   = "A jQuery plugin that does stuff to elements when they enter or leave the viewport"
+  spec.homepage      = "https://github.com/twoweb/onScreen-rails"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.7"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

metadata

@@ -0,0 +1,88 @@
+--- !ruby/object:Gem::Specification
+name: onScreen-rails
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+  prerelease: 
+platform: ruby
+authors:
+- TwoWeb
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-06-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: A jQuery plugin that does stuff to elements when they enter or leave
+  the viewport
+email:
+- dev@twoweb.com.br
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/jquery.onscreen.js
+- app/assets/javascripts/jquery.onscreen.min.js
+- lib/onScreen-rails.rb
+- lib/onScreen-rails/version.rb
+- onScreen-rails.gemspec
+homepage: https://github.com/twoweb/onScreen-rails
+licenses:
+- MIT
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23
+signing_key: 
+specification_version: 3
+summary: gem Jquery OnScreen for rails
+test_files: []