elastic-textarea 1.0.0

data/.gitignore

@@ -0,0 +1,18 @@
+*.gem
+*.rbc
+.DS_Store
+.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 elastic-textarea.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Mark McConachie
+
+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,34 @@
+# Elastic::Textarea
+
+Makes elastic textarea's which grow and shrink to fit the text included in them.
+Includes JavaScript by [Jan Jarfalk](http://unwrongest.com/projects/elastic/).
+
+Requires rails >= 3.1
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'elastic-textarea'
+
+And then execute:
+
+    $ bundle
+
+## Usage
+
+In your form user elastic_text_area where you would use a standard text area.
+Accepts all the same options as the standard text_area.
+
+    <div class="field">
+      <%= f.label :description %><br />
+      <%= f.elastic_text_area :description %>
+    </div>
+
+## 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/Rakefile

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

data/elastic-textarea.gemspec

@@ -0,0 +1,17 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/elastic-textarea/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Mark McConachie"]
+  gem.email         = ["mark@markmcconachie.com"]
+  gem.description   = %q{makes textarea's grow and shrink to fit contents}
+  gem.summary       = %q{makes textarea's grow and shrink to fit contents}
+  gem.homepage      = "https://github.com/markmcconachie/elastic-textareas"
+
+  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          = "elastic-textarea"
+  gem.require_paths = ["lib"]
+  gem.version       = Elastic::Textarea::VERSION
+end

data/lib/elastic-textarea.rb

@@ -0,0 +1,14 @@
+require "elastic-textarea/version"
+require "elastic-textarea/engine"
+require "elastic-textarea/form_helper"
+
+module Elastic
+  module Textarea
+    class Railtie < Rails::Railtie
+      initializer "ElasticTextarea" do
+        ActionView::Helpers::FormHelper.send(:include,  Elastic::Textarea::FormHelper)
+        ActionView::Helpers::FormBuilder.send(:include, Elastic::Textarea::FormBuilder)
+      end
+    end
+  end
+end

data/lib/elastic-textarea/engine.rb

@@ -0,0 +1,9 @@
+module Elastic
+  module Textarea
+    class Engine < ::Rails::Engine
+      initializer "configure assets of elastic-textarea", :group => :all do |app|
+        app.config.assets.precompile += %w( elastic-textarea/*.js )
+      end
+    end
+  end
+end

data/lib/elastic-textarea/form_helper.rb

@@ -0,0 +1,17 @@
+module Elastic
+  module Textarea
+    module FormHelper
+      def elastic_text_area(object_name, method, options = {})
+        options.merge!({:class => "elastic"}) { |key, v1, v2| "#{v1} #{v2}" }
+        options.merge!({:rows => 5}) { |key, v1, v2| v1 }
+        text_area(object_name, method, options)
+      end
+    end
+  end
+end
+
+module Elastic::Textarea::FormBuilder
+  def elastic_text_area(method, options = {}, &block)
+    @template.elastic_text_area(@object_name, method, objectify_options(options), &block)
+  end
+end

data/lib/elastic-textarea/version.rb

@@ -0,0 +1,5 @@
+module Elastic
+  module Textarea
+    VERSION = "1.0.0"
+  end
+end

data/vendor/assets/javascripts/elastic-textarea/elastic.js

@@ -0,0 +1,162 @@
+/**
+* @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);

data/vendor/assets/javascripts/elastic-textarea/index.js

@@ -0,0 +1,7 @@
+//= require ./elastic
+$(function() {
+  if ($('textarea.elastic').length) {
+    $('textarea.elastic').elastic();
+  }
+});
+

metadata

@@ -0,0 +1,57 @@
+--- !ruby/object:Gem::Specification
+name: elastic-textarea
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+  prerelease: 
+platform: ruby
+authors:
+- Mark McConachie
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-04-03 00:00:00.000000000 Z
+dependencies: []
+description: makes textarea's grow and shrink to fit contents
+email:
+- mark@markmcconachie.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- elastic-textarea.gemspec
+- lib/elastic-textarea.rb
+- lib/elastic-textarea/engine.rb
+- lib/elastic-textarea/form_helper.rb
+- lib/elastic-textarea/version.rb
+- vendor/assets/javascripts/elastic-textarea/elastic.js
+- vendor/assets/javascripts/elastic-textarea/index.js
+homepage: https://github.com/markmcconachie/elastic-textareas
+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'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.11
+signing_key: 
+specification_version: 3
+summary: makes textarea's grow and shrink to fit contents
+test_files: []