best_in_place 0.1.8 → 0.1.9

data/.gitignore

@@ -1,3 +1,5 @@
 .DS_Store
 testapp/log
 testapp/config/database.yml
+.bundle/*
+pkg/*

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    best_in_place (0.1.4)
+    best_in_place (0.1.8)
       rails (~> 3.0.0)
 
 GEM

data/README.md

@@ -20,10 +20,11 @@ The editor works by PUTting the updated value to the server and GETting the upda
 - Compatible with **textarea**
 - Compatible with **select** dropdown with custom collections
 - Compatible with custom boolean values (same usage of **checkboxes**)
-- Sanitize HTML and trim spaces of user's input
+- Sanitize HTML and trim spaces of user's input on user's choice
 - Displays server-side **validation** errors
 - Allows external activator
-- ESC key destroys changes
+- ESC key destroys changes (requires user confirmation)
+- Autogrowing textarea
 
 ---
 
@@ -122,7 +123,7 @@ When the user tries to introduce invalid data, the error messages defined in the
 It works by simply copying and loading the files from the folder **/public/javascripts** to your application and loading them in your layouts
 in the following order:
 
-- jquery-1.4.2.js
+- jquery-1.4.4.js
 - jquery.purr.js
 - **best_in_place.js**
 
@@ -169,10 +170,10 @@ If the script is used with the Rails Gem no html tags will be allowed unless the
   fixing bug with objects inside namespaces, adding feature for passing an external activator handler as param. Adding feature
   of key ESCAPE for destroying changes before they are made permanent (in inputs and textarea).
 - v.0.1.6-0.1.7 Avoiding request when the input is not modified and allowing the user to not sanitize input data.
-- v.0.1.8 jslint compliant, sanitizing tags in the gem, getting right csrf params.
+- v.0.1.8 jslint compliant, sanitizing tags in the gem, getting right csrf params, controlling size of textarea (elastic script, for autogrowing textarea)
 
 ##Authors, License and Stuff
 
