ng-sticky-rails 1.7.9.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: b8c39c9ca4dedc3061d9d799a81ec7b93461ea48
+  data.tar.gz: abd022c28dd1d3e3c90250ced6bfd6bce6050385
+SHA512:
+  metadata.gz: f81ad86a8b2216b6418fffb77026ed2e026848f15913e9373ff1bd23ac95140d5db6cb9a20754607d7f9cd2cf8230e08a76851ce9168243cfeaeb92e4e143eaa
+  data.tar.gz: a055c9f20bc21daf30d953e46a50142b00584114803c1628902cf46cc5baf3f7fd70b4cef54a1c083966906d101321b53c553b4c205b105128d8ba2f66d6962e

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

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

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Fernando Di Bartolo
+
+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,38 @@
+# ng-sticky-rails
+
+[![Gem Version](https://badge.fury.io/rb/ng-sticky-rails.svg)](http://badge.fury.io/rb/ng-sticky-rails)
+
+ng-sticky-rails wraps the [ngSitcky](https://github.com/d-oliveros/ngSticky) library in a rails engine for simple use with the asset pipeline provided by Rails 3.1 and higher. The gem includes the development (non-minified) source for ease of exploration. The asset pipeline will minify in production.
+
+For more info on customizing the library, please refer to the official [doc](https://github.com/d-oliveros/ngSticky)
+
+## Usage
+
+Add the following to your gemfile:
+
+    gem 'ng-sticky-rails'
+
+Add the following directive to your Javascript manifest file (application.js):
+
+    //= require sticky
+
+Then, just follow the official [doc](https://github.com/d-oliveros/ngSticky).
+
+```html
+<div sticky> Hey there! </div>
+```
+
+Make sure you include the module on your angular app:
+
+```js
+  angular.module('main', ['sticky'])
+  ...
+```
+
+## Versioning
+
+ng-sticky-rails 1.7.9 == ngSticky 1.7.9
+
+Every attempt is made to mirror the currently shipping ngSticky version number wherever possible.
+The major, minor, and patch version numbers will always represent the ngSticky version. Should a gem
+bug be discovered, a 4th version identifier will be added and incremented.

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/lib/ng-sticky-rails.rb

@@ -0,0 +1,7 @@
+require "ng-sticky-rails/version"
+require 'ng-sticky-rails/engine' if ::Rails.version >= '3.1'
+
+module NgSticky
+  module Rails
+  end
+end

data/lib/ng-sticky-rails/engine.rb

@@ -0,0 +1,6 @@
+module NgSticky
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/ng-sticky-rails/version.rb

@@ -0,0 +1,6 @@
+module NgSticky
+  module Rails
+    STICKY_VERSION = "1.7.9"
+    VERSION        = "#{STICKY_VERSION}.0"
+  end
+end

data/ng-sticky-rails.gemspec

@@ -0,0 +1,18 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/ng-sticky-rails/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["fdibartolo"]
+  gem.email         = ["fernando.di.bartolo@gmail.com"]
+  gem.description   = 'Rails engine for d-oliveros/ngSticky: "AngularJS directive to make elements stick when scrolling down"'
+  gem.summary       = 'Rails engine for d-oliveros/ngSticky'
+  gem.homepage      = "https://github.com/fdibartolo/ng-sticky-rails"
+  gem.licenses      = ['MIT']
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "ng-sticky-rails"
+  gem.require_paths = ["lib"]
+  gem.version       = NgSticky::Rails::VERSION
+end

data/vendor/assets/javascripts/sticky.js

@@ -0,0 +1,249 @@
+(function () {
+  'use strict';
+
+  var module = angular.module('sticky', []);
+
+  // Directive: sticky
+  //
+  module.directive('sticky', function() {
+    return {
+      restrict: 'A', // this directive can only be used as an attribute.
+      link: linkFn
+    };
+
+    function linkFn($scope, $elem, $attrs) {
+      var mediaQuery, stickyClass, bodyClass, elem, $window, $body,
+        doc, initialCSS, initialStyle, isPositionFixed, isSticking,
+        stickyLine, offset, anchor, prevOffset, matchMedia, usePlaceholder, placeholder;
+
+      isPositionFixed = false;
+      isSticking      = false;
+
+      matchMedia      = window.matchMedia;
+
+      // elements
+      $window = angular.element(window);
+      $body   = angular.element(document.body);
+      elem    = $elem[0];
+      doc     = document.documentElement;
+
+      // attributes
+      mediaQuery  = $attrs.mediaQuery  || false;
+      stickyClass = $attrs.stickyClass || '';
+      bodyClass   = $attrs.bodyClass   || '';
+
+      usePlaceholder = $attrs.useplaceholder == undefined ? false : true;
+
+      initialStyle = $elem.attr('style');
+
+      offset = typeof $attrs.offset === 'string' ? 
+        parseInt($attrs.offset.replace(/px;?/, '')) : 
+        0;
+
+      anchor = typeof $attrs.anchor === 'string' ? 
+        $attrs.anchor.toLowerCase().trim() 
+        : 'top';
+
+      // initial style
+      initialCSS = {
+        top:       $elem.css('top'),
+        width:     $elem.css('width'),
+        position:  $elem.css('position'),
+        marginTop: $elem.css('margin-top'),
+        cssLeft:   $elem.css('left')
+      };
+
+      switch (anchor) {
+        case 'top':
+        case 'bottom':
+          break;
+        default:
+          console.log('Unknown anchor '+anchor+', defaulting to top');
+          anchor = 'top';
+          break;
+      }
+
+
+      // Listeners
+      //
+      $window.on('scroll',  checkIfShouldStick);
+      $window.on('resize',  $scope.$apply.bind($scope, onResize));
+      $scope.$on('$destroy', onDestroy);
+
+      function onResize() {
+        initialCSS.offsetWidth = elem.offsetWidth;
+        unstickElement();
+        checkIfShouldStick();
+        
+        if(isSticking){
+          var parent = window.getComputedStyle(elem.parentElement, null),
+            initialOffsetWidth = elem.parentElement.offsetWidth - 
+              parent.getPropertyValue('padding-right').replace('px', '') - 
+              parent.getPropertyValue('padding-left').replace('px', '');
+
+          $elem.css('width', initialOffsetWidth+'px');
+        }
+      }
+
+      function onDestroy() {
+        $window.off('scroll', checkIfShouldStick);
+        $window.off('resize', onResize);
+        
+        if ( bodyClass ) {
+          $body.removeClass(bodyClass);
+        }
+
+        if ( placeholder ) {
+          placeholder.remove();
+        }
+      }
+
+
+      // Watcher
+      //
+      prevOffset = _getTopOffset(elem);
+
+      $scope.$watch( function() { // triggered on load and on digest cycle
+        if ( isSticking ) return prevOffset;
+
+        prevOffset = 
+          (anchor === 'top') ? 
+            _getTopOffset(elem) :
+            _getBottomOffset(elem);
+
+        return prevOffset;
+
+      }, function(newVal, oldVal) {
+        if ( newVal !== oldVal || typeof stickyLine === 'undefined' ) {
+          stickyLine = newVal - offset;
+          checkIfShouldStick();
+        }
+      });
+
+
+      // Methods
+      //
+      function checkIfShouldStick() {
+        var scrollTop, shouldStick, scrollBottom, scrolledDistance;
+
+        if ( mediaQuery && !(matchMedia('('+mediaQuery+')').matches || matchMedia(mediaQuery).matches) )
+          return;
+
+        if ( anchor === 'top' ) {
+          scrolledDistance = window.pageYOffset || doc.scrollTop;
+          scrollTop        = scrolledDistance  - (doc.clientTop || 0);
+          shouldStick      = scrollTop >=  stickyLine;
+        } else {
+          scrollBottom     = window.pageYOffset + window.innerHeight;
+          shouldStick      = scrollBottom <= stickyLine;
+        }
+
+        // Switch the sticky mode if the element crosses the sticky line
+        if ( shouldStick && !isSticking )
+          stickElement();
+            
+        else if ( !shouldStick && isSticking )
+          unstickElement();
+      }
+
+      function stickElement() {
+        var rect, absoluteLeft;
+
+        rect = $elem[0].getBoundingClientRect();
+        absoluteLeft = rect.left;
+
+        initialCSS.offsetWidth = elem.offsetWidth;
+
+        isSticking = true;
+
+        if ( bodyClass ) {
+          $body.addClass(bodyClass);
+        }
+
+        if ( stickyClass ) {
+          $elem.addClass(stickyClass);
+        }
+
+        $elem
+          .css('width',      elem.offsetWidth+'px')
+          .css('position',   'fixed')
+          .css(anchor,       offset+'px')
+          .css('left',       absoluteLeft+'px')
+          .css('margin-top', 0);
+
+        if ( anchor === 'bottom' ) {
+          $elem.css('margin-bottom', 0);
+        }
+
+        //create placeholder to avoid jump
+        if( usePlaceholder ) {
+          placeholder = angular.element("<div>");
+          var elemntsHeight = $elem.height();
+          placeholder.css("height", elemntsHeight + "px");
+          $elem.after(placeholder);
+        }
+      }
+
+      function unstickElement() {
+        $elem.attr('style', $elem.initialStyle);
+        isSticking = false;
+
+        if ( bodyClass ) {
+          $body.removeClass(bodyClass);
+        }
+
+        if ( stickyClass ) {
+          $elem.removeClass(stickyClass);
+        }
+
+        $elem
+          .css('width',      '')
+          .css('top',        initialCSS.top)
+          .css('position',   initialCSS.position)
+          .css('left',       initialCSS.cssLeft)
+          .css('margin-top', initialCSS.marginTop);
+
+        if ( placeholder ) {
+          placeholder.remove();
+        }
+      }
+
+      function _getTopOffset (element) {
+        var pixels = 0;
+
+        if (element.offsetParent) {
+          do {
+            pixels += element.offsetTop;
+            element = element.offsetParent;
+          } while (element);
+        }
+
+        return pixels;
+      }
+
+      function _getBottomOffset (element) {
+        return element.offsetTop + element.clientHeight;
+      }
+    }
+
+  });
+
+  // Shiv: matchMedia
+  //
+  window.matchMedia = window.matchMedia || (function() {
+    var warning = 'angular-sticky: This browser does not support '+
+      'matchMedia, therefore the minWidth option will not work on '+
+      'this browser. Polyfill matchMedia to fix this issue.';
+
+    if ( window.console && console.warn ) {
+      console.warn(warning);
+    }
+
+    return function() {
+      return {
+        matches: true
+      };
+    };
+  }());
+
+}());

metadata

@@ -0,0 +1,55 @@
+--- !ruby/object:Gem::Specification
+name: ng-sticky-rails
+version: !ruby/object:Gem::Version
+  version: 1.7.9.0
+platform: ruby
+authors:
+- fdibartolo
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-03-07 00:00:00.000000000 Z
+dependencies: []
+description: 'Rails engine for d-oliveros/ngSticky: "AngularJS directive to make elements
+  stick when scrolling down"'
+email:
+- fernando.di.bartolo@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- lib/ng-sticky-rails.rb
+- lib/ng-sticky-rails/engine.rb
+- lib/ng-sticky-rails/version.rb
+- ng-sticky-rails.gemspec
+- vendor/assets/javascripts/sticky.js
+homepage: https://github.com/fdibartolo/ng-sticky-rails
+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.1.8
+signing_key: 
+specification_version: 4
+summary: Rails engine for d-oliveros/ngSticky
+test_files: []