right-rails 1.0.10 → 1.0.12

data/public/javascripts/right/effects-src.js

@@ -1,24 +1,18 @@
 /**
- * RightJS Additional visual effects module
+ * Additional Visual Effects v2.2.0
  * http://rightjs.org/plugins/effects
  *
- * Copyright (C) 2008-2010 Nikolay Nemshilov
+ * Copyright (C) 2009-2011 Nikolay Nemshilov
  */
 (function(RightJS) {
   if (!RightJS.Fx) { throw "RightJS Fx is missing"; }
   
   /**
- * The basic move visual effect
- *
- * @copyright (C) 2009-2010 Nikolay V. Nemshilov
- */
-
-/**
  * The plugin initializtion script
  *
  * Copyright (C) 2010 Nikolay Nemshilov
  */
- 
+
 var R        = RightJS,
     $        = RightJS.$,
     $w       = RightJS.$w,
@@ -30,8 +24,18 @@ var R        = RightJS,
     defined  = RightJS.defined,
     isHash   = RightJS.isHash,
     isString = RightJS.isString;
-     
 
+RightJS.Effects = {
+  version: '2.2.0'
+};
+
+
+
+/**
+ * The basic move visual effect
+ *
+ * @copyright (C) 2009-2010 Nikolay V. Nemshilov
+ */
 Fx.Move = new Class(Fx.Morph, {
   extend: {
     Options: Object.merge(Fx.Options, {
@@ -99,11 +103,11 @@ Fx.Move = new Class(Fx.Morph, {
 /**
  * Zoom visual effect, graduately zoom and element in or out
  *
- * @copyright (C) 2009-2010 Nikolay V. Nemshilov
+ * @copyright (C) 2009-2011 Nikolay V. Nemshilov
  */
 Fx.Zoom = new Class(Fx.Move, {
   PROPERTIES: $w('width height lineHeight paddingTop paddingRight paddingBottom paddingLeft fontSize borderWidth'),
-  
+
   extend: {
     Options: Object.merge(Fx.Move.Options, {
       position: 'relative', // overriding the Fx.Move default
@@ -111,110 +115,126 @@ Fx.Zoom = new Class(Fx.Move, {
       from:     'center'
     })
   },
-  
+
   prepare: function(size, additional_styles) {
     return this.$super(this._getZoomedStyle(size, additional_styles));
   },
-  
+
 // private
 
   // calculates the end zoommed style
   _getZoomedStyle: function(size, additional_styles) {
     var proportion = this._getProportion(size);
-    
+
     return Object.merge(
       this._getBasicStyle(proportion),
       this._getEndPosition(proportion),
-      additional_styles || {}
+      additional_styles
     );
   },
 
   // calculates the zooming proportion
   _getProportion: function(size) {
     if (isHash(size)) {
-      var sizes = $E('div').insertTo(
-        $E('div', {style: "visibility:hidden;float:left;height:0;width:0"}).insertTo(document.body)
-      ).setStyle(size).size();
-      
-      if (size.height) { size = sizes.y / this.element.size().y; }
-      else             { size = sizes.x / this.element.size().x; }
+      var dummy = $E('div').insertTo(
+        $E('div', {
+          style: "visibility:hidden;float:left;height:0;width:0"
+        }).insertTo(document.body)
+      ).setStyle(size);
+
+      size = size.height ?
+        dummy.size().y / this.element.size().y :
+        dummy.size().x / this.element.size().x ;
+
+      dummy.remove();
     } else if (isString(size)) {
       size  = R(size).endsWith('%') ? R(size).toFloat() / 100 : R(size).toFloat();
     }
-    
+
     return size;
   },
-  
+
   // getting the basic end style
   _getBasicStyle: function(proportion) {
-    var style = this._cloneStyle(this.element, this.PROPERTIES), re = /([\d\.]+)/g;
-    
+    var style = clone_styles(this.element, this.PROPERTIES), re = /([\d\.]+)/g;
+
     function adjust_value(m) {
       return ''+ (R(m).toFloat() * proportion);
     }
-    
+
     for (var key in style) {
       if (key === 'width' || key === 'height') {
         style[key] = style[key] || (this.element['offset'+R(key).capitalize()]+'px');
       }
-      
+
       if (style[key].match(re)) {
         style[key] = style[key].replace(re, adjust_value);
       } else {
         delete(style[key]);
       }
     }
-    
+
     // preventing the border disappearance
     if (style.borderWidth && R(style.borderWidth).toFloat() < 1) {
       style.borderWidth = '1px';
     }
-    
+
     return style;
   },
-  
+
   // getting the position adjustments
   _getEndPosition: function(proportion) {
     var position = {};
     var sizes    = this.element.size();
     var x_diff   = sizes.x * (proportion - 1);
     var y_diff   = sizes.y * (proportion - 1);
-    
+
     switch (this.options.from.replace('-', ' ').split(' ').sort().join('_')) {
       case 'top':
         position.x = - x_diff / 2;
         break;
-        
+
       case 'right':
         position.x = - x_diff;
         position.y = - y_diff / 2;
         break;
-        
+
       case 'bottom':
         position.x = - x_diff / 2;
       case 'bottom_left':
         position.y = - y_diff;
         break;
-        
+
       case 'bottom_right':
         position.y = - y_diff;
       case 'right_top':
         position.x = - x_diff;
         break;
-        
+
       case 'center':
         position.x = - x_diff / 2;
       case 'left':
         position.y = - y_diff / 2;
         break;
-        
+
       default: // left_top or none, do nothing, let the thing expand as is
     }
-    
+
     return position;
   }
 });
 
+function clone_styles(element, keys) {
+  for (var i=0, len = keys.length, style = element.computedStyles(), clean = {}, key; i < len; i++) {
+    key = keys[i];
+    if (key in style) {
+      clean[key] = ''+ style[key];
+    }
+  }
+
+  return clean;
+}
+
 /**
  * Bounce visual effect, slightly moves an element forward and back
  *
@@ -356,57 +376,48 @@ Fx.Puff = new Class(Fx.Zoom, {
 });
 
 /**
- * Handles the to-class and from-class visual effects
+ * Glow effect, kinda the same thing as Hightlight, but changes the text color
  *
- * Copyright (C) 2009-2010 Nikolay Nemshilov
+ * Copyright (C) 2011 Nikolay Nemshilov
  */
-Fx.Css = Fx.CSS = new Class(Fx.Morph, {
-  STYLES: $w('width height lineHeight opacity border padding margin color fontSize background top left right bottom'),
-  
-// protected
-  
-  prepare: function(add_class, remove_class) {
-    this.addClass    = add_class    || '';
-    this.removeClass = remove_class || '';
-    
-    // wiring the classes add/remove on-finish
-    if (add_class)    { this.onFinish(this.element.addClass.bind(this.element, add_class));       }
-    if (remove_class) { this.onFinish(this.element.removeClass.bind(this.element, remove_class)); }
-    
-    return this.$super({});
-  },
-  
-  // hacking the old method to make it apply the classes
-  _endStyle: function(style, keys) {
-    var element = this.element, dummy  = $(element._.cloneNode(true))
-        .setStyle('position:absolute;z-index:-1;visibility:hidden')
-        .setWidth(element.size().x)
-        .addClass(this.addClass).removeClass(this.removeClass);
-        
-    if (element._.parentNode) { element.insert(dummy, 'before'); }
-    
-    var after  = this._cloneStyle(dummy, keys);
-    
-    dummy.remove();
-    
-    return after;
+Fx.Glow = new Class(Fx.Morph, {
+  extend: {
+    Options: Object.merge(Fx.Options, {
+      color:      '#FF8',
+      transition: 'Exp'
+    })
   },
-  
-  // replacing the old method to make it return our own list of properties
-  _styleKeys: function() {
-    var hash = {};
-    this.STYLES.each(function(name) {
-      hash[name] = 1;
-    });
-    
-    return this.$super(hash);
+
+  // protected
+
+  /**
+   * starts the transition
+   *
+   * @param high String the hightlight color
+   * @param back String optional fallback color
+   * @return self
+   */
+  prepare: function(start, end) {
+    var element       = this.element,
+        element_style = element._.style,
+        style_name    = 'color',
+        end_color     = end || element.getStyle(style_name);
+
+    // trying to find the end color
+    end_color = [element].concat(element.parents())
+      .map('getStyle', style_name)
+      .compact().first() || '#FFF';
+
+    element_style[style_name] = (start || this.options.color);
+
+    return this.$super({color: end_color});
   }
 });
 
 /**
  * Element shortcuts for the additional effects
  *
- * @copyright (C) 2009-2010 Nikolay Nemshilov
+ * @copyright (C) 2009-2011 Nikolay Nemshilov
  */
 RightJS.Element.include({
   /**
@@ -417,9 +428,9 @@ RightJS.Element.include({
    * @return Element self
    */
   move: function(position, options) {
-    return this.fx('move', [position, options || {}]); // <- don't replace with arguments
+    return call_fx(this, 'move', [position, options || {}]); // <- don't replace with arguments
   },
-  
+
   /**
    * The bounce effect shortcut
    *
@@ -428,9 +439,9 @@ RightJS.Element.include({
    * @return Element self
    */
   bounce: function() {
-    return this.fx('bounce', arguments);
+    return call_fx(this, 'bounce', arguments);
   },
-  
+
   /**
    * The zoom effect shortcut
    *
@@ -439,9 +450,9 @@ RightJS.Element.include({
    * @return Element self
    */
   zoom: function(size, options) {
-    return this.fx('zoom', [size, options || {}]);
+    return call_fx(this, 'zoom', [size, options || {}]);
   },
-  
+
   /**
    * Initiates the Fx.Run effect
    *
@@ -450,9 +461,9 @@ RightJS.Element.include({
    * @return Element self
    */
   run: function() {
-    return this.fx('run', arguments);
+    return call_fx(this, 'run', arguments);
   },
-  
+
   /**
    * The puff effect shortcut
    *
@@ -461,21 +472,37 @@ RightJS.Element.include({
    * @return Element self
    */
   puff: function() {
-    return this.fx('puff', arguments);
+    return call_fx(this, 'puff', arguments);
   },
-  
+
   /**
-   * The Fx.Class effect shortcut
+   * The Fx.Glow effect shortcut
    *
-   * @param add String css-class name to add
-   * @param remove String css-class name to remove
+   * @param String optinal glow color
    * @param Object fx options
+   * @return Element self
    */
-  morphToClass: function() {
-    var args = $A(arguments);
-    if (args[0] === null) { args[0] = ''; }
-    
-    return this.fx('CSS', args);
+  glow: function() {
+    return call_fx(this, 'glow', arguments);
   }
 });
+
+/**
+ * Runs Fx on the element
+ *
+ * @param Element element reference
+ * @param String fx name
+ * @param Array effect arguments
+ * @return the element back
+ */
+function call_fx(element, name, params) {
+  var args    = $A(params).compact(),
+      options = isHash(args.last()) ? args.pop() : {},
+      fx      = new Fx[name.capitalize()](element, options);
+
+  fx.start.apply(fx, args);
+
+  return element;
+}
+
 })(RightJS);

data/public/javascripts/right/effects.js

@@ -1,17 +1,7 @@
 /**
- * RightJS Additional visual effects module
+ * Additional Visual Effects v2.2.0
  * http://rightjs.org/plugins/effects
  *
- * Copyright (C) 2008-2010 Nikolay Nemshilov
+ * Copyright (C) 2009-2011 Nikolay Nemshilov
  */
-(function(g){if(!g.Fx)throw"RightJS Fx is missing";var i=g,o=g.$,n=g.$w,p=g.$A,e=g.Fx,j=g.Class,h=g.Object,q=g.Element,k=g.defined,r=g.isHash,s=g.isString;e.Move=new j(e.Morph,{extend:{Options:h.merge(e.Options,{duration:"long",position:"absolute"})},prepare:function(a){return this.$super(this.getEndPosition(a))},getEndPosition:function(a){var b=this.element.getStyle("position"),c={};if(b!="absolute"||b!="relative")this.element._.style.position=b=b=="fixed"?"absolute":"relative";if(a.top)a.y=a.top.toInt();
-if(a.left)a.x=a.left.toInt();var d=this.element.position(),f=this.getParentPosition(),l=d.x-f.x;f=d.y-f.y;if(this.options.position=="relative")if(b=="absolute"){if(k(a.x))a.x+=d.x;if(k(a.y))a.y+=d.x}else{if(k(a.x))a.x+=l;if(k(a.y))a.y+=f}else if(b=="relative"){if(k(a.x))a.x+=l-d.x;if(k(a.y))a.y+=f-d.y}for(var m in a)switch(m){case "top":case "left":break;case "y":c.top=a.y+"px";break;case "x":c.left=a.x+"px";break;default:c[m]=a[m]}return c},getParentPosition:function(){e.Move.Dummy=e.Move.Dummy||
-new q("div",{style:"width:0;height:0;visibility:hidden"});this.element.insert(e.Move.Dummy,"before");var a=e.Move.Dummy.position();e.Move.Dummy.remove();return a}});e.Zoom=new j(e.Move,{PROPERTIES:n("width height lineHeight paddingTop paddingRight paddingBottom paddingLeft fontSize borderWidth"),extend:{Options:h.merge(e.Move.Options,{position:"relative",duration:"normal",from:"center"})},prepare:function(a,b){return this.$super(this._getZoomedStyle(a,b))},_getZoomedStyle:function(a,b){var c=this._getProportion(a);
-return h.merge(this._getBasicStyle(c),this._getEndPosition(c),b||{})},_getProportion:function(a){if(r(a)){var b=$E("div").insertTo($E("div",{style:"visibility:hidden;float:left;height:0;width:0"}).insertTo(document.body)).setStyle(a).size();a=a.height?b.y/this.element.size().y:b.x/this.element.size().x}else if(s(a))a=i(a).endsWith("%")?i(a).toFloat()/100:i(a).toFloat();return a},_getBasicStyle:function(a){function b(l){return""+i(l).toFloat()*a}var c=this._cloneStyle(this.element,this.PROPERTIES),
-d=/([\d\.]+)/g;for(var f in c){if(f==="width"||f==="height")c[f]=c[f]||this.element["offset"+i(f).capitalize()]+"px";if(c[f].match(d))c[f]=c[f].replace(d,b);else delete c[f]}if(c.borderWidth&&i(c.borderWidth).toFloat()<1)c.borderWidth="1px";return c},_getEndPosition:function(a){var b={},c=this.element.size(),d=c.x*(a-1);a=c.y*(a-1);switch(this.options.from.replace("-"," ").split(" ").sort().join("_")){case "top":b.x=-d/2;break;case "right":b.x=-d;b.y=-a/2;break;case "bottom":b.x=-d/2;case "bottom_left":b.y=
--a;break;case "bottom_right":b.y=-a;case "right_top":b.x=-d;break;case "center":b.x=-d/2;case "left":b.y=-a/2;break;default:}return b}});e.Bounce=new j(e,{extend:{Options:h.merge(e.Options,{duration:"short",direction:"top",value:16})},prepare:function(a){a=a||this.options.value;this.element.position();var b={duration:e.Durations[this.options.duration]||this.options.duration,position:"relative"},c="y";switch(this.options.direction){case "right":a=-a;case "left":c="x";break;case "bottom":a=-a}var d=
-{},f={};d[c]=-a;f[c]=a;(new e.Move(this.element,b)).start(d);(new e.Move(this.element,b)).start(f);this.finish.bind(this).delay(1);return this}});e.Run=new j(e.Move,{extend:{Options:h.merge(e.Move.Options,{direction:"left"})},prepare:function(a){var b=a||"toggle";a={};var c=this.element.dimensions();if(b=="out"||b=="toggle"&&this.element.visible()){if(this.options.direction=="left")a.x=-c.width-80;else a.y=-c.height-80;this.onFinish(function(){this.element.hide().setStyle(this.getEndPosition({x:c.left,
-y:c.top}))})}else{c=this.element.setStyle("visibility: hidden").show().dimensions();b={};if(this.options.direction=="left"){b.x=-c.width-80;a.x=c.left}else{b.y=-c.height-80;a.y=c.top}this.element.setStyle(this.getEndPosition(b)).setStyle("visibility: visible")}return this.$super(a)}});e.Puff=new j(e.Zoom,{extend:{Options:h.merge(e.Zoom.Options,{size:1.4})},prepare:function(a){var b=a||"toggle",c=0;a=this.options.size;var d;if(b=="out"||b=="toggle"&&this.element.visible()){d=this.getEndPosition(this._getZoomedStyle(1));
-this.onFinish(function(){d.opacity=1;this.element.hide().setStyle(d)})}else{this.element.setStyle("visibility: visible").show();b=this.element.offsetWidth;d=this.getEndPosition(this._getZoomedStyle(1));this.onFinish(function(){this.element.setStyle(d)});this.element.setStyle(h.merge(this.getEndPosition(this._getZoomedStyle(a)),{opacity:0,visibility:"visible"}));a=b/this.element.offsetWidth;c=1}return this.$super(a,{opacity:c})}});e.Css=e.CSS=new j(e.Morph,{STYLES:n("width height lineHeight opacity border padding margin color fontSize background top left right bottom"),
-prepare:function(a,b){this.addClass=a||"";this.removeClass=b||"";a&&this.onFinish(this.element.addClass.bind(this.element,a));b&&this.onFinish(this.element.removeClass.bind(this.element,b));return this.$super({})},_endStyle:function(a,b){var c=this.element,d=o(c._.cloneNode(true)).setStyle("position:absolute;z-index:-1;visibility:hidden").setWidth(c.size().x).addClass(this.addClass).removeClass(this.removeClass);c._.parentNode&&c.insert(d,"before");c=this._cloneStyle(d,b);d.remove();return c},_styleKeys:function(){var a=
-{};this.STYLES.each(function(b){a[b]=1});return this.$super(a)}});g.Element.include({move:function(a,b){return this.fx("move",[a,b||{}])},bounce:function(){return this.fx("bounce",arguments)},zoom:function(a,b){return this.fx("zoom",[a,b||{}])},run:function(){return this.fx("run",arguments)},puff:function(){return this.fx("puff",arguments)},morphToClass:function(){var a=p(arguments);if(a[0]===null)a[0]="";return this.fx("CSS",a)}})})(RightJS);
+(function(a){function n(a,b,c){var d=e(c).compact(),g=k(d.last())?d.pop():{},h=new(f[b.capitalize()])(a,g);h.start.apply(h,d);return a}function m(a,b){for(var c=0,d=b.length,e=a.computedStyles(),f={},g;c<d;c++)g=b[c],g in e&&(f[g]=""+e[g]);return f}if(!a.Fx)throw"RightJS Fx is missing";var b=a,c=a.$,d=a.$w,e=a.$A,f=a.Fx,g=a.Class,h=a.Object,i=a.Element,j=a.defined,k=a.isHash,l=a.isString;a.Effects={version:"2.2.0"},f.Move=new g(f.Morph,{extend:{Options:h.merge(f.Options,{duration:"long",position:"absolute"})},prepare:function(a){return this.$super(this.getEndPosition(a))},getEndPosition:function(a){var b=this.element.getStyle("position"),c={};if(b!="absolute"||b!="relative")this.element._.style.position=b=b=="fixed"?"absolute":"relative";a.top&&(a.y=a.top.toInt()),a.left&&(a.x=a.left.toInt());var d=this.element.position(),e=this.getParentPosition(),f=d.x-e.x,g=d.y-e.y;this.options.position=="relative"?b=="absolute"?(j(a.x)&&(a.x+=d.x),j(a.y)&&(a.y+=d.x)):(j(a.x)&&(a.x+=f),j(a.y)&&(a.y+=g)):b=="relative"&&(j(a.x)&&(a.x+=f-d.x),j(a.y)&&(a.y+=g-d.y));for(var h in a)switch(h){case"top":case"left":break;case"y":c.top=a.y+"px";break;case"x":c.left=a.x+"px";break;default:c[h]=a[h]}return c},getParentPosition:function(){f.Move.Dummy=f.Move.Dummy||new i("div",{style:"width:0;height:0;visibility:hidden"}),this.element.insert(f.Move.Dummy,"before");var a=f.Move.Dummy.position();f.Move.Dummy.remove();return a}}),f.Zoom=new g(f.Move,{PROPERTIES:d("width height lineHeight paddingTop paddingRight paddingBottom paddingLeft fontSize borderWidth"),extend:{Options:h.merge(f.Move.Options,{position:"relative",duration:"normal",from:"center"})},prepare:function(a,b){return this.$super(this._getZoomedStyle(a,b))},_getZoomedStyle:function(a,b){var c=this._getProportion(a);return h.merge(this._getBasicStyle(c),this._getEndPosition(c),b)},_getProportion:function(a){if(k(a)){var c=$E("div").insertTo($E("div",{style:"visibility:hidden;float:left;height:0;width:0"}).insertTo(document.body)).setStyle(a);a=a.height?c.size().y/this.element.size().y:c.size().x/this.element.size().x,c.remove()}else l(a)&&(a=b(a).endsWith("%")?b(a).toFloat()/100:b(a).toFloat());return a},_getBasicStyle:function(a){function e(c){return""+b(c).toFloat()*a}var c=m(this.element,this.PROPERTIES),d=/([\d\.]+)/g;for(var f in c){if(f==="width"||f==="height")c[f]=c[f]||this.element["offset"+b(f).capitalize()]+"px";c[f].match(d)?c[f]=c[f].replace(d,e):delete c[f]}c.borderWidth&&b(c.borderWidth).toFloat()<1&&(c.borderWidth="1px");return c},_getEndPosition:function(a){var b={},c=this.element.size(),d=c.x*(a-1),e=c.y*(a-1);switch(this.options.from.replace("-"," ").split(" ").sort().join("_")){case"top":b.x=-d/2;break;case"right":b.x=-d,b.y=-e/2;break;case"bottom":b.x=-d/2;case"bottom_left":b.y=-e;break;case"bottom_right":b.y=-e;case"right_top":b.x=-d;break;case"center":b.x=-d/2;case"left":b.y=-e/2;break;default:}return b}}),f.Bounce=new g(f,{extend:{Options:h.merge(f.Options,{duration:"short",direction:"top",value:16})},prepare:function(a){a=a||this.options.value;var b=this.element.position(),c=f.Durations[this.options.duration]||this.options.duration,d={duration:c,position:"relative"},e="y";switch(this.options.direction){case"right":a=-a;case"left":e="x";break;case"bottom":a=-a}var g={},h={};g[e]=-a,h[e]=a,(new f.Move(this.element,d)).start(g),(new f.Move(this.element,d)).start(h),this.finish.bind(this).delay(1);return this}}),f.Run=new g(f.Move,{extend:{Options:h.merge(f.Move.Options,{direction:"left"})},prepare:function(a){var b=a||"toggle",c={},d=this.element.dimensions(),e=80;if(b=="out"||b=="toggle"&&this.element.visible())this.options.direction=="left"?c.x=-d.width-e:c.y=-d.height-e,this.onFinish(function(){this.element.hide().setStyle(this.getEndPosition({x:d.left,y:d.top}))});else{d=this.element.setStyle("visibility: hidden").show().dimensions();var f={};this.options.direction=="left"?(f.x=-d.width-e,c.x=d.left):(f.y=-d.height-e,c.y=d.top),this.element.setStyle(this.getEndPosition(f)).setStyle("visibility: visible")}return this.$super(c)}}),f.Puff=new g(f.Zoom,{extend:{Options:h.merge(f.Zoom.Options,{size:1.4})},prepare:function(a){var b=a||"toggle",c=0,d=this.options.size,e;if(b=="out"||b=="toggle"&&this.element.visible())e=this.getEndPosition(this._getZoomedStyle(1)),this.onFinish(function(){e.opacity=1,this.element.hide().setStyle(e)});else{this.element.setStyle("visibility: visible").show();var f=this.element.offsetWidth;e=this.getEndPosition(this._getZoomedStyle(1)),this.onFinish(function(){this.element.setStyle(e)}),this.element.setStyle(h.merge(this.getEndPosition(this._getZoomedStyle(d)),{opacity:0,visibility:"visible"})),d=f/this.element.offsetWidth,c=1}return this.$super(d,{opacity:c})}}),f.Glow=new g(f.Morph,{extend:{Options:h.merge(f.Options,{color:"#FF8",transition:"Exp"})},prepare:function(a,b){var c=this.element,d=c._.style,e="color",f=b||c.getStyle(e);f=[c].concat(c.parents()).map("getStyle",e).compact().first()||"#FFF",d[e]=a||this.options.color;return this.$super({color:f})}}),a.Element.include({move:function(a,b){return n(this,"move",[a,b||{}])},bounce:function(){return n(this,"bounce",arguments)},zoom:function(a,b){return n(this,"zoom",[a,b||{}])},run:function(){return n(this,"run",arguments)},puff:function(){return n(this,"puff",arguments)},glow:function(){return n(this,"glow",arguments)}})})(RightJS)

data/public/javascripts/right/in-edit-src.js

@@ -1,8 +1,8 @@
 /**
- * Inline editor feature for RightJS
- *  http://rightjs.org/ui/in-edit
+ * RightJS-UI InEdit v2.2.0
+ * http://rightjs.org/ui/in-edit
  *
- * Copyright (C) 2009-2010 Nikolay Nemshilov
+ * Copyright (C) 2009-2011 Nikolay Nemshilov
  */
 var InEdit = RightJS.InEdit = (function(document, RightJS) {
 /**
@@ -10,30 +10,9 @@ var InEdit = RightJS.InEdit = (function(document, RightJS) {
  * it creates an abstract proxy with the common functionality
  * which then we reuse and override in the actual widgets
  *
- * Copyright (C) 2010 Nikolay Nemshilov
+ * Copyright (C) 2010-2011 Nikolay Nemshilov
  */
 
-/**
- * In-Edit plugin initalization
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-var R = RightJS,
-    $ = RightJS.$,
-    $w = RightJS.$w,
-    Xhr     = RightJS.Xhr,
-    Object  = RightJS.Object,
-    Element = RightJS.Element,
-    Input   = RightJS.Input;
-
-
-
-
-
-
-
-
-
 /**
  * The widget units constructor
  *
@@ -52,7 +31,7 @@ function Widget(tag_name, methods) {
    *
    * Copyright (C) 2010 Nikolay Nemshilov
    */
-  var AbstractWidget = new RightJS.Wrapper(RightJS.Element.Wrappers[tag_name] || RightJS.Element, {
+  var AbstractWidget = new RightJS.Class(RightJS.Element.Wrappers[tag_name] || RightJS.Element, {
     /**
      * The common constructor
      *
@@ -84,7 +63,8 @@ function Widget(tag_name, methods) {
         options = {};
       }
       this.setOptions(options, this);
-      return this;
+
+      return (RightJS.Wrapper.Cache[RightJS.$uid(this._)] = this);
     },
 
   // protected
@@ -97,12 +77,16 @@ function Widget(tag_name, methods) {
      * @return void
      */
     setOptions: function(options, element) {
-      element = element || this;
-      RightJS.Options.setOptions.call(this,
-        RightJS.Object.merge(options, eval("("+(
+      if (element) {
+        options = RightJS.Object.merge(options, new Function("return "+(
           element.get('data-'+ this.key) || '{}'
-        )+")"))
-      );
+        ))());
+      }
+
+      if (options) {
+        RightJS.Options.setOptions.call(this, RightJS.Object.merge(this.options, options));
+      }
+
       return this;
     }
   });
@@ -111,7 +95,7 @@ function Widget(tag_name, methods) {
    * Creating the actual widget class
    *
    */
-  var Klass = new RightJS.Wrapper(AbstractWidget, methods);
+  var Klass = new RightJS.Class(AbstractWidget, methods);
 
   // creating the widget related shortcuts
   RightJS.Observer.createShortcuts(Klass.prototype, Klass.EVENTS || []);
@@ -123,9 +107,9 @@ function Widget(tag_name, methods) {
 /**
  * A shared module to create textual spinners
  *
- * Copyright (C) 2010 Nikolay Nemshilov
+ * Copyright (C) 2010-2011 Nikolay Nemshilov
  */
-var Spinner = new RightJS.Wrapper(RightJS.Element, {
+var Spinner = new RightJS.Class(RightJS.Element, {
   /**
    * Constructor
    *
@@ -160,14 +144,35 @@ var Spinner = new RightJS.Wrapper(RightJS.Element, {
 });
 
 
+/**
+ * In-Edit plugin initalization
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+var R = RightJS,
+    $ = RightJS.$,
+    $w = RightJS.$w,
+    Xhr     = RightJS.Xhr,
+    Object  = RightJS.Object,
+    Element = RightJS.Element,
+    Input   = RightJS.Input;
+
+
+
+
+
+
+
+
+
 /**
  * An inline editor feature
  *
- * Copyright (C) 2009-2010 Nikolay Nemshilov
+ * Copyright (C) 2009-2011 Nikolay Nemshilov
  */
 var InEdit = new Widget('FORM', {
   extend: {
-    version: '2.0.0',
+    version: '2.2.0',
 
     EVENTS: $w('show hide send update'),
 
@@ -351,7 +356,18 @@ Element.include({
 });
 
 
-document.write("<style type=\"text/css\">div.rui-spinner,div.rui-spinner div{margin:0;padding:0;border:none;background:none;list-style:none;font-weight:normal;float:none;display:inline-block; *display:inline; *zoom:1;border-radius:.12em;-moz-border-radius:.12em;-webkit-border-radius:.12em}div.rui-spinner{text-align:center;white-space:nowrap;background:#EEE;border:1px solid #DDD;height:1.2em;padding:0 .2em}div.rui-spinner div{width:.4em;height:70%;background:#BBB;margin-left:1px}div.rui-spinner div:first-child{margin-left:0}div.rui-spinner div.glowing{background:#777}form.rui-in-edit,form.rui-in-edit .cancel{margin:0;padding:0;float:none;position:static}form.rui-in-edit{display:inline-block; *display:inline; *zoom:1;border:none;background:none}form.rui-in-edit div.rui-spinner{margin-right:.2em}form.rui-in-edit div.rui-spinner div{margin-top:.2em}form.rui-in-edit textarea.field{width:100%;margin-bottom:.5em}form.rui-in-edit .field,form.rui-in-edit .submit{margin-right:.2em}form.rui-in-edit,form.rui-in-edit .field,form.rui-in-edit .submit,form.rui-in-edit div.rui-spinner,form.rui-in-edit .cancel{vertical-align:middle}</style>");
+var embed_style = document.createElement('style'),                 
+    embed_rules = document.createTextNode("div.rui-spinner,div.rui-spinner div{margin:0;padding:0;border:none;background:none;list-style:none;font-weight:normal;float:none;display:inline-block; *display:inline; *zoom:1;border-radius:.12em;-moz-border-radius:.12em;-webkit-border-radius:.12em}div.rui-spinner{text-align:center;white-space:nowrap;background:#EEE;border:1px solid #DDD;height:1.2em;padding:0 .2em}div.rui-spinner div{width:.4em;height:70%;background:#BBB;margin-left:1px}div.rui-spinner div:first-child{margin-left:0}div.rui-spinner div.glowing{background:#777}form.rui-in-edit,form.rui-in-edit .cancel{margin:0;padding:0;float:none;position:static}form.rui-in-edit{display:inline-block; *display:inline; *zoom:1;border:none;background:none}form.rui-in-edit div.rui-spinner{margin-right:.2em}form.rui-in-edit div.rui-spinner div{margin-top:.2em}form.rui-in-edit textarea.field{width:100%;margin-bottom:.5em}form.rui-in-edit .field,form.rui-in-edit .submit{margin-right:.2em}form.rui-in-edit,form.rui-in-edit .field,form.rui-in-edit .submit,form.rui-in-edit div.rui-spinner,form.rui-in-edit .cancel{vertical-align:middle}");      
+                                                                   
+embed_style.type = 'text/css';                                     
+document.getElementsByTagName('head')[0].appendChild(embed_style); 
+                                                                   
+if(embed_style.styleSheet) {                                       
+  embed_style.styleSheet.cssText = embed_rules.nodeValue;          
+} else {                                                           
+  embed_style.appendChild(embed_rules);                            
+}                                                                  
+
 
 return InEdit;
 })(document, RightJS);

data/public/javascripts/right/in-edit.js

@@ -1,13 +1,7 @@
 /**
- * Inline editor feature for RightJS
- *  http://rightjs.org/ui/in-edit
+ * RightJS-UI InEdit v2.2.0
+ * http://rightjs.org/ui/in-edit
  *
- * Copyright (C) 2009-2010 Nikolay Nemshilov
+ * Copyright (C) 2009-2011 Nikolay Nemshilov
  */
-var InEdit=RightJS.InEdit=function(i,a){var g=a.$,m=a.$w,n=a.Xhr,o=a.Object,j=a.Element,k=a.Input,p=new a.Wrapper(a.Element,{initialize:function(b){this.$super("div",{"class":"rui-spinner"});this.dots=[];for(var e=0;e<(b||4);e++)this.dots.push(new a.Element("div"));this.dots[0].addClass("glowing");this.insert(this.dots);a(this.shift).bind(this).periodical(300)},shift:function(){if(this.visible()){var b=this.dots.pop();this.dots.unshift(b);this.insert(b,"top")}}}),d=new (function(b,e){if(!e){e=b;b=
-"DIV"}var f=new a.Wrapper(a.Element.Wrappers[b]||a.Element,{initialize:function(h,c){this.key=h;var l=[{"class":"rui-"+h}];this instanceof a.Input||this instanceof a.Form||l.unshift(b);this.$super.apply(this,l);if(a.isString(c))c=a.$(c);if(c instanceof a.Element){this._=c._;if("$listeners"in c)c.$listeners=c.$listeners;c={}}this.setOptions(c,this);return this},setOptions:function(h,c){c=c||this;a.Options.setOptions.call(this,a.Object.merge(h,eval("("+(c.get("data-"+this.key)||"{}")+")")));return this}});
-f=new a.Wrapper(f,e);a.Observer.createShortcuts(f.prototype,f.EVENTS||[]);return f})("FORM",{extend:{version:"2.0.0",EVENTS:m("show hide send update"),Options:{url:null,name:"text",method:"put",type:"text",toggle:null,update:true,Xhr:{}},i18n:{Save:"Save",Cancel:"Cancel"},current:null},initialize:function(b,e){this.element=g(b);this.$super("in-edit",e).set("action",this.options.url).insert([this.field=new k({type:this.options.type,name:this.options.name,"class":"field"}),this.spinner=new p(4),this.submit=
-new k({type:"submit","class":"submit",value:d.i18n.Save}),this.cancel=new j("a",{"class":"cancel",href:"#",html:d.i18n.Cancel})]).onClick(this.clicked).onSubmit(this.send)},show:function(){if(d.current!==this){d.current&&d.current.hide();this.oldContent=this.element.html();a(["file","password"]).include(this.options.type)||this.field.setValue(this.oldContent);this.element.update(this);this.spinner.hide();this.submit.show();this.options.toggle&&g(this.options.toggle).hide()}this.options.type!=="file"&&
-this.field.focus();d.current=this;return this.fire("show")},hide:function(){this.element._.innerHTML=this.oldContent;this.xhr&&this.xhr.cancel();return this.finish()},send:function(b){b&&b.stop();this.spinner.show().resize(this.submit.size());this.submit.hide();this.xhr=(new n(this.options.url,o.merge(this.options.Xhr,{method:this.options.method,spinner:this.spinner,onComplete:a(this.receive).bind(this)}))).send(this);return this.fire("send")},finish:function(){this.options.toggle&&g(this.options.toggle).show();
-d.current=null;return this.fire("hide")},receive:function(){if(this.options.update){this.element.update(this.xhr.text);this.fire("update")}this.xhr=null;this.finish()},clicked:function(b){if(b.target===this.cancel){b.stop();this.hide()}}});g(i).onKeydown(function(b){b.keyCode===27&&d.current&&d.current.hide()});j.include({inEdit:function(b){return(new d(this,b)).show()}});i.write('<style type="text/css">div.rui-spinner,div.rui-spinner div{margin:0;padding:0;border:none;background:none;list-style:none;font-weight:normal;float:none;display:inline-block; *display:inline; *zoom:1;border-radius:.12em;-moz-border-radius:.12em;-webkit-border-radius:.12em}div.rui-spinner{text-align:center;white-space:nowrap;background:#EEE;border:1px solid #DDD;height:1.2em;padding:0 .2em}div.rui-spinner div{width:.4em;height:70%;background:#BBB;margin-left:1px}div.rui-spinner div:first-child{margin-left:0}div.rui-spinner div.glowing{background:#777}form.rui-in-edit,form.rui-in-edit .cancel{margin:0;padding:0;float:none;position:static}form.rui-in-edit{display:inline-block; *display:inline; *zoom:1;border:none;background:none}form.rui-in-edit div.rui-spinner{margin-right:.2em}form.rui-in-edit div.rui-spinner div{margin-top:.2em}form.rui-in-edit textarea.field{width:100%;margin-bottom:.5em}form.rui-in-edit .field,form.rui-in-edit .submit{margin-right:.2em}form.rui-in-edit,form.rui-in-edit .field,form.rui-in-edit .submit,form.rui-in-edit div.rui-spinner,form.rui-in-edit .cancel{vertical-align:middle}</style>');
-return d}(document,RightJS);
+var InEdit=RightJS.InEdit=function(a,b){function c(a,c){c||(c=a,a="DIV");var d=new b.Class(b.Element.Wrappers[a]||b.Element,{initialize:function(c,d){this.key=c;var e=[{"class":"rui-"+c}];this instanceof b.Input||this instanceof b.Form||e.unshift(a),this.$super.apply(this,e),b.isString(d)&&(d=b.$(d)),d instanceof b.Element&&(this._=d._,"$listeners"in d&&(d.$listeners=d.$listeners),d={}),this.setOptions(d,this);return b.Wrapper.Cache[b.$uid(this._)]=this},setOptions:function(a,c){c&&(a=b.Object.merge(a,(new Function("return "+(c.get("data-"+this.key)||"{}")))())),a&&b.Options.setOptions.call(this,b.Object.merge(this.options,a));return this}}),e=new b.Class(d,c);b.Observer.createShortcuts(e.prototype,e.EVENTS||[]);return e}var d=new b.Class(b.Element,{initialize:function(a){this.$super("div",{"class":"rui-spinner"}),this.dots=[];for(var c=0;c<(a||4);c++)this.dots.push(new b.Element("div"));this.dots[0].addClass("glowing"),this.insert(this.dots),b(this.shift).bind(this).periodical(300)},shift:function(){if(this.visible()){var a=this.dots.pop();this.dots.unshift(a),this.insert(a,"top")}}}),e=b,f=b.$,g=b.$w,h=b.Xhr,i=b.Object,j=b.Element,k=b.Input,l=new c("FORM",{extend:{version:"2.2.0",EVENTS:g("show hide send update"),Options:{url:null,name:"text",method:"put",type:"text",toggle:null,update:!0,Xhr:{}},i18n:{Save:"Save",Cancel:"Cancel"},current:null},initialize:function(a,b){this.element=f(a),this.$super("in-edit",b).set("action",this.options.url).insert([this.field=new k({type:this.options.type,name:this.options.name,"class":"field"}),this.spinner=new d(4),this.submit=new k({type:"submit","class":"submit",value:l.i18n.Save}),this.cancel=new j("a",{"class":"cancel",href:"#",html:l.i18n.Cancel})]).onClick(this.clicked).onSubmit(this.send)},show:function(){l.current!==this&&(l.current&&l.current.hide(),this.oldContent=this.element.html(),e(["file","password"]).include(this.options.type)||this.field.setValue(this.oldContent),this.element.update(this),this.spinner.hide(),this.submit.show(),this.options.toggle&&f(this.options.toggle).hide()),this.options.type!=="file"&&this.field.focus(),l.current=this;return this.fire("show")},hide:function(){this.element._.innerHTML=this.oldContent,this.xhr&&this.xhr.cancel();return this.finish()},send:function(a){a&&a.stop(),this.spinner.show().resize(this.submit.size()),this.submit.hide(),this.xhr=(new h(this.options.url,i.merge(this.options.Xhr,{method:this.options.method,spinner:this.spinner,onComplete:e(this.receive).bind(this)}))).send(this);return this.fire("send")},finish:function(){this.options.toggle&&f(this.options.toggle).show(),l.current=null;return this.fire("hide")},receive:function(){this.options.update&&(this.element.update(this.xhr.text),this.fire("update")),this.xhr=null,this.finish()},clicked:function(a){a.target===this.cancel&&(a.stop(),this.hide())}});f(a).onKeydown(function(a){a.keyCode===27&&l.current&&l.current.hide()}),j.include({inEdit:function(a){return(new l(this,a)).show()}});var m=a.createElement("style"),n=a.createTextNode("div.rui-spinner,div.rui-spinner div{margin:0;padding:0;border:none;background:none;list-style:none;font-weight:normal;float:none;display:inline-block; *display:inline; *zoom:1;border-radius:.12em;-moz-border-radius:.12em;-webkit-border-radius:.12em}div.rui-spinner{text-align:center;white-space:nowrap;background:#EEE;border:1px solid #DDD;height:1.2em;padding:0 .2em}div.rui-spinner div{width:.4em;height:70%;background:#BBB;margin-left:1px}div.rui-spinner div:first-child{margin-left:0}div.rui-spinner div.glowing{background:#777}form.rui-in-edit,form.rui-in-edit .cancel{margin:0;padding:0;float:none;position:static}form.rui-in-edit{display:inline-block; *display:inline; *zoom:1;border:none;background:none}form.rui-in-edit div.rui-spinner{margin-right:.2em}form.rui-in-edit div.rui-spinner div{margin-top:.2em}form.rui-in-edit textarea.field{width:100%;margin-bottom:.5em}form.rui-in-edit .field,form.rui-in-edit .submit{margin-right:.2em}form.rui-in-edit,form.rui-in-edit .field,form.rui-in-edit .submit,form.rui-in-edit div.rui-spinner,form.rui-in-edit .cancel{vertical-align:middle}");m.type="text/css",a.getElementsByTagName("head")[0].appendChild(m),m.styleSheet?m.styleSheet.cssText=n.nodeValue:m.appendChild(n);return l}(document,RightJS)