-Code by [Bernat Farrero](http://bernatfarrero.com) (based on the [original project](http://github.com/janv/rest_in_place/) of Jan Varwig) and released under [MIT](http://www.opensource.org/licenses/mit-license.php).
+Code by [Bernat Farrero](http://bernatfarrero.com) from [Itnig Web Services](http://itnig.net) (it was based on the [original project](http://github.com/janv/rest_in_place/) of Jan Varwig) and released under [MIT license](http://www.opensource.org/licenses/mit-license.php).
 
-Many thanks to the contributors: Specially [Roger Campos](http://github.com/rogercampos)
+Many thanks to the contributors: [Roger Campos](http://github.com/rogercampos) and [Jack Senechal](https://github.com/jacksenechal)

data/lib/best_in_place.rb

@@ -3,9 +3,8 @@ module BestInPlace
     def best_in_place(object, field, opts = {})
       opts[:type] ||= :input
       opts[:collection] ||= []
-      opts[:nil] ||= "-"
       field = field.to_s
-      value = object.send(field).blank? ? opts[:nil].to_s : object.send(field)
+      value = object.send(field).blank? ? "" : object.send(field)
       collection = nil
       if opts[:type] == :select && !opts[:collection].blank?
         v = object.send(field)
@@ -27,12 +26,13 @@ module BestInPlace
       out << " data-collection='#{collection}'" unless collection.blank?
       out << " data-attribute='#{field}'"
       out << " data-activator='#{opts[:activator]}'" unless opts[:activator].blank?
+      out << " data-nil='#{opts[:nil].to_s}'" unless opts[:nil].blank?
       out << " data-type='#{opts[:type].to_s}'"
       if !opts[:sanitize].nil? && !opts[:sanitize]
         out << " data-sanitize='false'>"
         out << sanitize(value.to_s, :tags => %w(b i u s a strong em p h1 h2 h3 h4 h5 ul li ol hr pre span img), :attributes => %w(id class))
       else
-        out << ">#{sanitize(value, :tags => nil, :attributes => nil)}"
+        out << ">#{sanitize(value.to_s, :tags => nil, :attributes => nil)}"
       end
       out << "</span>"
       raw out

data/lib/best_in_place/version.rb

@@ -1,3 +1,3 @@
 module BestInPlace
-  VERSION = "0.1.8"
+  VERSION = "0.1.9"
 end

data/public/javascripts/best_in_place.js

@@ -23,6 +23,7 @@ function BestInPlaceEditor(e) {
   this.element = jQuery(e);
   this.initOptions();
   this.bindForm();
+  this.initNil();
   $(this.activator).bind('click', {editor: this}, this.clickHandler);
 }
 
@@ -30,14 +31,15 @@ BestInPlaceEditor.prototype = {
   // Public Interface Functions //////////////////////////////////////////////
 
   activate : function() {
-		var elem = this.element.html();
+		var elem = this.isNil ? "" : this.element.html();
     this.oldValue = elem;
     $(this.activator).unbind("click", this.clickHandler);
     this.activateForm();
   },
 
   abort : function() {
-    this.element.html(this.oldValue);
+    if (this.isNil) this.element.html(this.nil);
+    else            this.element.html(this.oldValue);
     $(this.activator).bind('click', {editor: this}, this.clickHandler);
   },
 
@@ -45,10 +47,10 @@ BestInPlaceEditor.prototype = {
     var editor = this;
     if (this.formType in {"input":1, "textarea":1} && this.getValue() == this.oldValue)
     { // Avoid request if no change is made
-      editor.element.html(this.getValue());
-      $(this.activator).bind('click', {editor: this}, this.clickHandler);
+      this.abort();
       return true;
     }
+    this.isNil = false;
     editor.ajax({
       "type"       : "post",
       "dataType"   : "text",
@@ -86,6 +88,7 @@ BestInPlaceEditor.prototype = {
       self.formType      = self.formType      || jQuery(this).attr("data-type");
       self.objectName    = self.objectName    || jQuery(this).attr("data-object");
       self.attributeName = self.attributeName || jQuery(this).attr("data-attribute");
+      self.nil           = self.nil           || jQuery(this).attr("data-nil");
     });
 
     // Try Rails-id based if parents did not explicitly supply something
@@ -103,6 +106,7 @@ BestInPlaceEditor.prototype = {
     self.objectName    = self.element.attr("data-object")       || self.objectName;
     self.attributeName = self.element.attr("data-attribute")    || self.attributeName;
     self.activator     = self.element.attr("data-activator")    || self.element;
+    self.nil           = self.element.attr("data-nil")          || self.nil      || "-";
 
     if (!self.element.attr("data-sanitize")) {
       self.sanitize = true;
@@ -122,6 +126,14 @@ BestInPlaceEditor.prototype = {
     this.getValue     = BestInPlaceEditor.forms[this.formType].getValue;
   },
 
+  initNil: function() {
+    if (this.element.html() == "")
+    {
+      this.isNil = true
+      this.element.html(this.nil)
+    }
+  },
+
   getValue : function() {
     alert("The form was not properly initialized. getValue is unbound");
   },
@@ -228,6 +240,9 @@ BestInPlaceEditor.forms = {
       output += "</select></form>";
       this.element.html(output);
       this.element.find("select").bind('change', {editor: this}, BestInPlaceEditor.forms.select.blurHandler);
+      this.element.find("select").bind('blur', {editor: this}, BestInPlaceEditor.forms.select.blurHandler);
+      this.element.find("select").bind('keyup', {editor: this}, BestInPlaceEditor.forms.select.keyupHandler);
+      this.element.find("select")[0].focus();
     },
 
     getValue : function() {
@@ -236,6 +251,10 @@ BestInPlaceEditor.forms = {
 
     blurHandler : function(event) {
       event.data.editor.update();
+    },
+
+    keyupHandler : function(event) {
+      if (event.keyCode == 27) event.data.editor.abort();
     }
   },
 
@@ -254,11 +273,21 @@ BestInPlaceEditor.forms = {
 
   "textarea" : {
     activateForm : function() {
+      // grab width and height of text
+      width = this.element.css('width');
+      height = this.element.css('height');
+
+      // construct the form
       var output = '<form action="javascript:void(0)" style="display:inline;"><textarea>';
       output += this.sanitizeValue(this.oldValue);
       output += '</textarea></form>';
       this.element.html(output);
-      this.element.find('textarea')[0].select();
+
+      // set width and height of textarea
+      jQuery(this.element.find("textarea")[0]).css({ 'min-width': width, 'min-height': height });
+      jQuery(this.element.find("textarea")[0]).elastic();
+
+      this.element.find("textarea")[0].focus();
       this.element.find("textarea").bind('blur', {editor: this}, BestInPlaceEditor.forms.textarea.blurHandler);
       this.element.find("textarea").bind('keyup', {editor: this}, BestInPlaceEditor.forms.textarea.keyupHandler);
     },
@@ -273,7 +302,13 @@ BestInPlaceEditor.forms = {
 
     keyupHandler : function(event) {
       if (event.keyCode == 27) {
-        event.data.editor.abort();
+        BestInPlaceEditor.forms.textarea.abort(event.data.editor);
+      }
+    },
+
+    abort : function(editor) {
+      if (confirm("Are you sure you want to discard your changes?")) {
+        editor.abort();
       }
     }
   }
@@ -284,4 +319,138 @@ jQuery.fn.best_in_place = function() {
     jQuery(this).data('bestInPlaceEditor', new BestInPlaceEditor(this));
   });
   return this;
-};
+};
+
+
+
+/**
+*	@name							Elastic
+*	@descripton						Elastic is Jquery plugin that grow and shrink your textareas automaticliy
+*	@version						1.6.5
+*	@requires						Jquery 1.2.6+
+*
+*	@author							Jan Jarfalk
+*	@author-email					jan.jarfalk@unwrongest.com
+*	@author-website					http://www.unwrongest.com
+*
+*	@licens							MIT License - http://www.opensource.org/licenses/mit-license.php
+*/
+
+(function(jQuery){
+	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'];
+
+			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'}),
+					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,
+					i 			=	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()));
+				}
+
+
+				// Sets a given height and overflow state on the textarea
+				function setHeightAndOverflow(height, overflow){
+					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() {
+
+					// Get curated content from the textarea.
+					var textareaContent = $textarea.val().replace(/&/g,'&amp;').replace(/  /g, '&nbsp;').replace(/<|>/g, '&gt;').replace(/\n/g, '<br />');
+
+					// Compare curated content with curated twin.
+					var twinContent = $twin.html().replace(/<br>/ig,'<br />');
+
+					if(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();
+				});
+
+				// Compact textarea on blur
+				// Lets animate this....
+				$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.live('input paste',function(e){ setTimeout( update, 250); });
+
+				// Run update once when elastic is initialized
+				update();
+
+			});
+
+        }
+    });
+})(jQuery);

data/test_app/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ..
   specs:
-    best_in_place (0.1.7)
+    best_in_place (0.1.8)
       rails (~> 3.0.0)
 
 GEM

data/test_app/app/controllers/users_controller.rb

@@ -81,9 +81,4 @@ class UsersController < ApplicationController
       format.xml  { head :ok }
     end
   end
-  
-  def get_countries    
-    @countries = { "spain", "Spain", "italy", "Italy", "germany", "Germany", "france", "France" }.to_json
-    render :json => @countries
-  end
 end

data/test_app/app/views/users/_form.html.erb

@@ -33,10 +33,14 @@
   </div>
   <div class="field">
     <%= f.label :country %><br />
-    <select id="user_country" name="user[country]">
-      <option value="spain">Spain</option> 
-      <option value="italy">Italy</option>
-    </select>
+    <%= 
+      f.select :country, COUNTRIES.map {|c|
+        v0 = c[0]
+        c[0] = c[1]
+        c[1] = v0
+        c
+      }
+    %>
   <div class="actions">
     <%= f.submit %>
   </div>

data/test_app/config/routes.rb

@@ -1,9 +1,5 @@
 BipApp::Application.routes.draw do
-  resources :users do
-    collection do
-      get :get_countries, :as => "countries"
-    end
-  end
+  resources :users
 
   # The priority is based upon order of creation:
   # first created -> highest priority.

data/test_app/public/javascripts/application.js

@@ -3,13 +3,13 @@
 
 $(document).ready(function() {
   /* Activating Best In Place */
-  jQuery(".best_in_place").best_in_place()
+  jQuery(".best_in_place").best_in_place();
 });
 
 function inspect(obj, maxLevels, level)
 {
   var str = '', type, msg;
-
+1
     // Start Input Validations
     // Don't touch, we start iterating at level zero
     if(level == null)  level = 0;

data/test_app/public/javascripts/best_in_place.js

@@ -23,6 +23,7 @@ function BestInPlaceEditor(e) {
   this.element = jQuery(e);
   this.initOptions();
   this.bindForm();
+  this.initNil();
   $(this.activator).bind('click', {editor: this}, this.clickHandler);
 }
 
@@ -30,14 +31,15 @@ BestInPlaceEditor.prototype = {
   // Public Interface Functions //////////////////////////////////////////////
 
   activate : function() {
-		var elem = this.element.html();
+		var elem = this.isNil ? "" : this.element.html();
     this.oldValue = elem;
     $(this.activator).unbind("click", this.clickHandler);
     this.activateForm();
   },
 
   abort : function() {
-    this.element.html(this.oldValue);
+    if (this.isNil) this.element.html(this.nil);
+    else            this.element.html(this.oldValue);
     $(this.activator).bind('click', {editor: this}, this.clickHandler);
   },
 
@@ -45,10 +47,10 @@ BestInPlaceEditor.prototype = {
     var editor = this;
     if (this.formType in {"input":1, "textarea":1} && this.getValue() == this.oldValue)
     { // Avoid request if no change is made
-      editor.element.html(this.getValue());
-      $(this.activator).bind('click', {editor: this}, this.clickHandler);
+      this.abort();
       return true;
     }
+    this.isNil = false;
     editor.ajax({
       "type"       : "post",
       "dataType"   : "text",
@@ -86,6 +88,7 @@ BestInPlaceEditor.prototype = {
       self.formType      = self.formType      || jQuery(this).attr("data-type");
       self.objectName    = self.objectName    || jQuery(this).attr("data-object");
       self.attributeName = self.attributeName || jQuery(this).attr("data-attribute");
+      self.nil           = self.nil           || jQuery(this).attr("data-nil");
     });
 
     // Try Rails-id based if parents did not explicitly supply something
@@ -103,6 +106,7 @@ BestInPlaceEditor.prototype = {
     self.objectName    = self.element.attr("data-object")       || self.objectName;
     self.attributeName = self.element.attr("data-attribute")    || self.attributeName;
     self.activator     = self.element.attr("data-activator")    || self.element;
+    self.nil           = self.element.attr("data-nil")          || self.nil      || "-";
 
     if (!self.element.attr("data-sanitize")) {
       self.sanitize = true;
@@ -122,6 +126,14 @@ BestInPlaceEditor.prototype = {
     this.getValue     = BestInPlaceEditor.forms[this.formType].getValue;
   },
 
+  initNil: function() {
+    if (this.element.html() == "")
+    {
+      this.isNil = true
+      this.element.html(this.nil)
+    }
+  },
+
   getValue : function() {
     alert("The form was not properly initialized. getValue is unbound");
   },
@@ -228,6 +240,9 @@ BestInPlaceEditor.forms = {
       output += "</select></form>";
       this.element.html(output);
       this.element.find("select").bind('change', {editor: this}, BestInPlaceEditor.forms.select.blurHandler);
+      this.element.find("select").bind('blur', {editor: this}, BestInPlaceEditor.forms.select.blurHandler);
+      this.element.find("select").bind('keyup', {editor: this}, BestInPlaceEditor.forms.select.keyupHandler);
+      this.element.find("select")[0].focus();
     },
 
     getValue : function() {
@@ -236,6 +251,10 @@ BestInPlaceEditor.forms = {
 
     blurHandler : function(event) {
       event.data.editor.update();
+    },
+
+    keyupHandler : function(event) {
+      if (event.keyCode == 27) event.data.editor.abort();
     }
   },
 
@@ -254,11 +273,21 @@ BestInPlaceEditor.forms = {
 
   "textarea" : {
     activateForm : function() {
+      // grab width and height of text
+      width = this.element.css('width');
+      height = this.element.css('height');
+
+      // construct the form
       var output = '<form action="javascript:void(0)" style="display:inline;"><textarea>';
       output += this.sanitizeValue(this.oldValue);
       output += '</textarea></form>';
       this.element.html(output);
-      this.element.find('textarea')[0].select();
+
+      // set width and height of textarea
+      jQuery(this.element.find("textarea")[0]).css({ 'min-width': width, 'min-height': height });
+      jQuery(this.element.find("textarea")[0]).elastic();
+
+      this.element.find("textarea")[0].focus();
       this.element.find("textarea").bind('blur', {editor: this}, BestInPlaceEditor.forms.textarea.blurHandler);
       this.element.find("textarea").bind('keyup', {editor: this}, BestInPlaceEditor.forms.textarea.keyupHandler);
     },
@@ -273,7 +302,13 @@ BestInPlaceEditor.forms = {
 
     keyupHandler : function(event) {
       if (event.keyCode == 27) {
-        event.data.editor.abort();
+        BestInPlaceEditor.forms.textarea.abort(event.data.editor);
+      }
+    },
+
+    abort : function(editor) {
+      if (confirm("Are you sure you want to discard your changes?")) {
+        editor.abort();
       }
     }
   }
@@ -284,4 +319,138 @@ jQuery.fn.best_in_place = function() {
     jQuery(this).data('bestInPlaceEditor', new BestInPlaceEditor(this));
   });
   return this;
-};
+};
+
+
+
+/**
+*	@name							Elastic
+*	@descripton						Elastic is Jquery plugin that grow and shrink your textareas automaticliy
+*	@version						1.6.5
+*	@requires						Jquery 1.2.6+
+*
+*	@author							Jan Jarfalk
+*	@author-email					jan.jarfalk@unwrongest.com
+*	@author-website					http://www.unwrongest.com
+*
+*	@licens							MIT License - http://www.opensource.org/licenses/mit-license.php
+*/
+
+(function(jQuery){
+	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'];
+
+			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'}),
+					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,
+					i 			=	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()));
+				}
+
+
+				// Sets a given height and overflow state on the textarea
+				function setHeightAndOverflow(height, overflow){
+					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() {
+
+					// Get curated content from the textarea.
+					var textareaContent = $textarea.val().replace(/&/g,'&amp;').replace(/  /g, '&nbsp;').replace(/<|>/g, '&gt;').replace(/\n/g, '<br />');
+
+					// Compare curated content with curated twin.
+					var twinContent = $twin.html().replace(/<br>/ig,'<br />');
+
+					if(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();
+				});
+
+				// Compact textarea on blur
+				// Lets animate this....
+				$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.live('input paste',function(e){ setTimeout( update, 250); });
+
+				// Run update once when elastic is initialized
+				update();
+
+			});
+
+        }
+    });
+})(jQuery);

data/test_app/public/stylesheets/style.css

@@ -24,16 +24,13 @@ input[type=checkbox] {
   width: 1em;
 }
 textarea {
-  height:15em;
-  width: 95%;
+  max-height:15em;
+  min-width: 40em;
 }
 .best_in_place {
   padding: .1m;
   cursor: hand;
   cursor: pointer;
-  -moz-transition: background 0.5s linear;
-  -o-transition: background 0.5s linear;
-  -webkit-transition: background 0.5s linear;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
@@ -62,7 +59,13 @@ textarea {
 	padding: 20px;
 	background-color: #000000;
 	color: #FFFFFF;
-	border: 2px solid #FFFFFF;
+	border: 2px solid #AAA;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -o-border-radius: 10px;
+  -ms-border-radius: 10px;
+  -khtml-border-radius: 10px;
+  border-radius: 10px;
 }
 .purr:hover .close	{
 	position: absolute;

data/test_app/test/fixtures/users.yml

@@ -1,17 +1,17 @@
 # Read about fixtures at http://ar.rubyonrails.org/classes/Fixtures.html
 
 one:
-  name: MyString
-  last_name: MyString
-  address: MyString
-  email: MyString
-  zip: 1
-  country: MyString
+  name: testy
+  last_name: tester
+  address: 123 main st
+  email: testytester@example.com
+  zip: 12345
+  country: 1
 
 two:
-  name: MyString
-  last_name: MyString
-  address: MyString
-  email: MyString
-  zip: 1
-  country: MyString
+  name: mystery
+  last_name: man
+  address: PO Box 0, Nowhere
+  email: misterioso@example.com
+  zip: 99999
+  country: 

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: best_in_place
 version: !ruby/object:Gem::Version 
-  hash: 11
+  hash: 9
   prerelease: false
   segments: 
   - 0
   - 1
-  - 8
-  version: 0.1.8
+  - 9
+  version: 0.1.9
 platform: ruby
 authors: 
 - Bernat Farrero
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-02-05 00:00:00 +01:00
+date: 2011-02-12 00:00:00 +01:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency