jquery-elastic-rails 1.6.11

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Devin Zhang
+
+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,31 @@
+# Jquery-Elastic-Rails
+
+A gem to automate using jQuery Elastic plugin with Rails 3.
+
+See (http://www.unwrongest.com/projects/elastic) for more info.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'jquery-elastic-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jquery-elastic-rails
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/lib/jquery-elastic-rails.rb

@@ -0,0 +1,10 @@
+require "jquery-elastic-rails/version"
+
+module Jquery
+  module Elastic
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

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

@@ -0,0 +1,7 @@
+module Jquery
+  module Elastic
+    module Rails
+      VERSION = "1.6.11"
+    end
+  end
+end

data/vendor/assets/javascripts/jquery_elastic.js

@@ -0,0 +1,164 @@
+/**
+*  @name            Elastic
+*  @descripton      Elastic is jQuery plugin that grow and shrink your textareas automatically
+*  @version         1.6.11
+*  @requires        jQuery 1.2.6+
+*
+*  @author          Jan Jarfalk
+*  @author-email    jan.jarfalk@unwrongest.com
+*  @author-website  http://www.unwrongest.com
+*
+*  @licence         MIT License - http://www.opensource.org/licenses/mit-license.php
+*/
+
+(function($){
+  jQuery.fn.extend({
+    elastic: function() {
+
+      //  We will create a div clone of the textarea
+      //  by copying these attributes from the textarea to the div.
+      var mimics = [
+        'paddingTop',
+        'paddingRight',
+        'paddingBottom',
+        'paddingLeft',
+        'fontSize',
+        'lineHeight',
+        'fontFamily',
+        'width',
+        'fontWeight',
+        'border-top-width',
+        'border-right-width',
+        'border-bottom-width',
+        'border-left-width',
+        'borderTopStyle',
+        'borderTopColor',
+        'borderRightStyle',
+        'borderRightColor',
+        'borderBottomStyle',
+        'borderBottomColor',
+        'borderLeftStyle',
+        'borderLeftColor'
+        ];
+
+      return this.each( function() {
+
+        // Elastic only works on textareas
+        if ( this.type !== 'textarea' ) {
+          return false;
+        }
+
+      var $textarea  = jQuery(this),
+        $twin    = jQuery('<div />').css({
+          'position'    : 'absolute',
+          'display'    : 'none',
+          'word-wrap'    : 'break-word',
+          'white-space'  :'pre-wrap'
+        }),
+        lineHeight  = parseInt($textarea.css('line-height'),10) || parseInt($textarea.css('font-size'),'10'),
+        minheight  = parseInt($textarea.css('height'),10) || lineHeight*3,
+        maxheight  = parseInt($textarea.css('max-height'),10) || Number.MAX_VALUE,
+        goalheight  = 0;
+
+        // Opera returns max-height of -1 if not set
+        if (maxheight < 0) { maxheight = Number.MAX_VALUE; }
+
+        // Append the twin to the DOM
+        // We are going to meassure the height of this, not the textarea.
+        $twin.appendTo($textarea.parent());
+
+        // Copy the essential styles (mimics) from the textarea to the twin
+        var i = mimics.length;
+        while(i--){
+          $twin.css(mimics[i].toString(),$textarea.css(mimics[i].toString()));
+        }
+
+        // Updates the width of the twin. (solution for textareas with widths in percent)
+        function setTwinWidth(){
+          var curatedWidth = Math.floor(parseInt($textarea.width(),10));
+          if($twin.width() !== curatedWidth){
+            $twin.css({'width': curatedWidth + 'px'});
+
+            // Update height of textarea
+            update(true);
+          }
+        }
+
+        // Sets a given height and overflow state on the textarea
+        function setHeightAndOverflow(height, overflow){
+
+          var curratedHeight = Math.floor(parseInt(height,10));
+          if($textarea.height() !== curratedHeight){
+            $textarea.css({'height': curratedHeight + 'px','overflow':overflow});
+          }
+        }
+
+        // This function will update the height of the textarea if necessary
+        function update(forced) {
+
+          // Get curated content from the textarea.
+          var textareaContent = $textarea.val().replace(/&/g,'&amp;').replace(/ {2}/g, '&nbsp;').replace(/<|>/g, '&gt;').replace(/\n/g, '<br />');
+
+          // Compare curated content with curated twin.
+          var twinContent = $twin.html().replace(/<br>/ig,'<br />');
+
+          if(forced || textareaContent+'&nbsp;' !== twinContent){
+
+            // Add an extra white space so new rows are added when you are at the end of a row.
+            $twin.html(textareaContent+'&nbsp;');
+
+            // Change textarea height if twin plus the height of one line differs more than 3 pixel from textarea height
+            if(Math.abs($twin.height() + lineHeight - $textarea.height()) > 3){
+
+              var goalheight = $twin.height()+lineHeight;
+              if(goalheight >= maxheight) {
+                setHeightAndOverflow(maxheight,'auto');
+              } else if(goalheight <= minheight) {
+                setHeightAndOverflow(minheight,'hidden');
+              } else {
+                setHeightAndOverflow(goalheight,'hidden');
+              }
+
+            }
+
+          }
+
+        }
+
+        // Hide scrollbars
+        $textarea.css({'overflow':'hidden'});
+
+        // Update textarea size on keyup, change, cut and paste
+        $textarea.bind('keyup change cut paste', function(){
+          update();
+        });
+
+        // Update width of twin if browser or textarea is resized (solution for textareas with widths in percent)
+        $(window).bind('resize', setTwinWidth);
+        $textarea.bind('resize', setTwinWidth);
+        $textarea.bind('update', update);
+
+        // Compact textarea on blur
+        /*
+        $textarea.bind('blur',function(){
+          if($twin.height() < maxheight){
+            if($twin.height() > minheight) {
+              $textarea.height($twin.height());
+            } else {
+              $textarea.height(minheight);
+            }
+          }
+        });
+        */
+
+        // And this line is to catch the browser paste event
+        $textarea.bind('input paste',function(e){ setTimeout( update, 250); });
+
+        // Run update once when elastic is initialized
+        update();
+
+      });
+
+        }
+    });
+})(jQuery);

metadata

@@ -0,0 +1,72 @@
+--- !ruby/object:Gem::Specification
+name: jquery-elastic-rails
+version: !ruby/object:Gem::Version
+  version: 1.6.11
+  prerelease: 
+platform: ruby
+authors:
+- Devin Zhang
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-10-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: A gem to automate using jQuery Elastic plugin with Rails 3
+email:
+- daqing1986@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/jquery-elastic-rails/version.rb
+- lib/jquery-elastic-rails.rb
+- vendor/assets/javascripts/jquery_elastic.js
+- LICENSE
+- README.md
+homepage: https://github.com/daqing/jquery-elastic-rails
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 350166257484904985
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 350166257484904985
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Elastic makes your textareas grow and shrink to fit it’s content.
+test_files: []