jquery-nested-rails-cis 0.0.1

data/.gitignore

@@ -0,0 +1,8 @@
+pkg/*
+tmp
+spec/support/*/Gemfile.lock
+spec/support/*/public/javascripts
+.ruby-version
+.bundle
+imports/*
+Gemfile.lock

data/Gemfile

@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gemspec

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2013 Cyber Infrastructure Private Limited
+
+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,244 @@
+# Jquery Nested Rails
+
+jQuery Nested for a complete gap free, multi column grid layout experience.
+
+<br>Demo: [http://suprb.com/apps/nested/](http://suprb.com/apps/nested/)
+
+This gem provides:
+
+* Jquery Nested 1.03 - [Jquery Nested](https://github.com/suprb/Nested)
+
+#### Compare the result
+
+Nested to the left and Grid-A-Licious/Masonry to the right.
+
+!["compare"](https://dl.dropbox.com/u/35476/compare.jpg)
+
+## What is Nested?
+
+Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts. How is this done? Nested does three things. It creates a matrix of all elements and creates a multi column grid, similar to other libraries and scripts out there. Then it scans the maxtric for gaps and tries to fill them by reordering the elements. This is exactly how I’ve seen other newer libraries, scripts and modifications behave but if you stop here, the result will sometime leave unwanted gaps as well. That is why I added the last step, an option to resize any element at the bottom of the grid that is bigger (or smaller if you prefer) than the gap to make the grid completely gap-free.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+For Rails 3+ apps, add the jquery-nested-rails gem to your Gemfile.
+
+    gem 'jquery-nested-rails'
+
+And then execute:
+
+    $ bundle install
+
+Or install it yourself via:
+
+    $ bundle exec rake build
+    $ gem install --local pkg/jquery-nested-rails-0.0.1.gem
+
+
+## Usage
+
+### Generator
+Run the generator by following command
+```
+rails g jquery_nested_rails:install
+```
+This generator will add the Jquery Nested in your javascript manifiest of asset pipeline. 
+
+If you are using the Rails 3.1 or greater and if you are using the less than rails 3.1 then this generator will add the javascript into your public javascript flder.
+
+### Rails 3.1 or greater
+
+The Jquery Nested files and all dependencies will be added to the asset pipeline and be 
+available for you to use. If they're not already in app/assets/javascripts/application.js, 
+add these lines:
+
+    //= require jquery.nested
+
+
+### Rails 3.0 or lesser
+```
+<%= javascript_include_tag  "jquery.nested" %>
+```
+Jquery Nested has a dependency on the `jQuery-rails` gem.
+
+
+## Markup
+
+Use a container element with a group of child items that use the chosen option selector setting (default: `.box`).
+
+```html
+<div id="container">
+  <div class="box size11"></div>
+  <div class="box size12"></div>
+  <div class="box size21"></div>
+  <div class="box size22"></div>
+  ...
+</div>
+```
+
+Sizing of items are handled by adding `sizeWH` where ` W ` is the number of columns the box shall use and ` H ` is the number of rows the box shall use. E.g ` size15 ` equals ` width: 1 column ` and ` height: 5 rows `
+
+The base column and row size is set by the `minWidth` option.
+
+## Options
+
+### selector
+
+Default : `.box`
+
+```javascript
+$("#container").nested({selector: '.box'});
+```
+
+### minWidth
+
+Default : `50`
+
+```javascript
+$("#container").nested({minWidth: 100});
+```
+
+### minColumn
+Default : `1`
+
+```javascript
+$("#container").nested({minColumn: 1});
+```
+
+### gutter
+Default : `1`
+
+```javascript
+$("#container").nested({gutter: 1});
+```
+
+###resizeToFit
+
+Default : `true`
+
+If true, any box bigger than the gap will be resized to fill the gap.
+
+```javascript
+$("#container").nested({resizeToFit: true});
+```
+### resizeToFitOptions
+
+Default option below
+
+#### resizeAny
+
+If true, any box bigger or smaller than the gap will be resized to fill the gap.
+
+Default : `true`
+
+```javascript
+$("#container").nested({
+  resizeToFit: true,
+  resizeToFitOptions: { 
+    resizeAny: true
+  }
+});
+```
+
+### animate
+Default : `false`
+
+```javascript
+$("#container").nested({animate: false});
+```
+
+###animationOptions
+
+Default options below
+
+#### speed
+A number of milliseconds to render each object (e.g. 200).
+
+Default : `20`
+
+#### duration
+A number of milliseconds to run the animation (e.g. 300).
+
+Default : `100`
+
+#### queue
+Queued objects or not.
+
+Default : `true`
+
+#### complete
+A function to be executed whenever the animation completes.
+
+Default : `function()`
+
+```javascript
+$("#container").nested({
+  animate: true,
+  animationOptions: {
+    speed: 100,
+    duration: 200,
+    queue: true,
+    complete: onComplete
+  }
+});
+```
+###Some examples
+
+####Example 01
+This example uses a custom width and the default gutter `20px`
+
+```javascript
+$("#example1").nested({
+  minWidth: 20
+});
+```
+
+####Example 02
+This example uses custom width and gutter
+
+```javascript
+$("#example2").nested({
+  minWidth: 100,
+  gutter: 10
+});
+```
+
+####Example 03
+Prepending and appending items
+
+```javascript
+$("#example3").nested({
+  minWidth: 25,
+  gutter: 1,
+  animate: true,
+  animationOptions: {
+    speed: 10,
+    duration: 20,
+    complete: onComplete
+  }
+});
+```
+
+Prepend and Append buttons
+```javascript
+$('#prepend').click(function(){
+  var boxes = makeBoxes();
+  $("#example3").prepend(boxes).nested('prepend', boxes);
+});
+
+$('#append').click(function(){
+  var boxes = makeBoxes();
+  $("#example3").append(boxes).nested('append', boxes);
+});
+```
+
+## Acknowledgement
+
+To [Jonas Blomdin](http://github.com/jonasblomdin/) for creating Jquery Nested Plugin.
+
+## Licence
+
+The MIT License
+
+Copyright (c) 2013 Cyber Infrastructure Private Limited See LICENSE for further details.

data/Rakefile

@@ -0,0 +1,2 @@
+require 'bundler'
+Bundler::GemHelper.install_tasks

data/jquery-nested-rails-cis.gemspec

@@ -0,0 +1,23 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/jquery-nested-rails/rails/version', __FILE__)
+
+Gem::Specification.new do |s|
+  s.name        = "jquery-nested-rails-cis"
+  s.date        = '2013-10-30' 
+  s.version     = JqueryNestedRails::Rails::VERSION
+  s.authors     = ["Anup Pareek, CISROR Team"]
+  s.homepage    = "http://rubygems.org/gems/jquery-nested-rails"
+  s.summary     = %q{For a complete gap free, multi column grid layout experience on rails application.}
+  s.description = %q{Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts. }
+  s.license     = "MIT"
+
+  s.required_rubygems_version = ">= 1.3.6"
+  s.rubyforge_project         = "jquery-rails"
+
+  s.add_dependency "railties", ">= 3.0"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+end

data/lib/generators/jquery_nested_rails/install/install_generator.rb

@@ -0,0 +1,41 @@
+require 'rails'
+
+# Supply generator for Rails 3.0.x or if asset pipeline is not enabled
+if ::Rails.version < "3.1" || !::Rails.application.config.assets.enabled
+  module JqueryNestedRails
+    module Generators
+      class InstallGenerator < ::Rails::Generators::Base
+
+        desc "This generator installs Jquery Nested #{JqueryNestedRails::Rails::JQUERY_NESTED_VERSION}"
+        source_root File.expand_path('../../../../../vendor/assets/javascripts', __FILE__)
+
+        def copy_jquery_nested
+          say_status("copying", "Jquery Nested (#{JqueryNestedRails::Rails::JQUERY_NESTED_VERSION})", :green)
+          copy_file "jquery.nested.min.js", "public/javascripts/jquery.nested.min.js"
+        end
+      end
+    end
+  end
+else
+  module JqueryNestedRails
+    module Generators
+      class InstallGenerator < ::Rails::Generators::Base
+        desc "This generator add Jquery Nested #{JqueryNestedRails::Rails::JQUERY_NESTED_VERSION} to application.js or application.js.coffee"
+        source_root File.expand_path('../../../../../vendor/assets/javascripts', __FILE__)
+        def add_assets
+          if detect_js_format.nil?
+            say_status("copying", "Jquery Nested (#{JqueryNestedRails::Rails::JQUERY_NESTED_VERSION})", :green)
+            copy_file "jquery.nested.min.js", "app/assets/javascripts/jquery.nested.min.js"
+          else
+            insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require jquery.nested\n", :after => "jquery_ujs\n"
+          end
+        end
+
+        def detect_js_format
+          return ['.js.coffee', '#='] if File.exist?('app/assets/javascripts/application.js.coffee')
+          return ['.js', '//='] if File.exist?('app/assets/javascripts/application.js')
+        end
+      end
+    end
+  end
+end

data/lib/jquery-nested-rails.rb

@@ -0,0 +1 @@
+require 'jquery-nested-rails/rails'

data/lib/jquery-nested-rails/assert_select.rb

@@ -0,0 +1,25 @@
+module ActionDispatch
+  module Assertions
+    module SelectorAssertions
+
+      PATTERN_HTML = %Q{"((\\\\\"|[^\"])*)"}
+      PATTERN_UNICODE_ESCAPED_CHAR = /\\u([0-9a-zA-Z]{4})/
+
+      private
+
+      # Unescapes a JS string.
+      def unescape_js(js_string)
+        # js encodes double quotes and line breaks.
+        unescaped= js_string.gsub('\"', '"')
+        unescaped.gsub!('\\\'', "'")
+        unescaped.gsub!(/\\\//, '/')
+        unescaped.gsub!('\n', "\n")
+        unescaped.gsub!('\076', '>')
+        unescaped.gsub!('\074', '<')
+        # js encodes non-ascii characters.
+        unescaped.gsub!(PATTERN_UNICODE_ESCAPED_CHAR) {|u| [$1.hex].pack('U*')}
+        unescaped
+      end
+    end
+  end
+end

data/lib/jquery-nested-rails/rails.rb

@@ -0,0 +1,10 @@
+require 'rails'
+require 'jquery-nested-rails/rails/assert_select' if ::Rails.env.test?
+require 'jquery-nested-rails/rails/engine' if ::Rails.version >= '3.1'
+require 'jquery-nested-rails/rails/railtie'
+require 'jquery-nested-rails/rails/version'
+
+module JqueryNestedRails
+  module Rails
+  end
+end

data/lib/jquery-nested-rails/rails/engine.rb

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

data/lib/jquery-nested-rails/rails/railtie.rb

@@ -0,0 +1,13 @@
+# Used to ensure that Rails 3.0.x, as well as Rails >= 3.1 with asset pipeline disabled
+# get the minified version of the scripts included into the layout in production.
+module JqueryNestedRails
+  module Rails
+    class Railtie < ::Rails::Railtie
+      config.before_configuration do
+        if config.action_view.javascript_expansions
+          jquery_nested_rails_defaults = ::Rails.env.production? || ::Rails.env.test? ? %w(jquery.nested.min) : %w(jquery.nested)
+        end
+      end
+    end
+  end
+end

data/lib/jquery-nested-rails/rails/version.rb

@@ -0,0 +1,6 @@
+module JqueryNestedRails
+  module Rails
+    VERSION = "0.0.1"
+    JQUERY_NESTED_VERSION = "1.03"
+  end
+end

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

@@ -0,0 +1,527 @@
+/**
+ * jQuery Nested v1.03
+ *
+ * For a (total) gap free, multi column, grid layout experience.
+ * http://suprb.com/apps/nested/
+ * By Andreas Pihlström and additional brain activity by Jonas Blomdin
+ *
+ * Licensed under the MIT license.
+ */
+
+// Debouncing function from John Hann
+// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+// Copy pasted from http://paulirish.com/2009/throttled-smartresize-jquery-event-handler/
+
+(function ($, sr) {
+  var debounce = function (func, threshold, execAsap) {
+    var timeout;
+    return function debounced() {
+      var obj = this,
+      args = arguments;
+
+      function delayed() {
+        if (!execAsap) func.apply(obj, args);
+        timeout = null;
+      };
+      if (timeout) clearTimeout(timeout);
+      else if (execAsap) func.apply(obj, args);
+
+      timeout = setTimeout(delayed, threshold || 150);
+    };
+  };
+  jQuery.fn[sr] = function (fn) {
+    return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);
+  };
+
+})(jQuery, 'smartresize');
+
+// Simple count object properties
+
+if (!Object.keys) {
+  Object.keys = function (obj) {
+    var keys = [],
+    k;
+    for (k in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, k)) {
+        keys.push(k);
+      }
+    }
+    return keys;
+  };
+}
+
+// The Nested magic
+
+(function ($) {
+
+  $.Nested = function (options, element) {
+    this.element = $(element);
+    this._init(options);
+  };
+
+  $.Nested.settings = {
+    selector: '.box',
+    minWidth: 50,
+    minColumns: 1,
+    gutter: 1,
+    centered: false,
+    resizeToFit: true, // will resize block bigger than the gap
+    resizeToFitOptions: {
+      resizeAny: true // will resize any block to fit the gap         
+    },
+    animate: true,
+    animationOptions: {
+      speed: 20,
+      duration: 100,
+      queue: true,
+      complete: function () {}
+    }
+  };
+
+  $.Nested.prototype = {
+
+    _init: function (options) {
+      var container = this;
+      this.box = this.element;
+      $(this.box).css('position', 'relative');
+      this.options = $.extend(true, {}, $.Nested.settings, options);
+      this.elements = [];
+      this._isResizing = false;
+      this._update = true;
+      this.maxy = new Array();
+
+      // add smartresize
+      $(window).smartresize(function () {
+        container.resize();
+      });
+
+      // build box dimensions
+      this._setBoxes();
+    },
+
+    _setBoxes: function ($els, method) {
+      var self = this;
+      this.idCounter = 0;
+      this.counter = 0;
+      this.t = 0;
+      this.maxHeight = 0;
+      this.currWidth = 0;
+      this.total = this.box.find(this.options.selector);
+      this.matrix = {};
+      this.gridrow = new Object;
+
+      var calcWidth = !this.options.centered ? this.box.innerWidth() : $(window).width();
+
+      //console.log(calcWidth)
+
+      this.columns = Math.max(this.options.minColumns, parseInt(calcWidth / (this.options.minWidth + this.options.gutter)) + 1);
+
+      // build columns
+      var minWidth = this.options.minWidth;
+      var gutter = this.options.gutter;
+      var display = "block";
+
+      $els = this.box.find(this.options.selector);
+
+      $.each($els, function () {
+
+        var dim = parseInt($(this).attr('class').replace(/^.*size([0-9]+).*$/, '$1')).toString().split('');
+        var x = (dim[0] == "N") ? 1 : parseFloat(dim[0]);
+        var y = (dim[1] == "a") ? 1 : parseFloat(dim[1]);
+
+        var currWidth = minWidth * x + gutter * (x - 1);
+        var currHeight = minWidth * y + gutter * (y - 1);
+
+        $(this).css({
+          'display': display,
+          'position': 'absolute',
+          'width': currWidth,
+          'height': currHeight,
+          'top': $(this).position().top,
+          'left': $(this).position().left
+        }).removeClass('nested-moved').attr('data-box', self.idCounter).attr('data-width', currWidth);
+
+        self.idCounter++;
+
+        // render grid
+        self._renderGrid($(this), method);
+
+      });
+
+      // position grid
+      if (self.counter == self.total.length) {
+
+        // if option resizeToFit is true
+        if (self.options.resizeToFit) {
+          self.elements = self._fillGaps();
+        }
+        self._renderItems(self.elements);
+        // reset elements
+        self.elements = [];
+      }
+    },
+
+    _addMatrixRow: function (y) {
+      if (this.matrix[y]) {
+        return false;
+      } else this.matrix[y] = {};
+
+      for (var c = 0; c < (this.columns - 1); c++) {
+        var x = c * (this.options.minWidth + this.options.gutter);
+        this.matrix[y][x] = 'false';
+      }
+    },
+
+    _updateMatrix: function (el) {
+      var height = 0;
+      var t = parseInt(el['y']);
+      var l = parseInt(el['x']);
+      for (var h = 0; h < el['height']; h += (this.options.minWidth + this.options.gutter)) {
+        for (var w = 0; w < el['width']; w += (this.options.minWidth + this.options.gutter)) {
+          var x = l + w;
+          var y = t + h;
+          if (!this.matrix[y]) {
+            this._addMatrixRow(y);
+          }
+          this.matrix[y][x] = 'true';
+        }
+      }
+    },
+
+    _getObjectSize: function (obj) { // Helper to get size of object, should probably be moved
+      var size = 0;
+      $.each(obj, function (p, v) {
+        size++;
+      });
+      return size;
+    },
+
+
+    _fillGaps: function () {
+      var self = this;
+      var box = {};
+
+      $.each(this.elements, function (index, el) {
+        self._updateMatrix(el);
+      });
+
+      var arr = this.elements;
+      arr.sort(function (a, b) {
+        return a.y - b.y;
+      });
+      arr.reverse();
+
+      // Used to keep the highest y value for a box in memory
+      var topY = arr[0]['y'];
+
+      // Used for current y with added offset
+      var actualY = 0;
+
+      // Current number of rows in matrix
+      var rowsLeft = this._getObjectSize(this.matrix);
+
+      $.each(this.matrix, function (y, row) {
+        rowsLeft--;
+        actualY = parseInt(y); // + parseInt(self.box.offset().top);
+        $.each(row, function (x, col) {
+
+          if (col === 'false' && actualY < topY) {
+            if (!box.y) box.y = y;
+            if (!box.x) box.x = x;
+            if (!box.w) box.w = 0;
+            if (!box.h) box.h = self.options.minWidth;
+            box.w += (box.w) ? (self.options.minWidth + self.options.gutter) : self.options.minWidth;
+
+            var addonHeight = 0;
+            for (var row = 1; row < rowsLeft; row++) {
+              var z = parseInt(y) + parseInt(row * (self.options.minWidth + self.options.gutter));
+              if (self.matrix[z] && self.matrix[z][x] == 'false') {
+                addonHeight += (self.options.minWidth + self.options.gutter);
+                self.matrix[z][x] = 'true';
+              } else break;
+            }
+
+            box.h + (parseInt(addonHeight) / (self.options.minWidth + self.options.gutter) == rowsLeft) ? 0 : parseInt(addonHeight);
+            box.ready = true;
+
+          } else if (box.ready) {
+
+            $.each(arr, function (i, el) {
+              if (box.y <= arr[i]['y'] && (self.options.resizeToFitOptions.resizeAny || box.w <= arr[i]['width'] && box.h <= arr[i]['height'])) {
+                arr.splice(i, 1);
+                $(el['$el']).addClass('nested-moved');
+                self.elements.push({
+                  $el: $(el['$el']),
+                  x: parseInt(box.x),
+                  y: parseInt(box.y),
+                  col: i,
+                  width: parseInt(box.w),
+                  height: parseInt(box.h)
+                });
+
+                return false;
+              }
+            });
+            box = {};
+          }
+        });
+
+      });
+
+      self.elements = arr;
+      return self.elements;
+
+    },
+
+    _renderGrid: function ($box, method) {
+
+      this.counter++;
+      var ypos, gridy = ypos = 0;
+      var tot = 0;
+      var direction = !method ? "append" : "prepend";
+
+      // Width & height
+      var width = $box.width();
+      var height = $box.height();
+
+      // Calculate row and col
+      var col = Math.ceil(width / (this.options.minWidth + this.options.gutter));
+      var row = Math.ceil(height / (this.options.minWidth + this.options.gutter));
+
+      // lock widest box to match minColumns
+      if (col > this.options.minColumns) {
+        this.options.minColumns = col;
+      }
+
+      while (true) {
+
+        for (var y = col; y >= 0; y--) {
+          if (this.gridrow[gridy + y]) break;
+          this.gridrow[gridy + y] = new Object;
+          for (var x = 0; x < this.columns; x++) {
+            this.gridrow[gridy + y][x] = false;
+          }
+        }
+
+        for (var column = 0; column < (this.columns - col); column++) {
+
+          // Add default empty matrix, used to calculate and update matrix for each box
+          matrixY = gridy * (this.options.minWidth + this.options.gutter);
+          this._addMatrixRow(matrixY);
+
+          var fits = true;
+
+          for (var y = 0; y < row; y++) {
+            for (var x = 0; x < col; x++) {
+
+              if (!this.gridrow[gridy + y]) {
+                break;
+              }
+
+              if (this.gridrow[gridy + y][column + x]) {
+                fits = false;
+                break;
+              }
+            }
+            if (!fits) {
+              break;
+            }
+          }
+          if (fits) {
+            // Set as taken
+            for (var y = 0; y < row; y++) {
+              for (var x = 0; x < col; x++) {
+
+                if (!this.gridrow[gridy + y]) {
+                  break;
+                }
+                this.gridrow[gridy + y][column + x] = true;
+              }
+            }
+
+            // Push to elements array
+            this._pushItem($box, column * (this.options.minWidth + this.options.gutter), gridy * (this.options.minWidth + this.options.gutter), width, height, col, row, direction);
+            return;
+          }
+        }
+        gridy++;
+      }
+    },
+
+    _pushItem: function ($el, x, y, w, h, cols, rows, method) {
+
+      if (method == "prepend") {
+        this.elements.unshift({
+          $el: $el,
+          x: x,
+          y: y,
+          width: w,
+          height: h,
+          cols: cols,
+          rows: rows
+        });
+      } else {
+        //console.log(this.box.position().top)
+        this.elements.push({
+          $el: $el,
+          x: x,
+          y: y,
+          width: w,
+          height: h,
+          cols: cols,
+          rows: rows
+        });
+      }
+    },
+
+    _setHeight: function ($els) {
+      var self = this;
+      $.each($els, function (index, value) {
+        // set maxHeight
+        var colY = (value['y'] + value['height']);
+        if (colY > self.maxHeight) {
+          self.maxHeight = colY;
+        }
+      });
+      return self.maxHeight;
+    },
+
+    _setWidth: function ($els) {
+      var self = this;
+      $.each($els, function (index, value) {
+        // set maxWidth
+        var colX = (value['x'] + value['width']);
+        if (colX > self.currWidth) {
+          self.currWidth = colX;
+        }
+      });
+      return self.currWidth;
+    },
+
+    _renderItems: function ($els) {
+      var self = this;
+
+      // set container height and width
+      this.box.css('height', this._setHeight($els));
+      if (this.options.centered) {
+        this.box.css({
+          'width' : this._setWidth($els), 
+          'margin-left' : 'auto', 
+          'margin-right' : 'auto'
+        });
+      }
+
+      $els.reverse();
+      var speed = this.options.animationOptions.speed;
+      var effect = this.options.animationOptions.effect;
+      var duration = this.options.animationOptions.duration;
+      var queue = this.options.animationOptions.queue;
+      var animate = this.options.animate;
+      var complete = this.options.animationOptions.complete;
+      var item = this;
+      var i = 0;
+      var t = 0;
+
+      $.each($els, function (index, value) {
+
+        $currLeft = $(value['$el']).position().left;
+        $currTop = $(value['$el']).position().top;
+        $currWidth = $(value['$el']).width();
+        $currHeight = $(value['$el']).width();
+
+        value['$el'].attr('data-y', $currTop).attr('data-x', $currLeft);
+                
+        //if animate and queue
+        if (animate && queue && ($currLeft != value['x'] || $currTop != value['y'])) {
+          setTimeout(function () {
+            value['$el'].css({
+              'display': 'block',
+              'width': value['width'],
+              'height': value['height']
+            }).animate({
+              'left': value['x'],
+              'top': value['y']
+            }, duration);
+            t++;
+            if (t == i) {
+              complete.call(undefined, $els)
+            }
+          }, i * speed);
+          i++;
+        }
+
+        //if animate and no queue
+        if (animate && !queue && ($currLeft != value['x'] || $currTop != value['y'])) {
+          setTimeout(function () {
+            value['$el'].css({
+              'display': 'block',
+              'width': value['width'],
+              'height': value['height']
+            }).animate({
+              'left': value['x'],
+              'top': value['y']
+            }, duration);
+            t++;
+            if (t == i) {
+              complete.call(undefined, $els)
+            }
+          }, i);
+          i++;
+        }
+
+        //if no animation and no queue
+        if (!animate && ($currLeft != value['x'] || $currTop != value['y'])) {
+          value['$el'].css({
+            'display': 'block',
+            'width': value['width'],
+            'height': value['height'],
+            'left': value['x'],
+            'top': value['y']
+          });
+          t++;
+          if (t == i) {
+            complete.call(undefined, $els)
+          }
+        }
+      });
+      if (i == 0) {
+        complete.call(undefined, $els)
+      }
+    },
+
+    append: function ($els) {
+      this._isResizing = true;
+      this._setBoxes($els, 'append');
+      this._isResizing = false;
+    },
+
+    prepend: function ($els) {
+      this._isResizing = true;
+      this._setBoxes($els, 'prepend');
+      this._isResizing = false;
+    },
+
+    resize: function ($els) {
+      if (Object.keys(this.matrix[0]).length % Math.floor(this.element.width() / (this.options.minWidth + this.options.gutter)) > 0) {
+        this._isResizing = true;
+        this._setBoxes(this.box.find(this.options.selector));
+        this._isResizing = false;
+      }
+    }
+  }
+
+  $.fn.nested = function (options, e) {
+    if (typeof options === 'string') {
+      this.each(function () {
+        var container = $.data(this, 'nested');
+        container[options].apply(container, [e]);
+      });
+    } else {
+      this.each(function () {
+        $.data(this, 'nested', new $.Nested(options, this));
+      });
+    }
+    return this;
+  }
+
+})(jQuery);

data/vendor/assets/javascripts/jquery.nested.min.js

@@ -0,0 +1,14 @@
+/**
+ * jQuery Nested v1.03
+ *
+ * For a (total) gap free, multi column, grid layout experience.
+ * http://suprb.com/apps/nested/
+ * By Andreas Pihlström and additional brain activity by Jonas Blomdin
+ *
+ * Licensed under the MIT license.
+ */
+
+// Debouncing function from John Hann
+// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+// Copy pasted from http://paulirish.com/2009/throttled-smartresize-jquery-event-handler/
+(function($,sr){var debounce=function(func,threshold,execAsap){var timeout;return function debounced(){var obj=this,args=arguments;function delayed(){if(!execAsap)func.apply(obj,args);timeout=null};if(timeout)clearTimeout(timeout);else if(execAsap)func.apply(obj,args);timeout=setTimeout(delayed,threshold||150)}};jQuery.fn[sr]=function(fn){return fn?this.bind('resize',debounce(fn)):this.trigger(sr)}})(jQuery,'smartresize');if(!Object.keys){Object.keys=function(obj){var keys=[],k;for(k in obj){if(Object.prototype.hasOwnProperty.call(obj,k)){keys.push(k)}}return keys}}(function($){$.Nested=function(options,element){this.element=$(element);this._init(options)};$.Nested.settings={selector:'.box',minWidth:50,minColumns:1,gutter:1,centered:false,resizeToFit:true,resizeToFitOptions:{resizeAny:true},animate:true,animationOptions:{speed:20,duration:100,queue:true,complete:function(){}}};$.Nested.prototype={_init:function(options){var container=this;this.box=this.element;$(this.box).css('position','relative');this.options=$.extend(true,{},$.Nested.settings,options);this.elements=[];this._isResizing=false;this._update=true;this.maxy=new Array();$(window).smartresize(function(){container.resize()});this._setBoxes()},_setBoxes:function($els,method){var self=this;this.idCounter=0;this.counter=0;this.t=0;this.maxHeight=0;this.currWidth=0;this.total=this.box.find(this.options.selector);this.matrix={};this.gridrow=new Object;var calcWidth=!this.options.centered?this.box.innerWidth():$(window).width();this.columns=Math.max(this.options.minColumns,parseInt(calcWidth/(this.options.minWidth+this.options.gutter))+1);var minWidth=this.options.minWidth;var gutter=this.options.gutter;var display="block";$els=this.box.find(this.options.selector);$.each($els,function(){var dim=parseInt($(this).attr('class').replace(/^.*size([0-9]+).*$/,'$1')).toString().split('');var x=(dim[0]=="N")?1:parseFloat(dim[0]);var y=(dim[1]=="a")?1:parseFloat(dim[1]);var currWidth=minWidth*x+gutter*(x-1);var currHeight=minWidth*y+gutter*(y-1);$(this).css({'display':display,'position':'absolute','width':currWidth,'height':currHeight,'top':$(this).position().top,'left':$(this).position().left}).removeClass('nested-moved').attr('data-box',self.idCounter).attr('data-width',currWidth);self.idCounter++;self._renderGrid($(this),method)});if(self.counter==self.total.length){if(self.options.resizeToFit){self.elements=self._fillGaps()}self._renderItems(self.elements);self.elements=[]}},_addMatrixRow:function(y){if(this.matrix[y]){return false}else this.matrix[y]={};for(var c=0;c<(this.columns-1);c++){var x=c*(this.options.minWidth+this.options.gutter);this.matrix[y][x]='false'}},_updateMatrix:function(el){var height=0;var t=parseInt(el['y']);var l=parseInt(el['x']);for(var h=0;h<el['height'];h+=(this.options.minWidth+this.options.gutter)){for(var w=0;w<el['width'];w+=(this.options.minWidth+this.options.gutter)){var x=l+w;var y=t+h;if(!this.matrix[y]){this._addMatrixRow(y)}this.matrix[y][x]='true'}}},_getObjectSize:function(obj){var size=0;$.each(obj,function(p,v){size++});return size},_fillGaps:function(){var self=this;var box={};$.each(this.elements,function(index,el){self._updateMatrix(el)});var arr=this.elements;arr.sort(function(a,b){return a.y-b.y});arr.reverse();var topY=arr[0]['y'];var actualY=0;var rowsLeft=this._getObjectSize(this.matrix);$.each(this.matrix,function(y,row){rowsLeft--;actualY=parseInt(y);$.each(row,function(x,col){if(col==='false'&&actualY<topY){if(!box.y)box.y=y;if(!box.x)box.x=x;if(!box.w)box.w=0;if(!box.h)box.h=self.options.minWidth;box.w+=(box.w)?(self.options.minWidth+self.options.gutter):self.options.minWidth;var addonHeight=0;for(var row=1;row<rowsLeft;row++){var z=parseInt(y)+parseInt(row*(self.options.minWidth+self.options.gutter));if(self.matrix[z]&&self.matrix[z][x]=='false'){addonHeight+=(self.options.minWidth+self.options.gutter);self.matrix[z][x]='true'}else break}box.h+(parseInt(addonHeight)/(self.options.minWidth+self.options.gutter)==rowsLeft)?0:parseInt(addonHeight);box.ready=true}else if(box.ready){$.each(arr,function(i,el){if(box.y<=arr[i]['y']&&(self.options.resizeToFitOptions.resizeAny||box.w<=arr[i]['width']&&box.h<=arr[i]['height'])){arr.splice(i,1);$(el['$el']).addClass('nested-moved');self.elements.push({$el:$(el['$el']),x:parseInt(box.x),y:parseInt(box.y),col:i,width:parseInt(box.w),height:parseInt(box.h)});return false}});box={}}})});self.elements=arr;return self.elements},_renderGrid:function($box,method){this.counter++;var ypos,gridy=ypos=0;var tot=0;var direction=!method?"append":"prepend";var width=$box.width();var height=$box.height();var col=Math.ceil(width/(this.options.minWidth+this.options.gutter));var row=Math.ceil(height/(this.options.minWidth+this.options.gutter));if(col>this.options.minColumns){this.options.minColumns=col}while(true){for(var y=col;y>=0;y--){if(this.gridrow[gridy+y])break;this.gridrow[gridy+y]=new Object;for(var x=0;x<this.columns;x++){this.gridrow[gridy+y][x]=false}}for(var column=0;column<(this.columns-col);column++){matrixY=gridy*(this.options.minWidth+this.options.gutter);this._addMatrixRow(matrixY);var fits=true;for(var y=0;y<row;y++){for(var x=0;x<col;x++){if(!this.gridrow[gridy+y]){break}if(this.gridrow[gridy+y][column+x]){fits=false;break}}if(!fits){break}}if(fits){for(var y=0;y<row;y++){for(var x=0;x<col;x++){if(!this.gridrow[gridy+y]){break}this.gridrow[gridy+y][column+x]=true}}this._pushItem($box,column*(this.options.minWidth+this.options.gutter),gridy*(this.options.minWidth+this.options.gutter),width,height,col,row,direction);return}}gridy++}},_pushItem:function($el,x,y,w,h,cols,rows,method){if(method=="prepend"){this.elements.unshift({$el:$el,x:x,y:y,width:w,height:h,cols:cols,rows:rows})}else{this.elements.push({$el:$el,x:x,y:y,width:w,height:h,cols:cols,rows:rows})}},_setHeight:function($els){var self=this;$.each($els,function(index,value){var colY=(value['y']+value['height']);if(colY>self.maxHeight){self.maxHeight=colY}});return self.maxHeight},_setWidth:function($els){var self=this;$.each($els,function(index,value){var colX=(value['x']+value['width']);if(colX>self.currWidth){self.currWidth=colX}});return self.currWidth},_renderItems:function($els){var self=this;this.box.css('height',this._setHeight($els));if(this.options.centered){this.box.css({'width':this._setWidth($els),'margin-left':'auto','margin-right':'auto'})}$els.reverse();var speed=this.options.animationOptions.speed;var effect=this.options.animationOptions.effect;var duration=this.options.animationOptions.duration;var queue=this.options.animationOptions.queue;var animate=this.options.animate;var complete=this.options.animationOptions.complete;var item=this;var i=0;var t=0;$.each($els,function(index,value){$currLeft=$(value['$el']).position().left;$currTop=$(value['$el']).position().top;$currWidth=$(value['$el']).width();$currHeight=$(value['$el']).width();value['$el'].attr('data-y',$currTop).attr('data-x',$currLeft);if(animate&&queue&&($currLeft!=value['x']||$currTop!=value['y'])){setTimeout(function(){value['$el'].css({'display':'block','width':value['width'],'height':value['height']}).animate({'left':value['x'],'top':value['y']},duration);t++;if(t==i){complete.call(undefined,$els)}},i*speed);i++}if(animate&&!queue&&($currLeft!=value['x']||$currTop!=value['y'])){setTimeout(function(){value['$el'].css({'display':'block','width':value['width'],'height':value['height']}).animate({'left':value['x'],'top':value['y']},duration);t++;if(t==i){complete.call(undefined,$els)}},i);i++}if(!animate&&($currLeft!=value['x']||$currTop!=value['y'])){value['$el'].css({'display':'block','width':value['width'],'height':value['height'],'left':value['x'],'top':value['y']});t++;if(t==i){complete.call(undefined,$els)}}});if(i==0){complete.call(undefined,$els)}},append:function($els){this._isResizing=true;this._setBoxes($els,'append');this._isResizing=false},prepend:function($els){this._isResizing=true;this._setBoxes($els,'prepend');this._isResizing=false},resize:function($els){if(Object.keys(this.matrix[0]).length%Math.floor(this.element.width()/(this.options.minWidth+this.options.gutter))>0){this._isResizing=true;this._setBoxes(this.box.find(this.options.selector));this._isResizing=false}}}$.fn.nested=function(options,e){if(typeof options==='string'){this.each(function(){var container=$.data(this,'nested');container[options].apply(container,[e])})}else{this.each(function(){$.data(this,'nested',new $.Nested(options,this))})}return this}})(jQuery);

metadata

@@ -0,0 +1,72 @@
+--- !ruby/object:Gem::Specification
+name: jquery-nested-rails-cis
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Anup Pareek, CISROR Team
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-10-30 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: &18317320 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: *18317320
+description: ! 'Nested is a jQuery plugin which allows you to create multi-column,
+  dynamic grid layouts. '
+email: 
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- jquery-nested-rails-cis.gemspec
+- lib/generators/jquery_nested_rails/install/install_generator.rb
+- lib/jquery-nested-rails.rb
+- lib/jquery-nested-rails/assert_select.rb
+- lib/jquery-nested-rails/rails.rb
+- lib/jquery-nested-rails/rails/engine.rb
+- lib/jquery-nested-rails/rails/railtie.rb
+- lib/jquery-nested-rails/rails/version.rb
+- vendor/assets/javascripts/jquery.nested.js
+- vendor/assets/javascripts/jquery.nested.min.js
+homepage: http://rubygems.org/gems/jquery-nested-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: 1.3.6
+requirements: []
+rubyforge_project: jquery-rails
+rubygems_version: 1.8.11
+signing_key: 
+specification_version: 3
+summary: For a complete gap free, multi column grid layout experience on rails application.
+test_files: []