jquery-matchheight-rails 0.5.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: fbc20c6cbaef094ae787206758d60ea8e997d982
+  data.tar.gz: 6a649a9da63bd322d819d026e988410fd2005000
+SHA512:
+  metadata.gz: 17eda7a985c79ba3ab32813b33db7d54fc6976c7ba6829481fc23b15373427cbd252ba5655d77ba865cd42ab76bca76e072cb4d1b4a94d5e8d6b482120582d12
+  data.tar.gz: 6b4cda254df17ff5909982cc028d8b3a4d2d4c0e5a47e3831f63653b23d10eb5b6741c8b756c972919a1d3baaaa9061f25fe8a3763adca0422558c31ea812495

data/.gitignore

@@ -0,0 +1,10 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+/*.gem

data/Gemfile

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

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Liam Brummitt
+
+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,34 @@
+# Jquery::Matchheight::Rails
+
+[jquery.matchHeight.js](https://github.com/liabru/jquery-match-height/) for the Rails Asset Pipeline.
+
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'jquery-matchheight-rails'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jquery-matchheight-rails
+
+
+## Usage
+
+Add, at least, the following to your JavaScript [manifest file](http://guides.rubyonrails.org/asset_pipeline.html#manifest-files-and-directives):
+
+```js
+//= require jquery.matchHeight
+```
+
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/dassump/jquery-matchheight-rails.

data/Rakefile

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

data/jquery-matchheight-rails.gemspec

@@ -0,0 +1,22 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'jquery/matchheight/rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "jquery-matchheight-rails"
+  spec.version       = Jquery::Matchheight::Rails::VERSION
+  spec.authors       = ["Daniel Dias"]
+  spec.email         = ["dassump@gmail.com"]
+
+  spec.summary       = %q{jquery.matchHeight.js for the Rails Asset Pipeline}
+  spec.description   = %q{matchHeight makes the height of all selected elements exactly equal}
+  spec.homepage      = "https://github.com/dassump/jquery-matchheight-rails"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject do |f|
+    f.match(%r{^(test|spec|features)/})
+  end
+
+  spec.require_paths = ["lib"]
+end

data/lib/jquery-matchheight-rails.rb

@@ -0,0 +1 @@
+require "jquery/matchheight/rails"

data/lib/jquery/matchheight/rails.rb

@@ -0,0 +1,9 @@
+require "jquery/matchheight/rails/version"
+require "jquery/matchheight/rails/engine" if ::Rails.version >= "3.1"
+
+module Jquery
+  module Matchheight
+    module Rails
+    end
+  end
+end

data/lib/jquery/matchheight/rails/engine.rb

@@ -0,0 +1,8 @@
+module Jquery
+  module Matchheight
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/jquery/matchheight/rails/version.rb

@@ -0,0 +1,7 @@
+module Jquery
+  module Matchheight
+    module Rails
+      VERSION = "0.5.0".freeze
+    end
+  end
+end

data/vendor/assets/javascripts/jquery.matchHeight.js

@@ -0,0 +1,178 @@
+/**
+* jquery.matchHeight.js v0.5.0
+* http://brm.io/jquery-match-height/
+* License: MIT
+*/
+
+(function($) {
+
+    $.fn.matchHeight = function(byRow) {
+        if (this.length <= 1)
+            return this;
+
+        // byRow default to true
+        byRow = (typeof byRow !== 'undefined') ? byRow : true;
+
+        // keep track of this group so we can re-apply later on load and resize events
+        $.fn.matchHeight._groups.push({
+            elements: this,
+            byRow: byRow
+        });
+
+        // match each element's height to the tallest element in the selection
+        $.fn.matchHeight._apply(this, byRow);
+
+        return this;
+    };
+
+    $.fn.matchHeight._apply = function(elements, byRow) {
+        var $elements = $(elements),
+            rows = [$elements];
+
+        // get rows if using byRow, otherwise assume one row
+        if (byRow) {
+
+            // must first force an arbitrary equal height so floating elements break evenly
+            $elements.css({
+                'display': 'block',
+                'padding-top': '0',
+                'padding-bottom': '0',
+                'border-top': '0',
+                'border-bottom': '0',
+                'height': '100px'
+            });
+
+            // get the array of rows (based on element top position)
+            rows = _rows($elements);
+
+            // revert the temporary forced style
+            $elements.css({
+                'display': '',
+                'padding-top': '',
+                'padding-bottom': '',
+                'border-top': '',
+                'border-bottom': '',
+                'height': ''
+            });
+        }
+
+        $.each(rows, function(key, row) {
+            var $row = $(row),
+                maxHeight = 0;
+
+            // iterate the row and find the max height
+            $row.each(function(){
+                var $that = $(this);
+
+                // ensure we get the correct actual height (and not a previously set height value)
+                $that.css({ 'display': 'block', 'height': '' });
+
+                // find the max height (including padding, but not margin)
+                if ($that.outerHeight(false) > maxHeight)
+                    maxHeight = $that.outerHeight(false);
+            });
+
+            // iterate the row and apply the height to all elements
+            $row.each(function(){
+                var $that = $(this),
+                    verticalPadding = 0;
+
+                // handle padding and border correctly (required when not using border-box)
+                if ($that.css('box-sizing') !== 'border-box') {
+                    verticalPadding += parseInt($that.css('border-top-width'), 10) + parseInt($that.css('border-bottom-width'), 10);
+                    verticalPadding += parseInt($that.css('padding-top'), 10) + parseInt($that.css('padding-bottom'), 10);
+                }
+
+                // set the height (accounting for padding and border)
+                $that.css('height', maxHeight - verticalPadding);
+            });
+        });
+
+        return this;
+    };
+
+    /*
+    *  _applyDataApi will apply matchHeight to all elements with a data-match-height attribute
+    */
+   
+    $.fn.matchHeight._applyDataApi = function() {
+        var groups = {};
+
+        // generate groups by their groupId set by elements using data-match-height
+        $('[data-match-height], [data-mh]').each(function() {
+            var $this = $(this),
+                groupId = $this.attr('data-match-height');
+            if (groupId in groups) {
+                groups[groupId] = groups[groupId].add($this);
+            } else {
+                groups[groupId] = $this;
+            }
+        });
+
+        // apply matchHeight to each group
+        $.each(groups, function() {
+            this.matchHeight(true);
+        });
+    };
+
+    /* 
+    *  _update function will re-apply matchHeight to all groups with the correct options
+    */
+   
+    $.fn.matchHeight._groups = [];
+
+    $.fn.matchHeight._update = function() {
+        $.each($.fn.matchHeight._groups, function() {
+            $.fn.matchHeight._apply(this.elements, this.byRow);
+        });
+    };
+
+    /* 
+    *  bind events
+    */
+
+    // apply on DOM ready event
+    $($.fn.matchHeight._applyDataApi);
+
+    // update heights on load and resize events
+    $(window).on('load resize orientationchange', $.fn.matchHeight._update);
+
+    /*
+    *  rows utility function
+    *  returns array of jQuery selections representing each row 
+    *  (as displayed after float wrapping applied by browser)
+    */
+
+    var _rows = function(elements) {
+        var tolerance = 1,
+            $elements = $(elements),
+            lastTop = null,
+            rows = [];
+
+        // group elements by their top position
+        $elements.each(function(){
+            var $that = $(this),
+                top = $that.offset().top - parseInt($that.css('margin-top'), 10),
+                lastRow = rows.length > 0 ? rows[rows.length - 1] : null;
+
+            if (lastRow === null) {
+                // first item on the row, so just push it
+                rows.push($that);
+            } else {
+                // if the row top is the same, add to the row group
+                if (Math.floor(Math.abs(lastTop - top)) <= tolerance) {
+                    rows[rows.length - 1] = lastRow.add($that);
+                } else {
+                    // otherwise start a new row group
+                    rows.push($that);
+                }
+            }
+
+            // keep track of the last row top
+            lastTop = top;
+        });
+
+        return rows;
+    };
+
+})(jQuery);

metadata

@@ -0,0 +1,55 @@
+--- !ruby/object:Gem::Specification
+name: jquery-matchheight-rails
+version: !ruby/object:Gem::Version
+  version: 0.5.0
+platform: ruby
+authors:
+- Daniel Dias
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-03-07 00:00:00.000000000 Z
+dependencies: []
+description: matchHeight makes the height of all selected elements exactly equal
+email:
+- dassump@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- jquery-matchheight-rails.gemspec
+- lib/jquery-matchheight-rails.rb
+- lib/jquery/matchheight/rails.rb
+- lib/jquery/matchheight/rails/engine.rb
+- lib/jquery/matchheight/rails/version.rb
+- vendor/assets/javascripts/jquery.matchHeight.js
+homepage: https://github.com/dassump/jquery-matchheight-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.6.10
+signing_key: 
+specification_version: 4
+summary: jquery.matchHeight.js for the Rails Asset Pipeline
+test_files: []